@extends(AdminBaseDashboard::AdminBaseLayout())

@section('title', trans('cust::customer.Add_Customer_Title'))


@section('content')
<section id="customer-form-wrapper">
	<div class="ps-list-content-wrapper">
	<div class="container-fluid breadcrumb-wraper">
		<ul class="breadcrumb">
  <li><a href="{{ route('dashboard')}}" class="active bread-link">
	  <span class="me-1"><i class="fa-solid fa-house"></i></span>{{ __('cust::customer.home')}}</a></li>
	<li><a href="{{ route('customer-list')}}" class="bread-link">{{ __('cust::customer.customer list')}}</a></li>
  <li>{{ __('cust::customer.create')}}</li>
</ul>
</div>
	</div>

	<div class="ps-info-wrapper">
		<div class="tab-wrapper">
				<div class="tab-button-wrapper">
			<button class="tab-btn default-open">
				<span class="icon me-2"><i class="fa-solid fa-users"></i></span>{{ __('cust::customer.add new customer')}}</button>
			</div>
		<div class="tab-content-wrapper">
            <p class="side-info">{{ __('cust::customer.you can manually add a new customer information, this will help you to create a faster invoice when generating invoices.')}}</p>
            <div class="row justify-content-center">
			<div class="col-sm-12 col-md-11 col-lg-8">
					<form>
                        <div class="row mb-3">
                            <label for="customer_name" class="col-sm-4 col-form-label">{{ __('cust::customer.customer name') }}</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="customer_name" aria-label="name">
                            </div>
                        </div>

                      <div class="row mb-3">
                        <label for="mobile" class="col-sm-4 col-form-label">{{ __('cust::customer.mobile number')}}</label>
                       <div class="col-sm-8">
                               <input type="tel" class="form-control" id="mobile" value="{{ AdminBaseDashboard::tel_code()}}">
                       </div>
                      </div>
                  <div class="row mb-3">
                      <label for="billing" class="col-sm-4 col-form-label">{{  __('cust::customer.billing address') }}</label>
                   <div class="col-sm-8">
                       <textarea class="form-control" id="billing_address" cols="10" rows="5"></textarea>
                   </div>
                    </div>
                    <div class="row mb-3">
                      <label for="shipping" class="col-sm-4 col-form-label">{{  __('cust::customer.shipping address') }}</label>
                   <div class="col-sm-8">
                       <textarea class="form-control" id="shipping_address" cols="10" rows="5"></textarea>
                   </div>
                    </div>

                    <div class="row mb-3">
                        <label for="status" class="col-sm-4 col-form-label">{{__('cust::customer.status')}}</label>
                            <div class="col-sm-8">
                                <select class="form-select" id="customer_status" >
                                    @foreach(AdminBaseDashboard::status() as $status)
                                        <option value="{{ $status['id'] }}" selected>{{__('cust::customer.'.$status['title'])}}</option>
                                        @endforeach
                                </select>
                            </div>
                  </div>
						<div class="mb-3 text-end">
			<button class="btn btn-primary" id="add-customer" data-url="{{route('store-customer')}}"
                                 data-return="{{route ('customer-list') }}">
                                            <span class="btn-text"> {{__('cust::customer.save')}}</span>
                            <span class="loading-spinner"><i class="fa-solid fa-spinner fa-spin"></i></span>
                            <span class="loading-text">{{ __('cust::customer.saving') }}.....</span>
							</button>
			</div>
</form>

					</div>
			</div>
			</div>
		</div>
	</div>
</section>
@endsection