@extends('master.front')

@section('title')
    {{ __('Billing') }}
@endsection
 
@section('css')
    <link rel="stylesheet" href="{{asset('assets/back/css/select2.css')}}">
@endsection
@section('content')
    <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">{{ __('Billing address') }}</li>
            </ol>
        </nav>
    </div>

    <div class="container-fluid container60 pb-5">
        <div class="row">
            <div class="col-lg-9">
              
              <form id="checkoutBilling" action="{{ route('front.checkout.store') }}" method="POST">
                @csrf

                <div class="steps flex-sm-nowrap mb-5"><a class="step active" href="{{ route('front.checkout.billing') }}">
                    <h4 class="step-title">1. {{ __('Billing Address') }}:</h4>
                </a><a class="step" href="javascript:;">
                    <h4 class="step-title">2. {{ __('Shipping Address') }}:</h4>
                </a><a class="step" href="{{ route('front.checkout.payment') }}">
                    <h4 class="step-title">3. {{ __('Review and pay') }}</h4>
                </a>
            </div>


                <h4 class="fw-semibold">{{ __('ข้อมูลจัดส่ง') }}</h4>
                <hr>

             
                <div class="row">

                    @if (Auth::user() and $customers_address_delivery)

                  
                        <div class="col-12">
                            <label for="radio-card-1" class="radio-card">
                                <input type="radio" name="addressD" value="1" id="radio-card-1" checked />
                                <div class="card-content-wrapper">
                                    <span class="check-icon"></span>
                                    <div class="card-content">
                                        <h6 class="fw-semibold">{{ $customers_address_delivery->name}} @if($customers_address_delivery->company) | {{$customers_address_delivery->company}} @endif</h6>
                                        <p class="mb-0">{{ $customers_address_delivery->sent_address }}
                                            {{ $customers_address_delivery->sent_tambon }},
                                            {{ $customers_address_delivery->sent_district }},
                                            {{ $customers_address_delivery->sent_province }},
                                            {{ $customers_address_delivery->sent_zipcode }}
                                            <br>{{ $customers_address_delivery->sent_phone }}
                                        </p>
                                    </div> 
                                </div>
                            </label>
                        </div>

                    @else

                    @endif

                    <div class="col-12">
                        <label for="radio-card-2" class="radio-card">
                            @if (Auth::user() and !$customers_address_delivery)
                                <input type="radio" name="addressD" value="2" id="radio-card-2" checked/>
                            @else
                                <input type="radio" name="addressD" value="2" id="radio-card-2"  />
                            @endif

                            <div class="card-content-wrapper">
                                <span class="check-icon"></span>
                                <div class="card-content">
                                    <h6 class="fw-semibold">{{ __('กรอกที่อยู่การจัดส่งสินค้า') }}</h6>
                                    <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') }}   <span class="text-danger">*</span></label>
                                                <input class="form-control"
                                                    name="ship_phone" type="text"
                                                    id="checkout-phone" 
                                                    maxlength="10" required>
                                            </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"
                                                    >
                                                    <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  type="text" name="sent_address" class="form-control" maxlength="500" required></textarea>
                                        </div>