@extends('frontend::layouts.master')
@section('title')

@section('style')
    <style>
        .deli-icon2 {
            width: 30px;
        }

        .brance-detail {
            margin-top: 5px !important;
            margin-left: 30px;
        }

        .cursor-pt {
            cursor: pointer;
        }
    </style>
    <!-- Gallery css -->
    <link href="{{ URL::asset('assets/plugins/gallery/gallery.css') }}" rel="stylesheet">
@endsection

@section('content')

    <main>
        <div class="full-y-starter">
            <div class="container">
                <div class="nav-state-wrapper">
                    <div class="nav-state-bar activated current">@lang('frontend.delivery')
                        <a href="{{ mwz_route('frontend.checkout') }}"></a>
                    </div>
                    <div class="nav-state-bar">@lang('frontend.payment_method')</div>
                    <div class="nav-state-bar">@lang('frontend.you_order_complete')</div>
                </div>
                <form id="frm_checkout" onsubmit="saveCheckOut('{{ mwz_route('frontend.payment') }}'); return false;">
                    <div class="pt-8 flex flex-col lg:space-x-6 lg:flex-row">
                        <div class="flex-auto form-wrapper cart-table">
                            <div class="space-y-4">
                                <h4 class="text-lg font-medium hr-space">@lang('frontend.frnd_116')</h4>
                                <div class="adr-delfm form-wrapper">
                                    <div class="flex-initial">
                                        <div class="shipping-address-editor show" id="ShpAddEDT">
                                            <div class="form-space">
                                                <div class="w-full lg:w-1/2">
                                                    <label for="FFname">@lang('frontend.frnd_13')</label>
                                                    <input class="form-style" type="text" id="FFname" name="FFname"
                                                        placeholder="@lang('frontend.frnd_13')"
                                                        value="{{ explode(' ', $member->name)[0] ?? '' }}" />
                                                </div>
                                                <div class="w-full lg:w-1/2">
                                                    <label for="TLLname">@lang('frontend.frnd_14')</label>
                                                    <input class="form-style" type="text" id="TLLname" name="TLLname"
                                                        placeholder="@lang('frontend.frnd_14')"
                                                        value="{{ explode(' ', $member->name)[1] ?? '' }}" />
                                                </div>
                                                <div class="w-full lg:w-1/2">
                                                    <label for="emailadd">@lang('frontend.register_email')</label>
                                                    <input class="form-style" type="email" id="emailadd" name="emailadd"
                                                        placeholder="@lang('frontend.register_email')"
                                                        value="{{ $member->email ?? '' }}" />
                                                </div>
                                                <div class="w-full lg:w-1/2">
                                                    <label for="Tsnum">@lang('frontend.register_mobile')</label>
                                                    <input class="form-style" type="text" id="Tsnum" name="Tsnum"
                                                        placeholder="@lang('frontend.register_mobile')"
                                                        value="{{ $member->mobile ?? '' }}" />
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <h4 class="text-lg font-medium">@lang('frontend.frnd_117')</h4>
                                <div class="flex items-center border border-gray">
                                    <div class="p-4 border-r border-gray-lighter">
                                        <img class="deli-icon" src="{{ asset('assets/images/icons/favicon-96x96.png') }}"
                                            alt="" />
                                    </div>
                                    <div class="p-4 w-full">
                                        <div class="radck-wicn">
                                            <input class="hidden" id="spectAddr" type="radio" name="deli-address"
                                                value="1" checked />
                                            <label for="spectAddr"><span class="rdo-stl"></span>
                                                <div>
                                                    <p>@lang('frontend.frnd_118')</p>
                                                </div>
                                            </label>
                                        </div>
                                    </div>
                                </div>

                                <div class="brance-detail">
                                    <table>
                                        @foreach ($WhereToBuy as $index => $wtb)
                                            <tr>
                                                <td>
                                                    <div class="radck-wicn">
                                                        <input class="hidden" id="brance{{ $index }}" type="radio"
                                                            name="brance" value="{{ $wtb->id ?? 0 }}"
                                                            {{ $index == 0 ? 'checked' : '' }} />
                                                        <label for="brance{{ $index }}"><span
                                                                class="rdo-stl"></span></label>
                                                    </div>
                                                </td>
                                                <td>
                                                    <a target="_blank"
                                                        href="{{ convert_image($wtb->image ?? '', 'wheretobuy') }}">
                                                        <img class="deli-icon2"
                                                            src="{{ convert_image($wtb->image ?? '', 'wheretobuy') }}"
                                                            alt="" />
                                                    </a>
                                                </td>
                                                <td>
                                                    {{ $wtb['name_' . $pageInit['lang']] ?? '' }}
                                                </td>
                                            </tr>
                                        @endforeach
                                    </table>
                                    <div class="my-6">
                                        <div class="flex items-center">
                                            <div class="tgl-wicn">
                                                <input class="chk-tgl toggle-checkbox" id="taxRequest_wtb" type="checkbox"
                                                    name="tax_open_wtb" value="1" />
                                                <label class="toggle-label" for="taxRequest_wtb"></label>
                                            </div>
                                            <label for="taxRequest_wtb">
                                                <h4 class="text-lg font-medium">@lang('frontend.checkout_tax_invoice')</h4>
                                            </label>
                                        </div>
                                    </div>
                                    <div class="hidden" id="TaxOpening_wtb">
                                        <div class="adr-taxfm form-wrapper">
                                            <div class="flex-initial">
                                                <div class="tax-address-editor show" id="TaxAddEDT_wtb">
                                                    <div class="form-space">
                                                        <div class="w-full mb-2">
                                                            <label for="Ttax_wtb">@lang('frontend.checkout_tex_id')</label>
                                                            <input class="form-style" type="text" id="Ttax_wtb"
                                                                name="Ttax_wtb" placeholder="@lang('frontend.checkout_tex_id')"
                                                                value="{{ $tax_address->tax_id ?? '' }}"
                                                                onkeypress="InputValidateString()" maxlength="20" />
                                                        </div>
                                                    </div>
                                                    <div class="form-space">
                                                        <div class="w-full">
                                                            <label for="Tname_wtb">@lang('frontend.checkout_full_name')</label>
                                                            <input class="form-style" type="text" id="Tname_wtb"
                                                                name="Tname_wtb" placeholder="@lang('frontend.checkout_full_name')"
                                                                value="{{ $tax_address->contact_name ?? '' }}" />
                                                        </div>
                                                        <div class="w-full">
                                                            <label for="Tcname_wtb">@lang('frontend.company_name')</label>
                                                            <input class="form-style" type="text" id="Tcname_wtb"
                                                                name="Tcname_wtb" placeholder="@lang('frontend.company_name')"
                                                                value="{{ $tax_address->company_name ?? '' }}" />
                                                        </div>
                                                        <div class="w-full">
                                                            <label for="Tadd_wtb">@lang('frontend.address')</label>
                                                            <input class="form-style" type="text" id="Tadd_wtb"
                                                                name="Tadd_wtb" placeholder="@lang('frontend.address')"
                                                                value="{{ $tax_address->address ?? '' }}" />
                                                        </div>
                                                        <div class="w-full xs:w-6/12">
                                                            <label for="tax_wtb_province_id">@lang('frontend.province')</label>
                                                            <select class="form-style" id="tax_wtb_province_id"
                                                                name="tax_wtb_province_id">
                                                                <option value="">@lang('frontend.choose_province')</option>
                                                                @foreach ($Province as $province)
                                                                    <option value="{{ $province->id ?? null }}"
                                                                        @if (!empty($tax_address->province_id) && $tax_address->province_id == $province->id) selected @endif>
                                                                        {{ $province['name_' . $pageInit['lang']] ?? '' }}
                                                                    </option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                        <div class="w-full xs:w-6/12">
                                                            <label for="tax_wtb_amphure_id">@lang('frontend.city')</label>
                                                            <select class="form-style" id="tax_wtb_amphure_id"
                                                                name="tax_wtb_amphure_id">
                                                                <option value="">@lang('frontend.choose_city')</option>
                                                                @if (!empty($tax_address->city->id))
                                                                    <option selected value="{{ $tax_address->city->id }}">
                                                                        {{ $tax_address->city['name_' . $pageInit['lang']] ?? '' }}
                                                                    </option>
                                                                @endif
                                                            </select>
                                                        </div>
                                                        <div class="w-full xs:w-6/12">
                                                            <label for="tax_wtb_tambon_id">@lang('frontend.district')</label>
                                                            <select class="form-style" id="tax_wtb_tambon_id"
                                                                name="tax_wtb_tambon_id">
                                                                <option value="">@lang('frontend.choose_district')</option>
                                                                @if (!empty($tax_address->district->id))
                                                                    <option selected
                                                                        value="{{ $tax_address->district->id }}">
                                                                        {{ $tax_address->district['name_' . $pageInit['lang']] ?? '' }}
                                                                    </option>
                                                                @endif
                                                            </select>
                                                        </div>
                                                        <div class="w-full xs:w-6/12">
                                                            <label for="tax_wtb_zipcode">@lang('frontend.zipcode')</label>
                                                            <input class="form-style" type="text" id="tax_wtb_zipcode"
                                                                name="tax_wtb_zipcode" placeholder="Postal Code"
                                                                value="{{ $tax_address->zipcode ?? '' }}"
                                                                onkeypress="InputValidateString()" maxlength="5" />
                                                        </div>
                                                        <div class="w-full">
                                                            <label for="Tnum_wtb">@lang('frontend.register_mobile')</label>
                                                            <input class="form-style" type="text" id="Tnum_wtb"
                                                                name="Tnum_wtb" placeholder="Phone Number"
                                                                value="{{ $tax_address->mobile ?? '' }}"
                                                                onkeypress="InputValidateString3()" maxlength="14" />
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="flex items-center border border-gray">
                                    <div class="p-4 border-r border-gray-lighter">
                                        <img class="deli-icon" src="{{ asset('assets/images/icons/delivery-car.png') }}"
                                            alt="" />
                                    </div>
                                    <div class="p-4 w-full">
                                        <div class="radck-wicn">
                                            <input class="hidden" id="spectAddr2" type="radio" name="deli-address"
                                                value="2" />
                                            <label for="spectAddr2"><span class="rdo-stl"></span>
                                                <div>
                                                    <p>@lang('frontend.frnd_119')</p>
                                                </div>
                                            </label>
                                        </div>
                                    </div>
                                </div>
                                <div class="hidden" id="AddressOpenings">
                                    <div class="adr-delfm form-wrapper">
                                        <div class="flex-initial">
                                            <div class="dfdfdf">
                                                <p>@lang('frontend.add_address') </p><i class="closesesesese fa fa-times"></i>
                                            </div>
                                            <div class="shipping-address-editor show mt-2" id="ShpAddEDT">
                                                <div class="form-space">
                                                    <div class="w-full">
                                                        <label for="name">@lang('frontend.frnd_13')*</label>
                                                        <input class="form-style" type="text" id="name"
                                                            name="name" placeholder="@lang('frontend.frnd_13')"
                                                            value="{{ $member->address->name ?? '' }}" />
                                                    </div>
                                                    <div class="w-full xs:w-6/12">
                                                        <label for="add">@lang('frontend.address')*</label>
                                                        <input class="form-style" type="text" id="add"
                                                            name="add" placeholder="@lang('frontend.address')"
                                                            value="{{ $member->address->address ?? '' }}" />
                                                    </div>
                                                    <div class="w-full xs:w-6/12">
                                                        <label for="Buliding">@lang('frontend.frnd_55')</label>
                                                        <input class="form-style" type="text" id="Buliding"
                                                            name="Buliding" placeholder="@lang('frontend.frnd_55')" />
                                                    </div>
                                                    <div class="w-full xs:w-6/12">
                                                        <label for="province_id">@lang('frontend.province')*</label>
                                                        <select class="form-style" id="province_id" name="province_id">
                                                            <option value="">@lang('frontend.choose_province')</option>
                                                            @foreach ($Province as $province)
                                                                <option value="{{ $province->id ?? null }}"
                                                                    @if (!empty($member->address->province_id) && $member->address->province_id == $province->id) selected @endif>
                                                                    {{ $province['name_' . $pageInit['lang']] ?? '' }}
                                                                </option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                    <div class="w-full xs:w-6/12">
                                                        <label for="amphure_id">@lang('frontend.city')*</label>
                                                        <select class="form-style" id="amphure_id" name="amphure_id">
                                                            <option value="">@lang('frontend.choose_city')</option>
                                                            @if (!empty($member->address->city->id))
                                                                <option value="{{ $member->address->city->id }}" selected>
                                                                    {{ $member->address->city['name_' . $pageInit['lang']] ?? '' }}
                                                                </option>
                                                            @endif
                                                        </select>
                                                    </div>
                                                    <div class="w-full xs:w-6/12">
                                                        <label for="tambon_id">@lang('frontend.district')*</label>
                                                        <select class="form-style" id="tambon_id" name="tambon_id">
                                                            <option value="">@lang('frontend.choose_district')</option>
                                                            @if (!empty($member->address->district->id))
                                                                <option value="{{ $member->address->district->id }}"
                                                                    selected>
                                                                    {{ $member->address->district['name_' . $pageInit['lang']] ?? '' }}
                                                                </option>
                                                            @endif
                                                        </select>
                                                    </div>
                                                    <div class="w-full xs:w-6/12">
                                                        <label for="zipcode">@lang('frontend.zipcode')*</label>
                                                        <input class="form-style" type="text" id="zipcode"
                                                            name="zipcode" onkeypress="InputValidateString()"
                                                            maxlength="5" placeholder="@lang('frontend.zipcode')"
                                                            value="{{ $member->address->zipcode ?? '' }}" />
                                                    </div>
                                                    <div class="w-full">
                                                        <label for="num">@lang('frontend.register_mobile')*</label>
                                                        <input class="form-style" type="text" id="num"
                                                            name="num" placeholder="@lang('frontend.register_mobile')"
                                                            onkeypress="InputValidateString3()" maxlength="13"
                                                            value="{{ $member->address->mobile ?? '' }}" />
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="my-6">
                                        <div class="flex items-center">
                                            <div class="tgl-wicn">
                                                <input class="chk-tgl toggle-checkbox" id="taxRequest" type="checkbox"
                                                    name="shipcbg" value="1" />
                                                <label class="toggle-label" for="taxRequest"></label>
                                            </div>
                                            <label for="taxRequest">
                                                <h4 class="text-lg font-medium">@lang('frontend.checkout_tax_invoice')</h4>
                                            </label>
                                        </div>
                                    </div>
                                    <div class="hidden" id="TaxOpening">
                                        <div class="adr-taxfm form-wrapper">
                                            <div class="flex-initial">
                                                <div class="tax-address-editor show" id="TaxAddEDT">
                                                    <div class="form-space">
                                                        <div class="w-full mb-2">
                                                            <label for="Ttax">@lang('frontend.checkout_tex_id')</label>
                                                            <input class="form-style" type="text" id="Ttax"
                                                                name="Ttax" placeholder="@lang('frontend.checkout_tex_id')"
                                                                value="{{ $tax_address->tax_id ?? '' }}"
                                                                onkeypress="InputValidateString()" maxlength="20" />
                                                        </div>
                                                    </div>
                                                    <div class="radio-hoz-wrapper">
                                                        <div class="radck-wicn">
                                                            <input class="hidden" id="ChsAddress1" type="radio"
                                                                name="tax-address" value="1" checked />
                                                            <label for="ChsAddress1"><span class="rdo-stl"></span>
                                                                <div>@lang('frontend.checkout_shipping_address')</div>
                                                            </label>
                                                        </div>
                                                        <div class="radck-wicn">
                                                            <input class="hidden" id="ChsAddress2" type="radio"
                                                                name="tax-address" value="2" />
                                                            <label for="ChsAddress2"><span class="rdo-stl"></span>
                                                                <div>@lang('frontend.checkout_other_address')</div>
                                                            </label>
                                                        </div>
                                                    </div>
                                                    <div class="tax-checked" style="display: none;">
                                                        <div class="form-space">
                                                            <div class="w-full">
                                                                <label for="Tname">@lang('frontend.checkout_full_name')</label>
                                                                <input class="form-style" type="text" id="Tname"
                                                                    name="Tname" placeholder="@lang('frontend.checkout_full_name')"
                                                                    value="{{ $tax_address->contact_name ?? '' }}" />
                                                            </div>
                                                            <div class="w-full">
                                                                <label for="Tcname">@lang('frontend.company_name')</label>
                                                                <input class="form-style" type="text" id="Tcname"
                                                                    name="Tcname" placeholder="@lang('frontend.company_name')"
                                                                    value="{{ $tax_address->company_name ?? '' }}" />
                                                            </div>
                                                            <div class="w-full">
                                                                <label for="Tadd">@lang('frontend.address')</label>
                                                                <input class="form-style" type="text" id="Tadd"
                                                                    name="Tadd" placeholder="@lang('frontend.address')"
                                                                    value="{{ $tax_address->address ?? '' }}" />
                                                            </div>
                                                            <div class="w-full xs:w-6/12">
                                                                <label for="tax_province_id">@lang('frontend.province')</label>
                                                                <select class="form-style" id="tax_province_id"
                                                                    name="tax_province_id"
                                                                    aria-placeholder="@lang('frontend.choose_province')">
                                                                    <option value="">@lang('frontend.choose_province')</option>
                                                                    @foreach ($Province as $province)
                                                                        <option
                                                                            {{ !empty($tax_address->province_id) ? ($tax_address->province_id == $province->id ? 'selected' : '') : '' }}
                                                                            value="{{ $province->id }}">
                                                                            {{ $province['name_' . $pageInit['lang']] ?? '' }}
                                                                        </option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                            <div class="w-full xs:w-6/12">
                                                                <label for="tax_amphure_id">@lang('frontend.city')</label>
                                                                <select class="form-style" id="tax_amphure_id"
                                                                    name="tax_amphure_id"
                                                                    aria-placeholder="@lang('frontend.choose_city')">
                                                                    <option value="">@lang('frontend.choose_city')</option>
                                                                    @if (!empty($tax_address->city->id))
                                                                        <option selected
                                                                            value="{{ $tax_address->city->id }}">
                                                                            {{ $tax_address->city['name_' . $pageInit['lang']] ?? '' }}
                                                                        </option>
                                                                    @endif
                                                                </select>
                                                            </div>
                                                            <div class="w-full xs:w-6/12">
                                                                <label for="tax_tambon_id">@lang('frontend.district')</label>
                                                                <select class="form-style" id="tax_tambon_id"
                                                                    name="tax_tambon_id"
                                                                    aria-placeholder="@lang('frontend.choose_district')">
                                                                    <option value="">@lang('frontend.choose_district')</option>
                                                                    @if (!empty($tax_address->district->id))
                                                                        <option selected
                                                                            value="{{ $tax_address->district->id }}">
                                                                            {{ $tax_address->district['name_' . $pageInit['lang']] ?? '' }}
                                                                        </option>
                                                                    @endif
                                                                </select>
                                                            </div>
                                                            <div class="w-full xs:w-6/12">
                                                                <label for="tax_zipcode">@lang('frontend.zipcode')</label>
                                                                <input class="form-style" type="text" id="tax_zipcode"
                                                                    name="tax_zipcode" placeholder="@lang('frontend.zipcode')"
                                                                    value="{{ $tax_address->zipcode ?? '' }}"
                                                                    onkeypress="InputValidateString()" maxlength="5" />
                                                            </div>
                                                            <div class="w-full">
                                                                <label for="num">@lang('frontend.register_mobile')</label>
                                                                <input class="form-style" type="text" id="Tnum"
                                                                    name="Tnum" placeholder="@lang('frontend.register_mobile')"
                                                                    value="{{ $tax_address->mobile ?? '' }}"
                                                                    onkeypress="InputValidateString3()" maxlength="14" />
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="alert alert-danger text-center danger-p1" style="display: none;"
                                    role="alert"></div>
                                <div class="submit-next width-control hidden lg:block">

                                    <input class="butn-submit add2bag-btn py-2" type="submit"
                                        value="@lang('frontend.frnd_120')" />
                                </div>
                                <p class="dfgohn text-center text-gray">
                                    {{-- Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the --}}
                                    <a class="text-gray" href="{{ mwz_route('frontend.policy') }}">@lang('frontend.privacy_policy')</a>
                                </p>
                            </div>
                        </div>
                        <div class="cart-summary">
                            <div class="smry-xl smry-space text-center bg-gray-lighter">@lang('frontend.frnd_93')</div>
                            <div class="px-6 pt-6">
                                @if (!empty($order_item))
                                    @foreach ($order_item as $item)
                                        <div class="loadmore-item">
                                            <div class="cart-item-img">
                                                <img src="{{ convert_image(getImage($item), 'product') }}"
                                                    alt="" />
                                                <a
                                                    href="{{ mwz_route('frontend.jewelry.detail', [create_slug($item->product ?? [])]) }}"></a>
                                            </div>
                                            <div class="cart-item-detail mx-0 mt-3">
                                                <p class="text-lg font-medium">
                                                    {{ $item['product_name_' . $pageInit['lang']] ?? '' }}</p>
                                                <div class="font-light text-lg">@lang('frontend.frnd_40')
                                                    {{ $item['cartificate_' . $pageInit['lang']] ?? '-' }} /
                                                    {{ $item->item_color ?? '-' }}</div>
                                                <div class="mt-2 text-sm">
                                                    @if (!empty($item->order_item_sku))
                                                        <div
                                                            class="flex justify-between flex-col xs:flex-row xs:items-center">
                                                            <div class="w1w5w0">SKU</div>
                                                            <div>{{ $item->order_item_sku ?? '' }}</div>
                                                        </div>
                                                    @endif