@extends('layouts.frontend.app')
@section('content')




<section class="about-section">
    <div class="container">
        <div class="row">
            <div class="col-md-6 about-frist-row">
                <a href="/" class="back-btn">
                    <span class="svg-ic">
                       <i class="bi bi-arrow-left-circle"></i>
                    </span>
                    Back to Home
                </a>
               <h2>Shipping Address</h2>
            </div>
        </div>
    </div>
</section>
<section class='account setion-cform'>
    <div class="container">
        <div class="row">
            <div class="col-lg-3 col-md-4">
                @include('layouts.frontend.sidebar')
            </div>
            <div class="col-lg-9 col-md-8">
                <div class="leftsiderbar-account">
                    <div class="heading-h3">
                        <h3>Shipping Address</h3>

                    </div>
                    <div class='personal-info-form'>
                         <form class ="dynamic-form" action="{{ route('user.address.storeOrUpdate') }}" method="POST">
                            @csrf
                            <input type="hidden" name="id" value="{{ $user->id ?? '' }}">

                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label for="" class='form-label'>First Name</label>
                                    <input type="text" class='form-control' name="name" value="{{$user->name ?? ''}}">
                                </div>
                                <div class="col-md-6 mb-3">
                                    <label for="" class='form-label'>Last Name</label>
                                    <input type="text" class='form-control'  name="last_name" value="{{$user->last_name ?? ''}}">
                                </div>
                                <div class="col-md-12 mb-3">
                                    <label for="" class='form-label'>Address Line 1</label>
                                    <input type="text" class='form-control' name="address_line1" value="{{$user->address_line1 ?? ''}}">
                                </div>
                                <div class="col-md-12 mb-3">
                                    <label for="" class='form-label'>Address Line 2</label>
                                    <input type="text" class='form-control'  name="address_line2" value="{{$user->address_line2 ?? ''}}">
                                </div>
                                <div class="col-md-6 mb-3">
                                    <label for="" class='form-label'>Country</label>
                                    <input type="text" class='form-control'  name="country" value="{{$user->country ?? ''}}">
                                </div>
                                <div class="col-md-6 mb-3">
                                    <label for="" class='form-label'>State</label>
                                    <input type="text" class='form-control'  name="state" value="{{$user->state ?? ''}}">
                                </div>
                                <div class="col-md-6 mb-3">
                                    <label for="" class='form-label'>City</label>
                                    <input type="text" class='form-control'  name="city" value="{{$user->city}}">
                                </div>
                                <div class="col-md-6 mb-3">
                                    <label for="" class='form-label'>Postal Code</label>
                                    <input type="number" class='form-control'  name="postal_code" value="{{$user->postal_code ?? ''}}">
                                </div>

                                <div class="col-12">
                               <button type="submit" class="btn-save-changes">
                                {{ isset($user->id) ? 'Save Changes' : 'Save' }}
                            </button>

                                </div>
                            </div>
                        </form>

                    </div>

                </div>
            </div>
        </div>
    </div>
</section>

@endsection