@extends('vendor.site-bases.website.layouts.master')

@section('title', trans('title.cart'))

@section('page_title', trans('title.cart'))

@section('breadcrumbs')
    {!! Breadcrumbs::render('cart') !!}
@endsection

@section('content')
    @if ($mustConfirmRules)
        <div class="alert-regulations container">
            <div class="confirm-text">
                <span class="text">
                    @lang('site.change_rules') <a href="{{ url('rules') }}">@lang('title.rules')</a>
                </span>
                <button class="confirm-rules" id="confirm-rules" role="button">@lang('site.confirm_rules')</button>
            </div>
        </div>
    @endif
    @if (session('error'))
        <div class="checkout-alert-danger container">
            <h3>@lang('site.error')</h3>
            <p>{{ session('error') }}</p>
        </div>
    @endif
    <section class="container checkout_page">
        <div class="left">
            <form action="" method="POST" id="checkoutForm">
                @csrf
                <input type="hidden" name="installment_bank_id" value="{{ request()->input('installment_bank_id') }}">
                <div class="checkout_title">
                    <h3>
                        @lang('site.additional_info')
                    </h3>
                    <input type="reset" value="@lang('site.clear_form')">
                </div>
                <label class="title">@lang('site.delivery_type') <span class="required">*</span></label>
                <div class="form_group">
                    <label class="radio">
                        <input type="radio" name="delivery_type" class="delivery_type" {{ old('delivery_type') === config('custom.orders.delivery_types.delivery') ? 'checked' : '' }} required checked value="{{ config('custom.orders.delivery_types.delivery') }}">
                        <span class="checkmark"></span>
                        <span class="text">
                            @lang('site.delivery_1')
                        </span>
                    </label>
                    <label class="radio">
                        <input type="radio" name="delivery_type" class="delivery_type" {{ old('delivery_type') === config('custom.orders.delivery_types.takeaway') ? 'checked' : '' }} required value="{{ config('custom.orders.delivery_types.takeaway') }}">
                        <span class="checkmark"></span>
                        <span class="text">
                            @lang('site.delivery_2')
                        </span>
                    </label>
                    @error('delivery_type')
                        <span class="invalid-feedback">
                            {{ $message }}
                        </span>
                    @enderror
                </div>
                <label class="title">@lang('site.your_status') <span class="required">*</span></label>
                <div class="form_group">
                    <div class="dropdown_input">
                        <label class="radio">
                            <input type="radio" class="person_type" name="person_type" checked {{ old('person_type') === config('custom.orders.person_types.physical') ? 'checked' : '' }} value="{{ config('custom.orders.person_types.physical') }}" required>
                            <span class="checkmark"></span>
                            <span class="text">
                                @lang('site.physical')
                            </span>
                        </label>
                        <div class="drop_input active">
                            <input type="text" class="personal_number" value="{{ old('personal_number', auth()->user()->personal_number) }}" name="personal_number" required placeholder="@lang('site.id_physical')">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
                                <path id="Path_4649" data-name="Path 4649" d="M10,18a8,8,0,1,1,8-8A8,8,0,0,1,10,18Zm-.8-4.8,5.656-5.657L13.727,6.412,9.2,10.938,6.939,8.674,5.808,9.806Z" transform="translate(-2 -2)" />
                            </svg>
                        </div>
                    </div>
                    <div class="dropdown_input">
                        <label class="radio">
                            <input type="radio" class="person_type" name="person_type" {{ old('person_type') === config('custom.orders.person_types.legal') ? 'checked' : '' }} value="{{ config('custom.orders.person_types.legal') }}" required>
                            <span class="checkmark"></span>
                            <span class="text">
                                @lang('site.legal')
                            </span>
                        </label>
                        <div class="drop_input">
                            <input type="text" class="personal_number" value="{{ old('personal_number', auth()->user()->personal_number) }}" placeholder="@lang('site.legal')">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
                                <path id="Path_4649" data-name="Path 4649" d="M10,18a8,8,0,1,1,8-8A8,8,0,0,1,10,18Zm-.8-4.8,5.656-5.657L13.727,6.412,9.2,10.938,6.939,8.674,5.808,9.806Z" transform="translate(-2 -2)" />
                            </svg>
                        </div>
                    </div>
                    @error('person_type')
                        <span class="invalid-feedback">
                            {{ $message }}
                        </span>
                    @enderror
                    @error('personal_number')
                        <span class="invalid-feedback">
                            {{ $message }}
                        </span>
                    @enderror
                </div>
                <label class="title">@lang('site.your_address') <span class="required">*</span></label>
                <div class="form_group">
                    <div class="select">
                        <select name="city_id" required class="cities" id="city_id">
                            <option value="">@lang('site.choose_city')</option>
                            @foreach ($cities as $item)
                                <option value="{{ $item->id }}" {{ auth()->user()->city_id && auth()->user()->city_id == $item->id ? 'selected' : '' }}>{{ $item->title }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="loading">
                    <img src="{{ asset('assets/client/images/loader.gif') }}" alt="">
                    <p class="text">@lang('site.loading')</p>
                </div>
                <div class="form_group address">
                    <svg id="Group_6752" data-name="Group 6752" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
                        <path id="Path_4602" data-name="Path 4602" d="M0,0H20V20H0Z" fill="none"/>
                        <path id="Path_4603" data-name="Path 4603" d="M10,18,5.05,13.314a6.381,6.381,0,0,1,0-9.373,7.281,7.281,0,0,1,9.9,0,6.381,6.381,0,0,1,0,9.373Zm3.85-5.728a4.963,4.963,0,0,0,0-7.29,5.663,5.663,0,0,0-7.7,0,4.963,4.963,0,0,0,0,7.29L10,15.918l3.85-3.645ZM10,10.1a1.475,1.475,0,1,1,1.556-1.473A1.516,1.516,0,0,1,10,10.1Z" transform="translate(0 0)" />
                    </svg>
                    <input type="text" autocomplete="off" value="{{ auth()->user()->address ?: old('address') }}" name="address" id="address" placeholder="@lang('site.address')" required>
                    <input type="hidden" required id="place_id" name="place_id" value="{{ auth()->user()->google_place_id }}">
                    @error('address')
                        <span class="invalid-feedback">
                            {{ $message }}
                        </span>
                    @enderror
                </div>
                <div class="suggestions">
                    <ol></ol>
                </div>
                <label class="title">@lang('site.comment')</label>
                <div class="form_group textarea">
                    <textarea name="comment" placeholder="@lang('site.write_comment')" maxlength="200">{{ old('comment') }}</textarea>
                    <div class="symbols">
                        <span class="count">0</span> / <span class="max">200</span>
                    </div>
                    @error('comment')
                        <span class="invalid-feedback">
                            {{ $message }}
                        </span>
                    @enderror
                </div>
            </form>
        </div>
        <div class="right payment_info">
            <div class="cart_title">
                <h6>
                    @lang('site.cart')
                </h6>
                <div class="products_count">
                    <span>{{ $quantity }}</span> @lang('site.product')
                </div>
            </div>
            <dl>
                <dd>
                    @lang('site.before_discount')
                </dd>
                <dt>
                    <span class="price not_discounted_price">
                        {{ number_format($notDiscountedPrice, 2) }}<span class="lari">o</span>
                    </span>
                </dt>
                <dd>
                    @lang('site.deliver_price')
                </dd>
                <dt>
                    <span class="deliver_price_style">
                        <span class="deliver_price_value">0</span>
                        <span class="lari">o</span>
                    </span>
                </dt>
                <dd>
                    @lang('site.promotion_discount')
                </dd>
                <dt>
                    <span class="sale">
                        <span class="initial-promotion-price">{{ $promoDiscountPrice }}</span><span class="lari">o</span>
                    </span>
                </dt>
                <dd>
                    @lang('site.promo_discount')
                </dd>
                <dt>
                    <span class="sale">
                        <span class="initial-promo-price">0</span><span class="lari">o</span>
                    </span>
                </dt>
                <dd>
                    @lang('site.discount')
                </dd>
                <dt>
                    <span class="sale">
                        -{{ number_format($notDiscountedPrice - $price, 2) }}<span class="lari">o</span>
                    </span>
                </dt>
                <dd>
                    @lang('site.sum_price')
                </dd>
                <dt>
                    <span class="price sum_price">
                        <span class="full-price">{{ number_format($price, 2) }}</span><span class="lari">o</span>
                    </span>
                </dt>
            </dl>
            {{-- <div class="instalment">
                <button class="inst_btn">
                    განვადებით შეძენა
                </button>
                <ul>
                    <li>
                        <button>
                            <span>
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 18">
                                    <g id="Group_7011" data-name="Group 7011" transform="translate(48 8766.439)">
                                    <path id="Path_4798" data-name="Path 4798" d="M50.987,14.935a1.925,1.925,0,0,1-.64,1.6,22.962,22.962,0,0,1-6.956,4.325,4.283,4.283,0,0,1-.723.19A.552.552,0,0,1,42,20.485a.791.791,0,0,1,.083-.326,70.128,70.128,0,0,1,3.979-7.725c1.224-2.122,4.479-7.236,4.952-7.807a.22.22,0,0,1,.223-.054c.083.054.139.109.056.381a23.866,23.866,0,0,0-.417,9.33c.056.245.083.462.111.653" transform="translate(-90 -8771)" fill="#00aeef"/>
                                    <path id="Path_4799" data-name="Path 4799" d="M52.795,49.764a1.939,1.939,0,0,1,1.688-.278A21.958,21.958,0,0,1,61.645,53.3a2.266,2.266,0,0,1,.517.529.54.54,0,0,1-.163.862,1.449,1.449,0,0,1-.327.111,69.689,69.689,0,0,1-8.632.5c-2.451.028-8.469-.167-9.2-.306a.155.155,0,0,1-.136-.167c0-.083,0-.167.3-.25A23.924,23.924,0,0,0,52.3,50.154a3.382,3.382,0,0,1,.49-.39" transform="translate(-91.227 -8803.743)" fill="#00aeef"/>
                                    <path id="Path_4800" data-name="Path 4800" d="M78.2,16.253a1.982,1.982,0,0,1-1.113-1.332,21.7,21.7,0,0,1-.362-8.045,4.668,4.668,0,0,1,.195-.707.567.567,0,0,1,.835-.3,1.29,1.29,0,0,1,.278.245,68.614,68.614,0,0,1,4.841,7.23c1.28,2.12,4.173,7.42,4.424,8.1a.208.208,0,0,1-.056.217c-.083.054-.139.082-.362-.136a24.615,24.615,0,0,0-8.069-5c-.223-.109-.445-.19-.612-.272" transform="translate(-115.309 -8771.883)" fill="#00aeef"/>
                                    </g>
                                </svg>
                            </span>
                            თიბისი ბანკი
                        </button>
                    </li>
                    <li>
                        <button>
                            <span>
                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 40 32">
                                    <defs>
                                    <clipPath id="clip-path">
                                        <rect width="183.152" height="32" fill="none"/>
                                    </clipPath>
                                    </defs>
                                    <g id="Component_48_4" data-name="Component 48 – 4" clip-path="url(#clip-path)">
                                    <path id="Path_575" data-name="Path 575" d="M37.3,6.3C37.033,5.881,33.06,0,26.172,0H11.444A8.637,8.637,0,0,0,2.808,8.636V24.795c0,.477-.742.212-.742.212A2.277,2.277,0,0,0,1.43,24.9,1.425,1.425,0,0,0,0,26.331c0,1.7,2.649,2.384,3.709,2.384a4.848,4.848,0,0,0,.9-.053A8.743,8.743,0,0,0,11.444,32H26.119a8.637,8.637,0,0,0,8.636-8.636V14.517s1.8-2.278,2.013-2.49h0s1.43-1.96,1.8-2.7.053-1.06-1.272-3.02" fill="#fff"/>
                                    <path id="Path_576" data-name="Path 576" d="M29.6,25.838a3.186,3.186,0,0,0,1.06.159c1.589,0,2.278-.636,2.278-1.377,0-.848-1.166-.848-1.272-1.642-.159-.954-.053-5.192,1.589-7.523l1.113.477a1.725,1.725,0,0,0,.689.159,1,1,0,0,0,.742-.371A21.431,21.431,0,0,0,38.662,11.8c.159-.265-2.172-3.179-3.444-4.185A5.3,5.3,0,0,0,31.987,6.5a5.114,5.114,0,0,0-4.874,3.444,24.75,24.75,0,0,1-7.311,3.5c-3.55.954-7.205.053-9.642.212a5.022,5.022,0,0,0-5.033,5.192c.053,2.755,1.96,5.245,1.96,7.841A2.836,2.836,0,0,1,4.278,29.6c-1.377,0-1.43-.53-1.854-.53A.339.339,0,0,0,2,29.387c0,.689,1.7,1.325,2.649,1.325a4.2,4.2,0,0,0,3.6-1.8,3.166,3.166,0,0,0,3.179,1.854c2.013,0,2.861-.954,2.861-1.748,0-.636-.371-.9-.689-1.325a1.918,1.918,0,0,1-.371-1.219,9.446,9.446,0,0,0,1.06.053c1.43,0,1.907-.583,1.907-1.166,0-.742-.848-.689-.848-1.907,0-.954.53-1.219.954-1.219.477,0,2.331.159,4.609.424.742.053,2.6.795,2.6,3.709v1.06c0,1.748.689,3.974,3.868,3.974,2.119,0,3.338-1.166,3.338-2.066,0-.583-.477-.795-.742-1.166a2.737,2.737,0,0,1-.371-2.331" transform="translate(-0.94 -3.056)" fill="#f26724"/>
                                    <path id="Path_577" data-name="Path 577" d="M63.471,19.1a.371.371,0,1,0,.371.371.362.362,0,0,0-.371-.371" transform="translate(-29.67 -8.981)" fill="#fff"/>
                                    <path id="Path_578" data-name="Path 578" d="M65.918,17a.318.318,0,1,0,.318.318A.305.305,0,0,0,65.918,17" transform="translate(-30.845 -7.993)" fill="#fff"/>
                                    <path id="Path_579" data-name="Path 579" d="M67.165,14.7a.265.265,0,1,0,.265.265.284.284,0,0,0-.265-.265" transform="translate(-31.456 -6.912)" fill="#fff"/>
                                    <path id="Path_580" data-name="Path 580" d="M47.024,17.248a.424.424,0,1,0-.424-.424c.053.265.212.424.424.424" transform="translate(-21.911 -7.711)" fill="#fff"/>
                                    <path id="Path_581" data-name="Path 581" d="M49.971,36.2a.378.378,0,0,0-.371.424.409.409,0,0,0,.371.424.418.418,0,0,0,.424-.424c-.053-.212-.212-.424-.424-.424" transform="translate(-23.322 -17.021)" fill="#fff"/>
                                    <path id="Path_582" data-name="Path 582" d="M54.424,37a.424.424,0,1,0,.424.424c-.053-.265-.212-.424-.424-.424" transform="translate(-25.391 -17.397)" fill="#fff"/>
                                    <path id="Path_583" data-name="Path 583" d="M50.524,29.4a.424.424,0,1,0,0,.848.39.39,0,0,0,.424-.424.418.418,0,0,0-.424-.424" transform="translate(-23.557 -13.824)" fill="#fff"/>
                                    <path id="Path_584" data-name="Path 584" d="M53.164,23.548a.424.424,0,0,0,0-.848.428.428,0,0,0,0,.848" transform="translate(-24.819 -10.673)" fill="#fff"/>
                                    <path id="Path_585" data-name="Path 585" d="M41.324,20.448a.424.424,0,1,0-.424-.424c.053.265.212.424.424.424" transform="translate(-19.231 -9.216)" fill="#fff"/>
                                    <path id="Path_586" data-name="Path 586" d="M45.624,34.7a.424.424,0,1,0,.424.424c-.053-.265-.212-.424-.424-.424" transform="translate(-21.253 -16.316)" fill="#fff"/>
                                    <path id="Path_587" data-name="Path 587" d="M43.524,24.148a.378.378,0,0,0,.371-.424.409.409,0,0,0-.371-.424.424.424,0,0,0,0,.848" transform="translate(-20.266 -10.956)" fill="#fff"/>
                                    <path id="Path_588" data-name="Path 588" d="M38.724,29.2a.424.424,0,1,0,.424.424.456.456,0,0,0-.424-.424" transform="translate(-18.009 -13.73)" fill="#fff"/>
                                    <path id="Path_589" data-name="Path 589" d="M46.524,27.648a.424.424,0,1,0-.424-.424c.053.265.212.424.424.424" transform="translate(-21.676 -12.601)" fill="#fff"/>
                                    <path id="Path_590" data-name="Path 590" d="M34.624,21.7a.424.424,0,1,0,.424.424.418.418,0,0,0-.424-.424" transform="translate(-16.081 -10.203)" fill="#fff"/>
                                    <path id="Path_591" data-name="Path 591" d="M36.324,25.6a.424.424,0,1,0,.424.424c-.053-.265-.212-.424-.424-.424" transform="translate(-16.88 -12.037)" fill="#fff"/>
                                    <path id="Path_592" data-name="Path 592" d="M41.824,32.1a.424.424,0,1,0,.424.424c-.053-.212-.212-.424-.424-.424" transform="translate(-19.466 -15.093)" fill="#fff"/>
                                    <path id="Path_593" data-name="Path 593" d="M49.524,20.748a.424.424,0,1,0-.424-.424c.053.265.212.424.424.424" transform="translate(-23.087 -9.357)" fill="#fff"/>
                                    <path id="Path_594" data-name="Path 594" d="M55.024,30.8a.424.424,0,1,0,.424.424.418.418,0,0,0-.424-.424" transform="translate(-25.673 -14.482)" fill="#fff"/>
                                    <path id="Path_595" data-name="Path 595" d="M56.924,24.7a.424.424,0,0,0,0,.848.39.39,0,0,0,.424-.424.418.418,0,0,0-.424-.424" transform="translate(-26.566 -11.614)" fill="#fff"/>
                                    <path id="Path_596" data-name="Path 596" d="M56.424,18.5a.424.424,0,1,0,.424.424.39.39,0,0,0-.424-.424" transform="translate(-26.331 -8.699)" fill="#fff"/>
                                    <path id="Path_597" data-name="Path 597" d="M60.024,19.6a.424.424,0,1,0,.424.424.456.456,0,0,0-.424-.424" transform="translate(-28.024 -9.216)" fill="#fff"/>
                                    <path id="Path_598" data-name="Path 598" d="M53.824,16.2a.424.424,0,1,0,.424.424c-.053-.265-.212-.424-.424-.424" transform="translate(-25.109 -7.617)" fill="#fff"/>
                                    <path id="Path_599" data-name="Path 599" d="M52.324,13.3a.424.424,0,1,0,.424.424c-.053-.212-.212-.424-.424-.424" transform="translate(-24.403 -6.254)" fill="#fff"/>
                                    <path id="Path_600" data-name="Path 600" d="M55.424,13.3a.424.424,0,1,0,.424.424.456.456,0,0,0-.424-.424" transform="translate(-25.861 -6.254)" fill="#fff"/>
                                    <path id="Path_601" data-name="Path 601" d="M52.2,11.018a.342.342,0,0,1,.318-.318.305.305,0,0,1,.318.318.318.318,0,0,1-.636,0" transform="translate(-24.544 -5.031)" fill="#fff"/>
                                    <path id="Path_602" data-name="Path 602" d="M54.1,8.765a.265.265,0,1,1,.265.265.284.284,0,0,1-.265-.265" transform="translate(-25.438 -3.997)" fill="#fff"/>
                                    <path id="Path_603" data-name="Path 603" d="M56.5,7.712a.212.212,0,1,1,.212.212.228.228,0,0,1-.212-.212" transform="translate(-26.566 -3.526)" fill="#fff"/>
                                    <path id="Path_604" data-name="Path 604" d="M66.9,12.912a.212.212,0,1,1,.212.212.228.228,0,0,1-.212-.212" transform="translate(-31.456 -5.972)" fill="#fff"/>
                                    <path id="Path_605" data-name="Path 605" d="M66.3,20.412a.212.212,0,1,1,.212.212c-.053,0-.159-.106-.212-.212" transform="translate(-31.174 -9.498)" fill="#fff"/>
                                    <path id="Path_606" data-name="Path 606" d="M67.4,19.012a.212.212,0,1,1,.212.212.228.228,0,0,1-.212-.212" transform="translate(-31.691 -8.84)" fill="#fff"/>
                                    <path id="Path_607" data-name="Path 607" d="M65.2,21.912a.212.212,0,1,1,.212.212.228.228,0,0,1-.212-.212" transform="translate(-30.657 -10.203)" fill="#fff"/>
                                    <path id="Path_608" data-name="Path 608" d="M63.9,23.212a.212.212,0,1,1,.212.212c-.106,0-.159-.106-.212-.212" transform="translate(-30.046 -10.815)" fill="#fff"/>
                                    <path id="Path_609" data-name="Path 609" d="M68.4,17.512a.212.212,0,1,1,.212.212.228.228,0,0,1-.212-.212" transform="translate(-32.162 -8.134)" fill="#fff"/>
                                    <path id="Path_610" data-name="Path 610" d="M69.1,16.212a.212.212,0,1,1,.212.212c-.106,0-.159-.053-.212-.212" transform="translate(-32.491 -7.523)" fill="#fff"/>
                                    <path id="Path_611" data-name="Path 611" d="M20.591,41.285a6.416,6.416,0,0,1-.477-5.086c1.113-2.861,4.344-2.49,4.344-2.49a3.722,3.722,0,0,0-1.7-.318A4.237,4.237,0,0,0,18.9,37.947a4.877,4.877,0,0,0,1.7,3.338" transform="translate(-8.883 -15.696)" fill="#fff"/>
                                    <path id="Path_612" data-name="Path 612" d="M11.107,27.869A3.4,3.4,0,0,1,10.1,25.432a3.506,3.506,0,0,1,3.444-3.444c1.96-.106,5.563.477,7.894.159.795,3.55,3.444,6.04,5.4,7.629-2.384-1.06-4.768-3.868-7.523-5.4-2.861-1.589-5.775-1.854-7.311-.424a3.958,3.958,0,0,0-.9,3.921" transform="translate(-4.749 -10.333)" fill="#fff"/>
                                    <path id="Path_613" data-name="Path 613" d="M25.9,39.9c.159,1.007-1.7,1.377-1.7,1.377,1.7.318,2.225-.583,2.225-.583a4.045,4.045,0,0,0-.53-.795" transform="translate(-11.379 -18.761)" fill="#fff"/>
                                    <path id="Path_614" data-name="Path 614" d="M50.678,40.9h0s-1.113,1.536-.318,4.4A5.721,5.721,0,0,1,48.4,46.3s2.543.318,3.338-1.007c-1.589-1.219-1.113-4.185-1.06-4.4" transform="translate(-22.758 -19.231)" fill="#fff"/>
                                    <path id="Path_615" data-name="Path 615" d="M60.346,10.273a1.687,1.687,0,0,0-2.066,1.166,1.646,1.646,0,0,0,1.536,1.8,1.687,1.687,0,0,0,2.066-1.166,1.646,1.646,0,0,0-1.536-1.8m1.272,1.748a1.23,1.23,0,0,1-1.483.848,1.166,1.166,0,0,1-1.06-1.272,1.23,1.23,0,0,1,1.483-.848,1.166,1.166,0,0,1,1.06,1.272" transform="translate(-27.392 -4.816)" fill="#fff"/>
                                    <path id="Path_616" data-name="Path 616" d="M62.094,12.67a.683.683,0,0,1,.795-.477.64.64,0,0,1,.583.689.683.683,0,0,1-.795.477.64.64,0,0,1-.583-.689" transform="translate(-29.193 -5.729)" fill="#fff"/>
                                    <path id="Path_617" data-name="Path 617" d="M57.024,38.3h0c.583,1.113-1.325,1.536-1.325,1.536,1.377.212,2.119-.583,2.119-.954a3.43,3.43,0,0,1-.795-.583" transform="translate(-26.19 -18.009)" fill="#fff"/>
                                    <path id="Path_618" data-name="Path 618" d="M35.43,31.306s.265.318.689.742a17,17,0,0,0,1.7,1.43,12.958,12.958,0,0,0,1.854,1.166,3.484,3.484,0,0,0,.636.318,2.227,2.227,0,0,1,.265.106,2.227,2.227,0,0,0-.265-.106,3.641,3.641,0,0,1-.689-.318,15.915,15.915,0,0,1-1.96-1.113,13.435,13.435,0,0,1-1.748-1.377,7.77,7.77,0,0,1-.742-.742.161.161,0,0,1,0-.212.4.4,0,0,1,.265.106h0" transform="translate(-16.516 -14.67)" fill="#fff"/>
                                    <path id="Path_619" data-name="Path 619" d="M60.909,10.305a2.862,2.862,0,0,0-4.821-.212A.451.451,0,1,1,55.4,9.51,3.241,3.241,0,0,1,57.89,8.4a3.2,3.2,0,0,1,3.02,1.907" transform="translate(-25.995 -3.947)" fill="#fff"/>
                                    <path id="Path_620" data-name="Path 620" d="M54.847,19.2a6.97,6.97,0,0,1-3.55-1.43,7.419,7.419,0,0,1-2.225-2.49c-.053-.159-.053-.371.106-.424a.286.286,0,0,1,.424.106,8.055,8.055,0,0,0,2.119,2.7A7.807,7.807,0,0,0,54.847,19.2" transform="translate(-23.059 -6.957)" fill="#fff"/>
                                    <path id="Path_621" data-name="Path 621" d="M50.862,23.267A8.6,8.6,0,0,1,45.3,20.512a11.633,11.633,0,0,1-1.748-2.437.309.309,0,0,1,.53-.318,10.442,10.442,0,0,0,2.066,3.073,8.006,8.006,0,0,0,4.715,2.437" transform="translate(-20.452 -8.274)" fill="#fff"/>
                                    <path id="Path_622" data-name="Path 622" d="M37.721,20.488a.3.3,0,0,1,.371.212,11.321,11.321,0,0,0,2.7,4.344,10.04,10.04,0,0,0,6.623,2.967,10.146,10.146,0,0,1-7.152-2.967,11.719,11.719,0,0,1-2.7-4.132.281.281,0,0,1,.159-.424" transform="translate(-17.642 -9.627)" fill="#fff"/>
                                    <path id="Path_623" data-name="Path 623" d="M57.859,14.919a3.11,3.11,0,0,0,1.748.53A2.151,2.151,0,0,0,61.886,13.7a2.5,2.5,0,0,1-2.49,2.225,3.692,3.692,0,0,1-1.854-.424.334.334,0,0,1-.159-.424c.159-.159.371-.265.477-.159" transform="translate(-26.972 -6.442)" fill="#fff"/>
                                    </g>
                                </svg>
                            </span>
                            საქართველოს ბანკი
                        </button>
                    </li>
                </ul>
            </div> --}}
            <div class="promo-input">
                <input type="text" form="checkoutForm" value="{{ old('promo_code') }}" name="promo_code" id="promo-code" placeholder="@lang('site.promo_code_placeholder')">
                <button type="button" id="check-promo-code">
                    <svg enable-background="new 0 0 24 24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m8.75 17.612v4.638c0 .324.208.611.516.713.077.025.156.037.234.037.234 0 .46-.11.604-.306l2.713-3.692z"></path><path d="m23.685.139c-.23-.163-.532-.185-.782-.054l-22.5 11.75c-.266.139-.423.423-.401.722.023.3.222.556.505.653l6.255 2.138 13.321-11.39-10.308 12.419 10.483 3.583c.078.026.16.04.242.04.136 0 .271-.037.39-.109.19-.116.319-.311.352-.53l2.75-18.5c.041-.28-.077-.558-.307-.722z"></path></svg>
                </button>
            </div>
            @error('promo_code')
                <span class="invalid-feedback invalid-feedback-promo-code">@lang('site.promo_error')</span>
            @enderror
            <span class="invalid-feedback invalid-feedback-promo-code display-none"></span>
            <div class="buy" data-id="">
                <button type="submit" form="checkoutForm">
                    @lang('site.buy')
                </button>
            </div>
        </div>
    </section>
@endsection

@section('scripts')
    <script>
        $('#check-promo-code').click(function () {
            let value = $('#promo-code').val();
            $('.invalid-feedback-promo-code').addClass('display-none');
            if (value) {
                $.ajax({
                    url: "{{ route('promo.price') }}",
                    type: "POST",
                    data: "_token={{ csrf_token() }}&promo_code=" + value,
                    success: function(data) {
                        $('.initial-promo-price').text(data.discounted_price);
                        $('.full-price').text(data.price);
                    },
                    error: function(XMLHttpRequest, textStatus, errorThrown) {
                        $('.invalid-feedback-promo-code').text(XMLHttpRequest.responseJSON.message);
                        $('.invalid-feedback-promo-code').removeClass('display-none');
                    }
                })
            }
        })

        $('#city_id').change(function () {
            if (this.value == '') {
                $('#address').attr('disabled', 'disabled');
                $('#address').val('');
                $('#place_id').val('');
                $('.suggestions ol').html('');
            } else {
                $('#address').removeAttr('disabled');
            }
        });

        $(".person_type").on('change', function () {
            $('.drop_input').removeClass('active');
            $('.personal_number').removeAttr('name');
            $('.personal_number').removeAttr('required');
            $(this).parent().next().addClass('active');
            $(this).parent().next().find('.personal_number').attr('name', 'personal_number');
            $(this).parent().next().find('.personal_number').attr('required', 'required');
        });

        $(".delivery_type").on('change', function () {
            if (this.value == "{{ config('custom.orders.delivery_types.delivery') }}") {
                $("#city_id").removeAttr('disabled');
                $("#address").removeAttr('disabled');
                $("#city_id").removeClass('disabled');
                $("#address").removeClass('disabled');
            } else {
                $("#city_id").attr('disabled', 'disabled');
                $("#address").attr('disabled', 'disabled');
                $("#city_id").addClass('disabled');
                $("#address").addClass('disabled');
                $("#address").val('');
                $("#city_id").val('');
            }
            calculateDeliveryPrice();
        });

        $('#confirm-rules').click(function () {
            $.ajax({
                url:"{{ route('rules.confirm') }}",
                async: false,
                type:"POST",
                data: {
                    _token: '{{ csrf_token() }}',
                }
            }).done(function (data){
                location.reload();
            });
        })

        //setup before functions
        var typingTimer;                //timer identifier
        var doneTypingInterval = 3000;  //time in ms, 5 second for example
        var $input = $('#address');

        //on keyup, start the countdown
        $input.on('keyup', function () {
            clearTimeout(typingTimer);
            if (this.value.length > 2) {
                $('.loading').addClass('active');
                $('.suggestions ol').html('');
                typingTimer = setTimeout(() => {
                    $('.suggestions ol').html('');
                    $.ajax({
                        url:"{{ route('autocomplete-google') }}",
                        async: false,
                        type:"POST",
                        data: {
                            _token: '{{ csrf_token() }}',
                            q: this.value
                        }
                    }).done(function (data){
                        $('.loading').removeClass('active');
                        let html = '';
                        data.predictions.forEach(function (place) {
                            html += '<li data-id="' + place.place_id + '"><a href="#!">' + place.description + '</a></li>'
                        });
                        $('.suggestions ol').html(html);
                        choosePlace();
                    });
                }, doneTypingInterval);
            }
        });

        //on keydown, clear the countdown
        $input.on('keydown', function () {
            clearTimeout(typingTimer);
        });

        function choosePlace () {
            $('.suggestions ol li').click(function () {
                $('#place_id').val($(this).data('id'));
                $('#address').val($(this).find('a').text());
                $('.suggestions ol li').remove();
                calculateDeliveryPrice();
            });
        }

        function calculateDeliveryPrice() {
            let fullPrice = parseFloat($('.full-price').text().replace(',', ''));
            let price = 0;
            if ($('#place_id').val() != '' && $('#city_id').val() != '') {
                $.ajax({
                    url:"{{ route('get.delivery.price') }}",
                    async: false,
                    type:"POST",
                    data: {
                        _token: '{{ csrf_token() }}',
                        city_id: $('#city_id').val(),
                        place_id: $('#place_id').val()
                    }
                }).done(function (data){
                    price = data.price;
                });
            }
            $('.deliver_price_value').text(price.toFixed(2));
            $('.full-price').text((fullPrice + price).toFixed(2));
        }
        $(document).ready(function () {
            calculateDeliveryPrice();
        });
    </script>
@endsection