@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>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container">
        @if ($errors->any())
        <div class="alert alert-danger mb-5">
            <ul class="mb-0">
                @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
        @endif
    </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