@extends('layouts.app')
@section('title')
    <title>Baboon - Krijimi i Profilit</title>
@endsection

@section('custom-css')
    <link rel="stylesheet" href="{{ asset('admin/css/select2/select2.min.css') }}">

    <style>
        .button-minus-cart, .button-plus-cart, .quantity-field-cart {
            border: 1px solid #eeeeee;
            box-sizing: border-box;
            margin: 0;
            outline: none;
            padding: 10px;
        }

        .button-minus-cart, .button-plus-cart {
            -webkit-appearance: button;
            cursor: pointer;
            color: green;
        }

        input::-webkit-outer-spin-button,
        input::-webkit-inner-spin-button {
            -webkit-appearance: none;
        }

        .input-group .button-minus-cart, .input-group .button-plus-cart {
            background-color: #eeeeee;
            min-width: 3rem;
            width: auto;
            transition: all 300ms ease;
        }

        .input-group .button-minus-cart,
        .input-group .button-plus-cart {
            font-weight: bold;
            height: 3rem;
            padding: 0;
            width: 3rem;
            position: relative;
        }

        .input-group .quantity-field-cart {
            position: relative;
            height: 3rem;
            left: -6px;
            text-align: center;
            width: 4rem;
            display: inline-block;
            font-size: 13px;
            margin: 0 0 5px;
            resize: vertical;
        }

        .button-plus-cart {
            left: -13px;
        }

        span.cart-item-name {
            font-size: 12px;
        }

        .collapse#restaurant-coupon {
            display: none !important;
        }

        .collapse.in#restaurant-coupon {
            display: flex !important;
        }

        .order-details-text {
            width: 46rem;
            margin: -4rem 0 -7rem -5rem;
        }

        .shopping-cart-btn {
            all: unset;
            cursor: pointer;
        }

        .shopping-cart-btn > img {
            width: 36rem;
        }

        span.select2.select2-container {
            width: unset !important;
            margin-bottom: -6rem;
            z-index: 1;
        }

        #phone-input {
            padding-left: 10rem;
            padding-top: .3rem;
        }

        .select2-selection.select2-selection--single {
            border: none;
            margin-left: 1px;
        }

        .select2-container--default .select2-selection--single:focus, .select2-container--default .select2-selection--single:focus {
            border: none;
        }

        h4 {
            margin-bottom: 5px;
            margin-top: 5px;
        }

        .new-profile-inp-styles {
            height: 60px;
            border-radius: 10px;
            border: 1px solid #cacaca;
            padding-left: 4rem
        }

        .country-prefix {
            margin: 0;
            position: absolute;
            top: 50%;
        }
        .form-control-right-button {
            width: 15%;
            margin-top: 12px;
            margin-right: 15px;
            border-radius: 20px;
            background-color: white;
            border-color: lightgrey;
            color: lightgrey;
            cursor: pointer;
        }

        .button:hover {
            background-color: #3e8e41
        }

        .button:active {
            background-color: #3e8e41;
            box-shadow: 0 5px #666;
            transform: translateY(4px);
        }
    </style>
@endsection

@section('content')
    <div id="map" class="order-create-profile-bg"></div>
    <div class="container">
        <div class="row">
            <div class="col-md-2"></div>
            <div class="col-md-6 pt-2" style="background: white; color: black; margin-bottom: 4rem">
                <h1 class="text-center">Finalizimi i porosisë</h1>
                <div class="panel-body mb-4">
                    @if(\Session::has('success') || \Session::get('danger') == 'Kodi aktivizimit nuk eshte i sakte!')
                        <br>
                        <form class="form-horizontal" method="POST" action="{{ route('activate_submit') }}">
                            {{ csrf_field() }}
                            <div class="form-group">
                                <div class="col-md-12">
                                    <input type="text" class="form-control" name="activisationCode" value=""
                                           placeholder="Kodi i verifikimit">
                                </div>
                            </div>
                            <input type="hidden" name="route" value="profile">
                            <div class="form-group">
                                <div class="col-md-12">
                                    <button type="submit" class="btn btn-primary" id="order-verify-code">
                                        Verifiko kodin
                                    </button>
                                </div>
                            </div>
                        </form>
                    @else
                        <form class="form-horizontal" id="create-profile-form" method="POST"
                              action="{{route('create-profile')}}">
                            {{ csrf_field() }}

                            <h4 class=" single-order-detail-title menu-title mt-6 ml-4">Adresa e dërgimit</h4>
                            <p class="ml-4 text-gray">Vendosni adresen ku doni t'ju vije ushqimi</p>
                            <div class="form-group {{ $errors->has('address') ? ' has-error' : '' }}">
                                <div>