@extends('master.front')
@section('title')
    {{ __('Address') }}
@endsection
@section('content')
    <!-- Page Title-->

    <!-- Page Content-->

    <div class="bg-gray4">
        <div class="container-fluid container60">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb py-3">

                    <li class="breadcrumb-item"><a href="{{ route('front.index') }}">{{ __('Home') }}</a> </li>
                    <li class="breadcrumb-item active" aria-current="page">{{ __('Shipping - Billing Address') }}</li>
                </ol>
            </nav>
            <div class="row">
                <div class="col-12 py-4">
                    <h2 class="fw-semibold text-center d-flex align-items-center justify-content-start text-blue1">
                        {{ __('จัดการที่อยู่') }}
                    </h2>
                </div>
            </div>
        </div>
    </div>
    <div class="bg-gray4">
        <div class="container-fluid container60 pb-5">
            <div class="row">
                <div class="col-md-12 col-xl-2">
                    @include('includes.user_sitebar')
                </div>
                <div class="col-md-12 col-xl-10">
                    <div class="bg-white card card-body border-0 rounded-0">
                        <div class="d-flex align-items-center">
                            <i class="material-symbols-outlined text-blue1 me-1">
                                home_work
                            </i>
                            <h5 class="fw-semibold">{{ __('จัดการที่อยู่') }}</h5>
                        </div>
                        <div class="row mt-3">
                            <div class="col-xl-6">
                                <div class="card card-body rounded-0 mb-3 mb-xl-0"
                                    style="border: 1px solid rgba(0, 0, 0, .125);">
                                    <h5 class="fw-semibold">{{ __('ที่อยู่จัดส่ง') }}</h5>
                                    <div class="line-title"></div>
                                    <div class="row g-3">
                                        <div class="col-12">
                                            <div class="lineG"></div>
                                            @if (!$customers_address_delivery)
                                                <button type="button" class="btn btn-blue rounded-0 mb-3"
                                                    data-bs-toggle="modal" data-bs-target="#addContactDModal">+
                                                    {{ __('เพิ่มที่อยู่') }}</button>



                                                <div class="modal fade" id="addContactDModal" tabindex="-1"
                                                    aria-labelledby="addContactDModalLabel" aria-hidden="true">
                                                    <div class="modal-dialog modal-dialog-scrollable">
                                                        <form id="shippingForm" action="{{ route('user.shipping.submit') }}"
                                                            method="POST">
                                                            @csrf
                                                            <div class="modal-content">
                                                                <div class="modal-header">

                                                                    <h5 class="modal-title" id="addContactModalLabel">
                                                                        {{ __('เพิ่มที่อยู่จัดส่ง') }}</h5>
                                                                    <button type="button" class="btn-close"
                                                                        data-bs-dismiss="modal" aria-label="Close"></button>
                                                                </div>
                                                                <div class="modal-body">
                                                                    <div class="row g-3" id="addContactDModalform">
                                                                        <div class="col-sm-6">
                                                                            <label for=""
                                                                                class="form-label mb-1">{{ __('ชื่อผู้รับ') }}
                                                                                <span class="text-danger">*</span> </label>
                                                                            <input class="form-control" name="name"
                                                                                type="text" required>

                                                                        </div>

                                                                        <div class="col-sm-6">
                                                                            <label for=""
                                                                                class="form-label mb-1">{{ __('ชื่อบริษัท') }}
                                                                            </label>
                                                                            <input class="form-control" name="ship_company"
                                                                                type="text">
                                                                        </div>

                                                                        <div class="col-sm-6">
                                                                            <div class="form-group">
                                                                                <label
                                                                                    for="checkout-phone">{{ __('Phone Number') }}</label>
                                                                                <input class="form-control"
                                                                                    name="ship_phone" type="text"
                                                                                    id="checkout-phone" required
                                                                                    maxlength="10">
                                                                            </div>
                                                                        </div>

                                                                        <div class="col-sm-6">

                                                                            <div class="form-group">
                                                                                <label
                                                                                    for="checkout-country">{{ __('Country') }}</label>
                                                                                <select class="form-control"
                                                                                    name="ship_country" id="billing-country"
                                                                                    required>
                                                                                    <option value="Thailand" selected>
                                                                                        Thailand
                                                                                    </option>
                                                                                    @foreach (DB::table('countries')->get() as $country)
                                                                                        <option
                                                                                            value="{{ $country->name }}"
                                                                                            {{ isset($user) && $user->ship_country == $country->name ? 'selected' : '' }}>
                                                                                            {{ $country->name }}</option>
                                                                                    @endforeach
                                                                                </select>
                                                                            </div>
                                                                        </div>

                                                                        <div class="col-sm-12">
                                                                            <label for=""
                                                                                class="form-label mb-1">{{ __('ที่อยู่') }}
                                                                                <span class="text-danger">*</span></label>
                                                                            <textarea required type="text" name="sent_address" class="form-control" maxlength="500"></textarea>
                                                                        </div>