@extends(AdminBaseDashboard::AdminbaseLayout())
@section('title', trans('stock::supplier.Add_New_supplier_Title'))

@section('content')
<section id="supplier-form-page">

	<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>{{ __('stock::supplier.home')}}</a></li>
    <li><a href="{{ route('supplier_list')}}" class="bread-link">{{__('stock::supplier.supplier list')}}</a></li>
	<li>{{ __('stock::supplier.add new')}}</li>
</ul>
</div>

	<div class="main-form-wrapper">
	<div class="container-fluid">
        <h1 class="header-title">
            <span class="me-2"><i class="fa-solid fa-building"></i></span>
            {{ __('stock::supplier.add a new distributor')}}
        </h1>
		<div class="row g-3 justify-content-start">
            <div class="col-sm-12 col-md-10 col-lg-8">
                <form enctype="multipart/form-data">
                    <div class="row mb-3">
                        <label for="SupplierCompany" class="col-sm-3 col-form-label">{{__('stock::supplier.supplier company name')}}</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="SupplierCompany" name="SupplierCompany">
                        </div>
                    </div>
                    <div class="row mb-3">
                        <label for="Address" class="col-sm-3 col-form-label">{{__('stock::supplier.address')}}</label>
                        <div class="col-sm-9">
                            <textArea class="form-control" name="Address" id="Address"></textArea>
                        </div>
                    </div>
                    <div class="row mb-3">
                        <label for="City" class="col-sm-3 col-form-label">{{__('stock::supplier.city')}}</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" name="City" id="City">
                        </div>
                    </div>
                    <div class="row mb-3">
                        <label for="State" class="col-sm-3 col-form-label">{{__('stock::supplier.state')}}</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" name="State" id="State">
                        </div>
                    </div>
                    <div class="row mb-3">
                        <label for="PostCode" class="col-sm-3 col-form-label">{{__('stock::supplier.zip code')}}</label>
                        <div class="col-sm-9">
                            <input type="number" class="form-control" name="PostCode" id="PostCode">
                        </div>
                    </div>
                    <div class="row mb-3">
                        <label for="Country" class="col-sm-3 col-form-label">{{ __('stock::supplier.country')}}</label>
                        <div class="col-sm-9">
                            <select name="Country" id="Country" class="form-select">
                                @if(!function_exists('countries'))
                                    @foreach(AdminBaseDashboard::country() as $country)--}}
                                    <option value="{{ $country['code'] }}">{{ $country['name'] }}</option>
                                    @endforeach
                                @else
                                    @foreach(countries() as $country)--}}
                                    <option value="{{ $country->code }}" @selected(($country->code) == AdminBaseDashboard::default_country())>{{ $country->name }}</option>
                                    @endforeach
                                @endif
                            </select>
                        </div>
                    </div>
                    <div class="row mb-3">
                        <label for="OfficeNumber" class="col-sm-3 col-form-label">{{ __('stock::supplier.office number')}}</label>
                        <div class="col-sm-9">
                                <input type="tel" class="form-control" class="form-control" name="OfficeNumber" id="OfficeNumber" aria-describedby="OfficeNumber-addon" value="{{AdminBaseDashboard::tel_code()}}">
                        </div>
                    </div>
                    <div class="row mb-3">
                        <label for="ContactPerson" class="col-sm-3 col-form-label">{{ __('stock::supplier.contact person')}}</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" name="ContactPerson" id="ContactPerson">
                        </div>
                    </div>
                    <div class="row mb-3">
                        <label for="ContactPersonNo" class="col-sm-3 col-form-label">{{ __('stock::supplier.contact person number')}}</label>
                        <div class="col-sm-9">
                                <input type="tel" class="form-control" name="ContactPersonNo" id="ContactPersonNo" aria-describedby="ContactPersonNo-addon" value="{{AdminBaseDashboard::tel_code()}}">
                        </div>
                    </div>
                    <div class="row mb-3">
                        <label for="ContactPersonEmail" class="col-sm-3 col-form-label">{{ __('stock::supplier.contact person email')}}</label>
                        <div class="col-sm-9">
                            <input type="email" class="form-control" name="ContactPersonEmail" id="ContactPersonEmail">
                        </div>
                    </div>
                    <div class="row mb-3">
                        <label for="PartnershipDate" class="col-sm-3 col-form-label">{{__('stock::supplier.partnership date')}}</label>
                        <div class="col-sm-9">
                            <input type="date" class="form-control" name="PartnershipDate" id="PartnershipDate">
                        </div>
                    </div>
                    <div class="row mb-3">
                        <label for="status" class="col-sm-3 col-form-label">{{ __('stock::supplier.status')}}</label>
                        <div class="col-sm-9">
                            <select class="form-select" id="status" name="status">
                                @foreach(AdminBaseDashboard::status() as $status)
                                    <option value="{{ $status['id'] }}">{{ __('stock::supplier.'.$status['title'])}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </form>
                <div class="text-center">
                    <button class="btn btn-primary" id="save-supplier" data-url="{{route('store_supplier')}}">
                        <span class="btn-text"> {{__('stock::supplier.save')}}</span>
                        <span class="loading-spinner"><i class="fa-solid fa-spinner fa-spin"></i></span>
                        <span class="loading-text">{{  __('stock::supplier.saving') }}.....</span>
                    </button>
                </div>
            </div>
        </div>
		</div>
	</div>

</section>
@endsection