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

@section('content')
    <div class="container py-6 xs:py-12 md:py-16">
        <div class="text-center mx-auto relative">
            <h2 class="font-bold text-32 md:text-[40px] text-dark dark:text-white leading-7">
                Address Book
            </h2>
        </div>
    </div>
    <div class="container pb-12 md:pb-16">
        <div class="flex lg:gap-6">
            <div class="lg:w-60 lg:py-6 bg-glass lg:px-2">
                <livewire:frontend::menu.member-company-sidebar active='1' />
            </div>
            <div class="flex-1 p-4 lg:p-6 bg-glass">
                <div class="text-14 sm:text-16 font-semibold capitalize flex items-center xl:hidden mb-4">
                    <button class="sidebar-more-trigger">
                        <img class="lg:hidden w-7" src="{{ Module::asset('frontend:img/more.svg') }}" alt="More">
                    </button>
                </div>
                <div class="relative">
                    @php
                        $choose_msg = __('frontend::livewire_lang.msg_choose') . (config('app.locale') == 'en' ? ' ' : '');
                    @endphp
                    <div class="flex items-center pb-6">
                        <div class="font-bold text-18">Delivery Address</div>
                        <div class="ml-auto">
                            <x-frontend::modal.basicmodal modalName="AddressModalAdd">
                                <x-slot:modalButton>
                                    <div class="button-primary text-white px-8">{{ __('frontend::livewire_lang.msg_add') }}</div>
                                </x-slot>
                                <x-slot:modalContent>
                                    <p class="font-medium text-center mb-4">New Delivery Address</p>
                                    <form class="mx-auto max-w-sm profile-edit-modal font-normal" action="#" wire:submit="add">
                                        <div class="flex flex-wrap -mx-2">
                                            <div class="w-full px-2">
                                                <div class="com-form-basic float form-style">
                                                    <input id="addressAddName" type="text" placeholder="{{ __('frontend::livewire_lang.msg_full_name') }}" wire:model='addName'>
                                                    <label for="addressAddName">
                                                        {{ __('frontend::livewire_lang.msg_full_name') }}
                                                    </label>
                                                </div>
                                            </div>
                                            <div class="w-full px-2">
                                                <div class="com-form-basic float form-style">
                                                    <input id="addressAddPhone" type="text" placeholder="{{ __('frontend::livewire_lang.msg_telephone') }}" wire:model='addPhone'>
                                                    <label for="addressAddPhone">
                                                        {{ __('frontend::livewire_lang.msg_telephone') }}
                                                    </label>
                                                </div>
                                            </div>
                                            <div class="w-full px-2">
                                                <div class="com-form-basic float form-style">
                                                    <input id="addressAddDetail" type="text" placeholder="{{ __('frontend::livewire_lang.msg_address') }}" wire:model='addAddress'>
                                                    <label for="addressAddDetail">
                                                        {{ __('frontend::livewire_lang.msg_address') }}
                                                    </label>
                                                </div>
                                            </div>
                                            <div class="w-full md:w-1/2 px-2">
                                                <div class="com-form-basic float form-style">
                                                    <select id="addressAddProvince" name="" wire:model='addProvince'>
                                                        <option>{{ $choose_msg . __('frontend::livewire_lang.msg_province') }}</option>
                                                        <option value="กรุงเทพมหานคร">กรุงเทพมหานคร</option>
                                                        <option value="อยุธยา">อยุธยา</option>
                                                        <option value="สกลนคร">สกลนคร</option>
                                                    </select>
                                                    <label for="addressAddProvince">
                                                        {{ __('frontend::livewire_lang.msg_province') }}
                                                    </label>
                                                </div>
                                            </div>
                                            <div class="w-full md:w-1/2 px-2">
                                                <div class="com-form-basic float form-style">
                                                    <select id="addressAddDistrict" name="" wire:model='addDistrict'>
                                                        <option>{{ $choose_msg . __('frontend::livewire_lang.msg_district') }}</option>
                                                        <option value="ดินแดง">ดินแดง</option>
                                                        <option value="สายไหม">สายไหม</option>
                                                        <option value="บางปะอิน">บางปะอิน</option>
                                                    </select>
                                                    <label for="addressAddDistrict">
                                                        {{ __('frontend::livewire_lang.msg_district') }}
                                                    </label>
                                                </div>
                                            </div>
                                            <div class="w-full md:w-1/2 px-2">
                                                <div class="com-form-basic float form-style">
                                                    <select id="addressAddSubDistrict" name="" wire:model='addSubdistrict'>
                                                        <option>{{ $choose_msg . __('frontend::livewire_lang.msg_sub_district') }}</option>
                                                        <option value="ดินแดง">ดินแดง</option>
                                                        <option value="สายไหม">สายไหม</option>
                                                    </select>
                                                    <label for="addressAddSubDistrict">
                                                        {{ __('frontend::livewire_lang.msg_sub_district') }}
                                                    </label>
                                                </div>
                                            </div>
                                            <div class="w-full md:w-1/2 px-2">
                                                <div class="com-form-basic float form-style">
                                                    <input id="addressAddPostal" type="text" placeholder="{{ __('frontend::livewire_lang.msg_postal_code') }}" wire:model='addPostal'>
                                                    <label for="addressAddPostal">
                                                        {{ __('frontend::livewire_lang.msg_postal_code') }}
                                                    </label>
                                                </div>
                                            </div>

                                            <div class="w-full md:w-1/2 px-2 mt-2">
                                                <div class="com-form-basic form-style basic-check-radio">
                                                    <label for="addressAddDefaultStat">
                                                        {{ __('frontend::livewire_lang.msg_set_default') }}
                                                    </label>
                                                    <input class="bg-transparent mt-[2px]" id="addressAddDefaultStat" type="checkbox" wire:model='addDefault'>
                                                </div>
                                            </div>

                                            <div class="w-full px-2 mt-4">
                                                <div class="flex items-center justify-end gap-2">
                                                    <button class="button-primary-bordered" type="button" @click="AddressModalAdd = false">{{ __('frontend::livewire_lang.msg_cancel') }}</button>
                                                    <button class="button-primary" type="submit" @click="AddressModalAdd = false">{{ __('frontend::livewire_lang.msg_submit') }}</button>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </x-slot>
                                </x-frontend>
                        </div>
                    </div>
                    <livewire:frontend::member.member-company-address name="address" />
                </div>
                <div class="xl:mt-4 relative">
                    <div class="flex items-center py-6">
                        <div class="font-bold text-18">ที่อยู่ใบกำกับภาษี</div>
                    </div>
                    <livewire:frontend::member.tax-address name="tax" />
                </div>
            </div>
        </div>
    </div>
@endsection