@extends('frontend.layouts.frontend_app')
@section('content')
    <section id="custom_dashboard">
        <div class="container" data-aos="fade-up">
            <div class="row">
                @include('frontend.pages.customer.includes.sidebar')
                <div class="col-lg-9">
                    <div class="card p-0 border-0">
                        <div class="card-header bg-transparent d-flex justify-content-between align-items-center">
                            <div class="card-title h4 m-0"> {{__('pages.Add New Address')}}</div>
                            <a href="{{ route('customer.address') }}" class="btn btn-default">
                                {{__('pages.Back')}}
                            </a>
                        </div>
                        <div class="card-body">
                            <form method="post" action="{{ route('customer.address.store') }}">
                                @csrf
                                <div class="row">
                                    <div class="col-lg-6 mb-3">
                                        <label for="name">{{__('pages.Name')}}</label>
                                        <input type="text" id="name" name="name" class="form-control"
                                               placeholder="{{__('pages.Enter full name')}}">
                                        @error('name')
                                        <span class="text-danger">{{ $message  }}</span>
                                        @enderror
                                    </div>
                                    <div class="col-lg-6 mb-3">
                                        <label for="phone">{{__('pages.Phone')}} </label>
                                        <input type="text" id="phone" name="phone" class="form-control"
                                               placeholder="{{__('pages.Enter phone')}}">
                                        @error('phone')
                                        <span class="text-danger">{{ $message  }}</span>
                                        @enderror
                                    </div>
                                    <div class="col-lg-12 mb-3">
                                        <label for="address">{{__('pages.Address')}} </label>
                                        <textarea name="address" id="address" class="form-control"
                                                  placeholder="{{__('pages.Enter full address')}}"></textarea>
                                        @error('address')
                                        <span class="text-danger">{{ $message  }}</span>
                                        @enderror
                                    </div>
                                    <div class="col-lg-12 mb-3">
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="address_type" id="home"
                                                   value="home">
                                            <label class="form-check-label" for="home">{{__('pages.Home')}}</label>
                                        </div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="address_type" id="office"
                                                   value="office">
                                            <label class="form-check-label" for="office">{{__('pages.Office')}}</label>
                                        </div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="address_type" id="others"
                                                   value="others">
                                            <label class="form-check-label" for="others">{{__('pages.Others')}}</label>
                                        </div>
                                        <br>
                                        @error('address_type')
                                        <span class="text-danger">{{ $message  }}</span>
                                        @enderror
                                    </div>
                                    <div class="col-lg-12 mb-3">
                                        <div class="form-group form-check d-flex align-items-center">
                                            <input type="checkbox" name="is_primary" value="1" class="form-check-input"
                                                   id="set_as_primary">
                                            <label class="form-check-label" for="set_as_primary">{{__('pages.Set this address as primary address')}}</label>
                                        </div>
                                    </div>
                                </div>
                                <button type="submit" class="btn btn-default px-5">{{__('pages.submit')}}</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection