@extends(get_view('index'))
@section('title', __('Teslimat ve Fatura') . ' - ')
@section('header')
@endsection
@section('content')

    <main class="main-wrapper">
        <!-- section-->
        <div class="axil-breadcrumb-area mb-4">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-6 col-md-8">
                        <div class="inner">
                            <ul class="axil-breadcrumb">
                                <li class="axil-breadcrumb-item"><a href="/">{{ __('Anasayfa') }}</a></li>
                                <li class="separator"></li>
                                <li class="axil-breadcrumb-item"><a href="{{ route('front.cart') }}">{{ __('Sepetim') }}</a>
                                </li>
                                <li class="separator"></li>
                                <li class="axil-breadcrumb-item active" aria-current="page">{{ __('Teslimat ve Fatura') }}
                                </li>
                            </ul>
                            <h1 class="title">{{ __('Teslimat ve Fatura') }}</h1>
                            @if ($errors->any())
                                <div class="alert alert-danger mt-5">
                                    <ul class="mb-0">
                                        @foreach ($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- section -->
        <div class="axil-checkout-area axil-section-gap">
            <div class="container">
                @if (cart()['products']->count() > 0)
                    @if (Auth::check())
                        <form action="{{ route('front.cart.payment') }}">
                            @csrf
                            <div class="row">
                                <div class="col-lg-6">
                                    <h4 class="title mb--40">{{ __('Teslimat Adresi') }}</h4>
                                    <a href="javascript:;" class="btn btn-outline-primary btn-axil mb-3"
                                        data-bs-toggle="modal" data-bs-target="#addressModal" style="font-size: 16px;">
                                        <i class="fa fa-plus"></i> {{ __('Yeni Adres Ekle') }}
                                    </a>
                                    @if ($user_addresses->count() > 0)
                                        <div class="row">
                                            @foreach ($user_addresses as $key => $item)
                                                <div class="col-lg-6">
                                                    <div class="address-info mb-40 border p-lg-5 p-3 rounded">
                                                        <div
                                                            class="addrss-header d-flex align-items-center justify-content-between">
                                                            <label for="delivery_address{{ $item->id }}"
                                                                class="m-0 p-0 cursor-pointer">
                                                                <input type="radio" name="delivery_address"
                                                                    value="{{ $item->id }}"
                                                                    id="delivery_address{{ $item->id }}"
                                                                    style="width: 15px; height: 15px;"
                                                                    @if ($key == 0) checked @endif
                                                                    class="opacity-100 position-relative" />
                                                                <h4 class="title mb-0 d-inline-block">
                                                                    {{ $item->title }}</h4>
                                                                <div>
                                                                    <a href="#"
                                                                        class="d-inline-block me-3 address-edit"
                                                                        data-id="{{ encrypt($item->id) }}"><i
                                                                            class="far fa-edit"></i></a>
                                                                    <a href="{{ route('front.my-addresses.remove', ['id' => encrypt($item->id)]) }}"
                                                                        class="d-inline-block address-remove"><i
                                                                            class="far fa-trash"></i></a>
                                                                </div>
                                                            </label>
                                                            <div>
                                                            </div>
                                                        </div>
                                                        <ul class="address-details">
                                                            <li>{{ __('Adı Soyadı') }}: {{ $item->fullname }}</li>
                                                            <li>{{ __('E-posta') }}: {{ $item->email }}</li>
                                                            {{-- $user_addresses modelinizde 'email' adlı bir alanınızın olduğundan emin olun --}}
                                                            <li>{{ __('Telefon') }}: {{ $item->phone }}</li>
                                                            <li>
                                                                {{ $item->address }}
                                                                <br>
                                                                {{ $item->city }}, {{ $item->district }} -
                                                                {{ $item->postcode }}
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            @endforeach
                                        </div>
                                    @else
                                        <div class="col-12 text-center py-5 ">
                                            <h4>{{ __('Kayıtlı Adresiniz Bulunamadı') }}</h4>
                                            <p>{{ __('Lütfen yeni bir adres ekleyin') }}</p>
                                            <p>
                                                <button type="button" class="axil-btn btn-bg-primary submit-btn"
                                                    data-bs-toggle="modal" data-bs-target="#addressModal">
                                                    {{ __('Yeni Adres Ekle') }}
                                                </button>
                                            </p>
                                        </div>
                                    @endif

                                    <div class="form-group my-3 mt-5">
                                        <input type="checkbox" name="invoice_address_type" id="invoice_address_type"
                                            value="1" checked="">
                                        <label for="invoice_address_type">Fatura adresim, teslimat adresimle aynı
                                            olsun.</label>
                                    </div>
                                    <div class="invoice_address_area d-none">
                                        <h4 class="title mb--40">{{ __('Fatura Adresi') }}</h4>
                                        @if ($user_addresses->count() > 0)
                                            <div class="row">
                                                @foreach ($user_addresses as $key => $item)
                                                    <div class="col-lg-6">
                                                        <div class="address-info mb-40 border p-lg-5 p-3 rounded">
                                                            <div
                                                                class="addrss-header d-flex align-items-center justify-content-between">
                                                                <label for="invoice_address{{ $item->id }}"
                                                                    class="m-0 p-0 cursor-pointer">
                                                                    <input type="radio" name="invoice_address"
                                                                        value="{{ $item->id }}"
                                                                        id="invoice_address{{ $item->id }}"
                                                                        style="width: 15px; height: 15px;"
                                                                        @if ($key == 0) checked @endif
                                                                        class="opacity-100 position-relative" />
                                                                    <h4 class="title mb-0 d-inline-block">
                                                                        {{ $item->title }}</h4>
                                                                    <div>
                                                                        <a href="#"
                                                                            class="d-inline-block me-3 address-edit"
                                                                            data-id="{{ encrypt($item->id) }}"><i
                                                                                class="far fa-edit"></i></a>
                                                                        <a href="{{ route('front.my-addresses.remove', ['id' => encrypt($item->id)]) }}"
                                                                            class="d-inline-block address-remove"><i
                                                                                class="far fa-trash"></i></a>
                                                                    </div>
                                                                </label>
                                                                <div>
                                                                </div>
                                                            </div>
                                                            <ul class="address-details">
                                                                <li>{{ __('Adı Soyadı') }}: {{ $item->fullname }}</li>
                                                                <li>{{ __('E-posta') }}: {{ $item->email }}</li>
                                                                {{-- $user_addresses modelinizde 'email' adlı bir alanınızın olduğundan emin olun --}}
                                                                <li>{{ __('Telefon') }}: {{ $item->phone }}</li>
                                                                <li>
                                                                    {{ $item->address }}
                                                                    <br>
                                                                    {{ $item->city }}, {{ $item->district }} -
                                                                    {{ $item->postcode }}
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                @endforeach
                                            </div>
                                        @else
                                            <div class="col-12 text-center py-5 ">
                                                <h4>{{ __('Kayıtlı Adresiniz Bulunamadı') }}</h4>
                                                <p>{{ __('Lütfen yeni bir adres ekleyin') }}</p>
                                                <p>
                                                    <button type="button" class="axil-btn btn-bg-primary submit-btn"
                                                        data-bs-toggle="modal" data-bs-target="#addressModal">
                                                        {{ __('Yeni Adres Ekle') }}
                                                    </button>
                                                </p>
                                            </div>
                                        @endif
                                    </div>


                                </div>
                                <div class="col-lg-6">
                                    <div class="axil-order-summery order-checkout-summery">
                                        <h5 class="title mb--20">{{ __('Sipariş Özeti') }}</h5>
                                        <div class="summery-table-wrap">
                                            <table class="table summery-table">
                                                <thead>
                                                    <tr>
                                                        <th>{{ __('Ürün') }}</th>
                                                        <th>{{ __('Fiyat') }}</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach (cart()['products'] as $item)
                                                        <tr class="order-product">
                                                            <td>
                                                                <a
                                                                    href="{{ route('product.detail', ['permalink' => $item->product->content->permalink]) }}">
                                                                    {{ $item->product->content->name ?? '' }}
                                                                </a>
                                                                <br>
                                                                <span class="quantity"> x{{ $item->quantity }}</span>
                                                            </td>
                                                            <td><span
                                                                    class="amount">{{ $item->get_product_total(false) ?? '' }}</span>
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                    <tr class="order-subtotal">
                                                        <td>{{ __('Ara Toplam') }}</td>
                                                        <td>{{ cart()['total_price_money_format'] ?? '' }}</td>
                                                    </tr>
                                                    {{-- <tr class="order-shipping">
                                                <td colspan="2">
                                                    <div class="shipping-amount">
                                                        <span class="title">Shipping Method</span>
                                                        <span class="amount">{{ cart()['total_price_money_format'] ?? ''
                                                            }}</span>
                                                    </div>
                                                    <div class="input-group">
                                                        <input type="radio" id="radio1" name="shipping" checked>
                                                        <label for="radio1">Free Shippping</label>
                                                    </div>
                                                    <div class="input-group">
                                                        <input type="radio" id="radio2" name="shipping">
                                                        <label for="radio2">Local</label>
                                                    </div>
                                                    <div class="input-group">
                                                        <input type="radio" id="radio3" name="shipping">
                                                        <label for="radio3">Flat rate</label>
                                                    </div>
                                                </td>
                                            </tr> --}}
                                                    <tr class="order-total">
                                                        <td>{{ __('Toplam') }}</td>
                                                        <td class="order-total-amount">
                                                            {{ cart()['total_price_money_format'] ?? '' }}</td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                        {{-- <div class="order-payment-method">
                                    <div class="single-payment">
                                        <div class="input-group">
                                            <input type="radio" id="radio4" name="payment">
                                            <label for="radio4">Direct bank transfer</label>
                                        </div>
                                        <p>Make your payment directly into our bank account. Please use {{ __('Sipariş Özeti')
                                            }} ID as
                                            the payment reference. {{ __('Sipariş Özeti') }} will not be shipped until the funds
                                            have
                                            cleared in our account.</p>
                                    </div>
                                    <div class="single-payment">
                                        <div class="input-group">
                                            <input type="radio" id="radio5" name="payment">
                                            <label for="radio5">Cash on delivery</label>
                                        </div>
                                        <p>Pay with cash upon delivery.</p>
                                    </div>
                                    <div class="single-payment">
                                        <div class="input-group justify-content-between align-items-center">
                                            <input type="radio" id="radio6" name="payment" checked>
                                            <label for="radio6">Paypal</label>
                                            <img src="./assets/images/others/payment.png" alt="Paypal payment">
                                        </div>
                                        <p>Pay via PayPal; you can pay with your credit card if you don’t have a PayPal
                                            account.</p>
                                    </div>
                                </div> --}}
                                        <button type="submit"
                                            class="axil-btn btn-bg-primary checkout-btn">{{ __('Ödeme Adımına Geç') }}</button>
                                        <p class="text-center">{{ __('Adres seçimini onayla ve ödeme adımına ilerle.') }}
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </form>
                    @else
                        <form action="{{ route('front.cart.payment') }}">
                            @csrf
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="axil-checkout-billing">
                                        <h4 class="title mb--40">{{ __('İletişim Bilgileri') }}</h4>
                                        <div class="form-group">
                                            <label>{{ __('Ad Soyad') }}<span>*</span></label>
                                            <input type="text" id="full-name" placeholder="Adam" required
                                                name="fullname" value="{{ old('fullname') }}">
                                        </div>
                                        <div class="form-group">
                                            <label>{{ __('E-posta') }} <span>*</span></label>
                                            <input type="email" id="email" name="email" required
                                                value="{{ old('email') }}" />
                                        </div>
                                        <div class="form-group">
                                            <label>{{ __('Telefon Numarası') }} <span>*</span></label>
                                            <input type="tel" id="phone" name="phone" required
                                                value="{{ old('phone') }}" />
                                        </div>
                                        <h4 class="title mb--40">{{ __('Fatura Adresi') }}</h4>
                                        <div class="form-group">
                                            <label>{{ __('Adres Başlığı') }}<span>*</span></label>
                                            <input type="text" id="title" placeholder="{{ __('Ev') }}"
                                                required name="delivery_address_title"
                                                value="{{ old('delivery_address_title') }}">
                                        </div>
                                        <div class="form-group">
                                            <label>{{ __('Ad Soyad') }}<span>*</span></label>
                                            <input type="text" id="full-name" placeholder="Adam" required
                                                name="delivery_address_fullname" value="{{ old('fullname') }}">
                                        </div>
                                        <div class="form-group">
                                            <label>{{ __('Telefon Numarası') }} <span>*</span></label>
                                            <input type="tel" id="phone" name="delivery_address_phone" required
                                                value="{{ old('phone') }}" />
                                        </div>
                                        <div class="form-group">
                                            <label>{{ __('Ülke') }} <span>*</span></label>
                                            <select id="Region" class="delivery_address_country_id"
                                                name="delivery_address_country_id" required>
                                                <option value="">{{ __('Seçiniz') }}</option>
                                                @foreach (get_countries() as $item)
                                                    <option value="{{ $item->id }}"
                                                        @if (old('delivery_address_country_id') == $item->id) selected @endif>
                                                        {{ $item->name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="form-group">
                                            <label>{{ __('İl') }} <span>*</span></label>
                                            <input type="text" id="city" name="delivery_address_city" required
                                                value="{{ old('delivery_address_city') }}" />
                                        </div>
                                        <div class="form-group">
                                            <label>{{ __('İlçe') }} <span>*</span></label>
                                            <input type="text" id="district" name="delivery_address_district"
                                                required value="{{ old('delivery_address_district') }}" />
                                        </div>
                                        <div class="form-group">
                                            <label>{{ __('Adres') }} <span>*</span></label>
                                            <input type="text" id="address1" class="mb--15"
                                                placeholder="House number and street name" name="delivery_address_address"
                                                required value="{{ old('delivery_address_address') }}">
                                        </div>
                                        <div class="form-group">
                                            <label>{{ __('Posta Kodu') }} <span>*</span></label>
                                            <input type="text" id="postcode" name="delivery_address_postcode"
                                                required value="{{ old('delivery_address_postcode') }}" />
                                        </div>
                                        <div class="form-group different-shippng">
                                            <div class="toggle-bar form-group mb-5 mt-3">
                                                <input type="checkbox" name="invoice_address_type" id="invoice_address_type" value="1" @if(old('invoice_address_type') == 1 ) checked @endif data-bs-toggle="collapse" href="#invoiceAddressArea">
                                                <label for="invoice_address_type">  {{ __('Fatura adresim teslimat adresimle aynı') }}</label>
                                            </div>
                                            <div class="collapse pt-20 pb-20 @if(old('invoice_address_type') != 1 ) show @endif"
                                            id="invoiceAddressArea">
                                                <div class="form-group">
                                                    <label for="">{{ __('Adres Başlığı') }}</label>
                                                    <input type="text" name="invoice_address_title"
                                                        class="form-control"
                                                        value="{{ old('invoice_address_title') }}" />
                                                </div>
                                                <div class="form-group">
                                                    <label for="">{{ __('Ad Soyad') }}</label>
                                                    <input type="text" name="invoice_address_fullname"
                                                        class="form-control"
                                                        value="{{ old('invoice_address_fullname') }}" />
                                                </div>
                                                <div class="form-group">
                                                    <label for="">{{ __('Telefon Numarası') }}</label>
                                                    <input type="text" name="invoice_address_phone"
                                                        class="form-control"
                                                        value="{{ old('invoice_address_phone') }}" />
                                                </div>
                                                <div class="form-group">
                                                    <label for="">{{ __('Ülke') }}</label>
                                                    <select name="invoice_address_country_id"
                                                        id="invoice_address_country_id" class="form-control">
                                                        <option value="">{{ __('Seçiniz') }}</option>
                                                        @foreach (get_countries() as $item)
                                                            <option value="{{ $item->id }}"
                                                                @if (old('delivery_address_country_id') == $item->id) selected @endif>
                                                                {{ $item->name }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="form-row mb-3">
                                                    <div class="form-group">
                                                        <label for="">{{ __('İl') }}</label>
                                                        <input type="text" name="invoice_address_city"
                                                            class="form-control"
                                                            value="{{ old('invoice_address_city') }}" />
                                                    </div>
                                                    <div class="form-group">
                                                        <label for="">{{ __('İlçe') }}</label>
                                                        <input type="text" name="invoice_address_district"
                                                            class="form-control"
                                                            value="{{ old('invoice_address_district') }}" />
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="">{{ __('Adres') }}</label>
                                                    <input type="text" name="invoice_address_address"
                                                        class="form-control"
                                                        value="{{ old('invoice_address_address') }}" />
                                                </div>
                                                <div class="form-group">
                                                    <label for="">{{ __('Posta Kodu') }}</label>
                                                    <input type="text" name="invoice_address_postcode"
                                                        class="form-control"
                                                        value="{{ old('invoice_address_postcode') }}" />
                                                </div>
                                            </div>
                                        </div>
                                        {{-- <div class="form-group">
                                    <label>Other Notes (optional)</label>
                                    <textarea id="notes" rows="2"
                                        placeholder="Notes about {{ __('Sipariş Özeti') }}, e.g. speacial notes for delivery."></textarea>
                                </div> --}}
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="axil-order-summery order-checkout-summery">
                                        <h5 class="title mb--20">{{ __('Sipariş Özeti') }}</h5>
                                        <div class="summery-table-wrap">
                                            <table class="table summery-table">
                                                <thead>
                                                    <tr>
                                                        <th>{{ __('Ürün') }}</th>
                                                        <th>{{ __('Fiyat') }}</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach (cart()['products'] as $item)
                                                        <tr class="order-product">
                                                            <td>
                                                                <a
                                                                    href="{{ route('product.detail', ['permalink' => $item->product->content->permalink]) }}">
                                                                    {{ $item->product->content->name ?? '' }}
                                                                </a>
                                                                <br>
                                                                <span class="quantity"> x{{ $item->quantity }}</span>
                                                            </td>
                                                            <td><span
                                                                    class="amount">{{ $item->get_product_total(false) ?? '' }}</span>
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                    <tr class="order-subtotal">
                                                        <td>Subtotal</td>
                                                        <td>{{ cart()['total_price_money_format'] ?? '' }}</td>
                                                    </tr>
                                                    {{-- <tr class="order-shipping">
                                                <td colspan="2">
                                                    <div class="shipping-amount">
                                                        <span class="title">Shipping Method</span>
                                                        <span class="amount">{{ cart()['total_price_money_format'] ?? ''
                                                            }}</span>
                                                    </div>
                                                    <div class="input-group">
                                                        <input type="radio" id="radio1" name="shipping" checked>
                                                        <label for="radio1">Free Shippping</label>
                                                    </div>
                                                    <div class="input-group">
                                                        <input type="radio" id="radio2" name="shipping">
                                                        <label for="radio2">Local</label>
                                                    </div>
                                                    <div class="input-group">
                                                        <input type="radio" id="radio3" name="shipping">
                                                        <label for="radio3">Flat rate</label>
                                                    </div>
                                                </td>
                                            </tr> --}}
                                                    <tr class="order-total">
                                                        <td>{{ __('Toplam') }}</td>
                                                        <td class="order-total-amount">
                                                            {{ cart()['total_price_money_format'] ?? '' }}</td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                        {{-- <div class="order-payment-method">
                                    <div class="single-payment">
                                        <div class="input-group">
                                            <input type="radio" id="radio4" name="payment">
                                            <label for="radio4">Direct bank transfer</label>
                                        </div>
                                        <p>Make your payment directly into our bank account. Please use {{ __('Sipariş Özeti')
                                            }} ID as
                                            the payment reference. {{ __('Sipariş Özeti') }} will not be shipped until the funds
                                            have
                                            cleared in our account.</p>
                                    </div>
                                    <div class="single-payment">
                                        <div class="input-group">
                                            <input type="radio" id="radio5" name="payment">
                                            <label for="radio5">Cash on delivery</label>
                                        </div>
                                        <p>Pay with cash upon delivery.</p>
                                    </div>
                                    <div class="single-payment">
                                        <div class="input-group justify-content-between align-items-center">
                                            <input type="radio" id="radio6" name="payment" checked>
                                            <label for="radio6">Paypal</label>
                                            <img src="./assets/images/others/payment.png" alt="Paypal payment">
                                        </div>
                                        <p>Pay via PayPal; you can pay with your credit card if you don’t have a PayPal
                                            account.</p>
                                    </div>
                                </div> --}}
                                        <button type="submit"
                                            class="axil-btn btn-bg-primary checkout-btn">{{ __('Ödeme Adımına Geç') }}</button>
                                        <p class="text-center">{{ __('Adres seçimini onayla ve ödeme adımına ilerle.') }}
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </form>
                    @endif
                @endif
            </div>
        </div>
    </main>
    @include(get_view('components.user.addresses.add-new-address-modal'))
    @include(get_view('components.user.addresses.update-modal'))

@endsection
@section('footer')
    <script>
        function cc_format(ccid, ctid) {
            // supports Amex, Master Card, Visa, and Discover
            // parameter 1 ccid= id of credit card number field
            // parameter 2 ctid= id of credit card type field

            var ccNumString = document.getElementById(ccid).value;
            ccNumString = ccNumString.replace(/[^0-9]/g, '');
            // mc, starts with - 51 to 55
            // v, starts with - 4
            // dsc, starts with 6011, 622126-622925, 644-649, 65
            // amex, starts with 34 or 37
            var typeCheck = ccNumString.substring(0, 2);
            var cType = '';
            var block1 = '';
            var block2 = '';
            var block3 = '';
            var block4 = '';
            var formatted = '';

            if (typeCheck.length == 2) {
                typeCheck = parseInt(typeCheck);
                if (typeCheck >= 40 && typeCheck <= 49) {
                    cType = 'Visa';
                } else if (typeCheck >= 51 && typeCheck <= 55) {
                    cType = 'Master Card';
                } else if ((typeCheck >= 60 && typeCheck <= 62) || (typeCheck == 64) || (typeCheck == 65)) {
                    cType = 'Discover';
                } else if (typeCheck == 34 || typeCheck == 37) {
                    cType = 'American Express';
                } else {
                    cType = 'Invalid';
                }
            }

            // all support card types have a 4 digit firt block
            block1 = ccNumString.substring(0, 4);
            if (block1.length == 4) {
                block1 = block1 + ' ';
            }

            if (cType == 'Visa' || cType == 'Master Card' || cType == 'Discover') {
                // for 4X4 cards
                block2 = ccNumString.substring(4, 8);
                if (block2.length == 4) {
                    block2 = block2 + ' ';
                }
                block3 = ccNumString.substring(8, 12);
                if (block3.length == 4) {
                    block3 = block3 + ' ';
                }
                block4 = ccNumString.substring(12, 16);
            } else if (cType == 'American Express') {
                // for Amex cards
                block2 = ccNumString.substring(4, 10);
                if (block2.length == 6) {
                    block2 = block2 + ' ';
                }
                block3 = ccNumString.substring(10, 15);
                block4 = '';
            } else if (cType == 'Invalid') {
                // for Amex cards
                block1 = typeCheck;
                block2 = '';
                block3 = '';
                block4 = '';
                alert('Invalid Card Number');
            }

            formatted = block1 + block2 + block3 + block4;
            document.getElementById(ccid).value = formatted;
            document.getElementById(ctid).value = cType;
        }
    </script>
    <script>
        $('#accordionPaymentType').on('shown.bs.collapse', function(event) {
            var payment_type_input = $("#payment_type_input");
            if (event.target.id == "payment-bank-tab") {
                payment_type_input.val(1);
                $("#paymentForm").attr('action', $("#paymentForm").data('original-action'));
            } else {
                payment_type_input.val(0);
            }


            var original_action = $("#paymentForm").data('original-action');
            var payment_type = payment_type_input.val();
            if (payment_type == 0) {
                $("#paymentForm").attr('action', paratika_action)
            } else if (payment_type == 1) {
                $("#paymentForm").attr('action', original_action)
            }
        })
    </script>
    <script>
        var paratika_action = "";
        var invoice_address_type =
            @if (old('invoice_address_type') == 1)
                1
            @else
                0
            @endif ;
        $(document).ready(function() {
            $("#invoice_address_type").change(function() {
                if ($(this).is(':checked')) {
                    $(".invoice_address_area").addClass('d-none');
                    $(".btn-collapse-invoice-address-area").addClass('d-none');
                    invoice_address_type = 1;
                } else {
                    $(".invoice_address_area").removeClass('d-none');
                    $(".btn-collapse-invoice-address-area").removeClass('d-none');
                    invoice_address_type = 0;
                }
            });
        })
    </script>
    <script>
        var submitButton = $("#paymentForm button[type='submit']")
        var submitButtonText = submitButton.html();
        var session_token = null;

        var address_id = 0;
        $(document).ready(function() {
            address_id = $("input[name='delivery_address']:checked").val();
            get_paratika(address_id);


            $("input[name='delivery_address']").change(function() {
                address_id = $(this).val();
                get_paratika(address_id);
            });
            $("input[name='invoice_address']").change(function() {
                address_id = $(this).val();
                get_paratika(address_id);
            });


            $("#paymentForm input, #paymentForm select").change(function() {
                get_paratika();
            })
        })

        function get_paratika(address_id = 0) {

            toastr.clear();
            $("#email").removeClass('is-invalid');
            $("#phone").removeClass('is-invalid');
            $("#fullname").removeClass('is-invalid');
            $(".paratika_form .div_loading").show();

            var user_id = "{{ Auth::user()->id ?? 0 }}";
            if (invoice_address_type == 1) {
                address_id = $("input[name='delivery_address']:checked").val();
            } else {
                address_id = $("input[name='invoice_address']:checked").val();
            }

            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });

        }


        var session_status = false;
        $("#paymentForm").submit(function(e) {
            var payment_type_input = $("#payment_type_input").val();
            const type = $("input[name='type']").val();
            console.log({
                type
            });
            if (!session_status && payment_type_input != 1) {
                if (type == "paratika") {
                    e.preventDefault();
                } else if (type == "paytr") {

                }
                saveSession();
                submitButton.html(submitButtonText);
            }

            submitButton.html("<span class='spinner-border spinner-border-sm text-white'></span>");
        });

        function saveSession() {
            $("#paymentForm input, #paymentForm select").removeClass('is-invalid');
            $(".address_validation_count").hide();
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });

            var form = $("#paymentForm")

            $.ajax({
                type: "POST",
                url: '/cart/save/session',
                data: form.serialize()
            }).done(function(data) {
                $(".paratika_form .div_loading").hide();
                $("#paymentForm").attr('action', data.url);
                session_status = true;
                $("#paymentForm").submit();
            }).error(function(data) {
                if (typeof data.responseJSON != "undefined") {
                    if (typeof data.responseJSON.message != "undefined") {
                        toastr.clear();

                        if (typeof data.responseJSON.errors != "undefined") {
                            Object.keys(data.responseJSON.errors).forEach(element => {
                                data.responseJSON.errors[element].forEach(el => {
                                    toastr.error(el)
                                });
                            });

                            var error_input_names = Object.keys(data.responseJSON.errors);
                            for (let i = 0; i < error_input_names.length; i++) {
                                $("#paymentForm input[name='" + error_input_names[i] + "']").addClass('is-invalid');
                                $("#paymentForm select[name='" + error_input_names[i] + "']").addClass(
                                    'is-invalid');
                                $(".address_validation_count").show();
                            }
                        }
                        submitButton.html(submitButtonText);
                    }
                }
            }).fail(function(data) {
                if (typeof data.message != "undefined") {
                    toastr.error(data.message)
                }
                $(".paratika_form .div_loading").hide();
                submitButton.html(submitButtonText);
            });
        }
    </script>
    <script>
        $(document).ready(function() {
            $(".address-edit").click(function() {
                var id = $(this).data('id');
                var addressModal = $("#updateAddressModal");
                var form = $("form", addressModal);
                addressModal.modal('show');

                $.get('/user/my-addresses/get', {
                    id: id
                }, function(data) {
                    $("input[name='id']", addressModal).val(id);
                    $("input[name='title']", addressModal).val(data.title);
                    $("input[name='fullname']", addressModal).val(data.fullname);
                    $("input[name='phone']", addressModal).val(data.phone);
                    $("select[name='country_id']", addressModal).val(data.country_id);
                    $("input[name='city']", addressModal).val(data.city);
                    $("input[name='district']", addressModal).val(data.district);
                    $("input[name='address']", addressModal).val(data.address);
                    $("input[name='postcode']", addressModal).val(data.postcode);
                });
            })
        })
    </script>
    <!-- TMX Profiling -->
    <script type="text/javascript"
        src="https://h.online-metrix.net/fp/tags.js?org_id=6bmm5c3v&amp&session_id={SESSIONTOKEN}&pageid=1"
        id="paratikaScript1"></script>
    <noscript>
        <iframe style="width: 100px; height: 100px; border: 0; position: absolute; top: -5000px;" id="paratikaIframe1"
            src="https://h.online-metrix.net/fp/tags.js?org_id=6bmm5c3v&amp&session_id={SESSIONTOKEN}&pageid=1 "></iframe>
    </noscript>
@endsection