@extends('master.back')

@section('content')
    <div class="container-fluid">

        <!-- Page Heading -->
        <div class="card mb-4">
            <div class="card-body">
                <div class="d-sm-flex align-items-center justify-content-between">
                    <h3 class=" mb-0  pl-3"><b>{{ __('Customers Details') }}</b> </h3>
                    <a class="btn btn-primary btn-sm" href="{{ route('back.user.index') }}"><i class="fas fa-chevron-left"></i>
                        {{ __('Back') }}</a>
                </div>
            </div>
        </div>

        <!-- Form -->
        <div class="row">

            <div class="col-xl-12 col-lg-12 col-md-12">
                <form action="{{ route('back.user.update', $user->id) }}" method="POST">
                    @csrf
                    @method('PUT')
                    @include('alerts.alerts')
                    <div class="card">

                        <!-- Nested Row within Card Body -->
                        <div class="card-body">
                            <div class="gd-responsive-table">
                                <table class="table table-bordered table-striped">
                                    <tr>
                                        <th>{{ __('First Name') }}</th>
                                        <td> <input type="text" name="first_name" class="form-control" id="text"
                                                value="{{ $user->first_name }}"></td>
                                    </tr>
                                    <tr>
                                        <th>{{ __('Last Name') }}</th>
                                        <td><input type="text" name="last_name" class="form-control" id="text"
                                                value="{{ $user->last_name }}"></td>
                                    </tr>
                                    <tr>
                                        <th>{{ __('Email Address') }}</th>
                                        <td><input type="text" name="email" class="form-control" id="text"
                                                value="{{ $user->email }}"></td>
                                    </tr>
                                    <tr>
                                        <th>{{ __('Phone Number') }}</th>
                                        <td><input type="text" name="phone" class="form-control" id="text"
                                                value="{{ $user->phone }}"></td>
                                    </tr>
                                    <input type="hidden" name="user_id" id="" value="{{ $user->id }}">
                                    <tr>
                                        <th>{{ __('Password') }}</th>
                                        <td><input type="password" name="password" class="form-control" id="text"
                                                placeholder="{{ __('Password') }}" value=""></td>
                                    </tr>

                                    <tr>
                                        <th>{{ __('Total Orders') }}</th>
                                        <td>{{ count($user->orders) }}</td>
                                    </tr>
                                    <tr>
                                        <th>{{ __('Joined') }}</th>
                                        <td>{{ $user->created_at->diffForHumans() }}</td>
                                    </tr>



                                </table>
                                <button type="submit" class="btn btn-secondary ">{{ __('Submit') }}</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <!-- ปุ่มกดเปิด Modal -->
            <div class="mb-4">
                <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#modalShipping">
                    ที่อยู่จัดส่ง
                </button>
                <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#modalBilling">
                    ที่อยู่ใบเสร็จ
                </button>
            </div>

            <!-- Modal สำหรับที่อยู่จัดส่ง -->
            <div class="modal fade" id="modalShipping" tabindex="-1" aria-labelledby="modalShippingLabel"
                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="modalShippingLabel">{{ __('แก้ไขที่อยู่จัดส่ง') }}</h5>
                                <button type="button" class="btn-close" data-bs-dismiss="modal"
                                    aria-label="Close">x</button>
                            </div>
                            <div class="modal-body">
                                <div class="row g-3" id="addContactDModalform">
                                    <!-- Recipient Name -->
                                    <div class="col-sm-6">
                                        <label for="name" class="form-label mb-1">{{ __('ชื่อผู้รับ') }} <span
                                                class="text-danger">*</span></label>
                                        <input class="form-control" name="name" type="text" required id="checkout-fn"
                                            value="{{ isset($customers_address_delivery) ? $customers_address_delivery->name : '' }}">
                                    </div>

                                    <!-- Company Name -->
                                    <div class="col-sm-6">
                                        <label for="ship_company" class="form-label mb-1">{{ __('ชื่อบริษัท') }}</label>
                                        <input class="form-control" name="ship_company" type="text" id="checkout-company"
                                            value="{{ isset($customers_address_delivery) ? $customers_address_delivery->company : '' }}">
                                    </div>

                                    <!-- Phone Number -->
                                    <div class="col-sm-6">
                                        <label for="ship_phone" class="form-label mb-1">{{ __('Phone Number') }}</label>
                                        <input class="form-control" name="ship_phone" type="text" id="checkout-phone"
                                            required maxlength="10"
                                            value="{{ isset($customers_address_delivery) ? $customers_address_delivery->sent_phone : '' }}">
                                    </div>

                                    <!-- Country -->
                                    <div class="col-sm-6">
                                        <label for="ship_country" class="form-label mb-1">{{ __('Country') }}</label>
                                        <select class="form-control" name="ship_country" id="billing-country" required>
                                            <option value="{{ @$customers_address_delivery->country }}" selected>
                                                {{ @$customers_address_delivery->country }}</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>

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

                                    <!-- Province -->