@extends('website.layouts.master')

@section('site_title')تسجيل الشركات  - @endsection
@section('content')
		<section class="page-title">
			<div class="container">
				<div class="title-icon" style="height: 44px;">
					<i class="fas fa-chart-bar"></i>
				</div>

				<div class="page-text">
					<h5>تسجيل الشركات </h5>
				</div>
			</div>
		</section>
		<section class="company-form">
			<div class="container">
				<form action="{{ route('website.company_request.store') }}" method="POST" enctype="multipart/form-data">
					@csrf
					<div class="row">
						<div class="col-md-6">
							<div class="form-group">
								<label for="name" class="d-block">اسم المصنع او الشركة</label>
								<input name="name" value="{{ old('name') }}" class="form-control" type="text" autocomplete="off" autofocus="on">
								@if ($errors->has('name'))
								<span class="invalid-feedback" role="alert">
									<strong>
										{{ $errors->first('name') }}
									</strong>
								</span>
								@endif
							</div>
						</div>
						<div class="col-md-6">
							<div class="form-group">
								<label for="manager_name" class="d-block">اسم المدير المسئول</label>
								<input name="manager_name" value="{{ old('manager_name') }}" class="form-control" type="text" autocomplete="off">
								@if ($errors->has('manager_name'))
								<span class="invalid-feedback" role="alert">
									<strong>
										{{ $errors->first('manager_name') }}
									</strong>
								</span>
								@endif
							</div>
						</div>
						<div class="col-md-6">
							<div class="form-group">
								<label for="phone" class="d-block">رقم الجوال</label>
								<input name="phone" value="{{ old('phone') }}" class="form-control" type="number" placeholder="مثال: 0500123456" autocomplete="off">
								@if ($errors->has('phone'))
								<span class="invalid-feedback" role="alert">
									<strong>
										{{ $errors->first('phone') }}
									</strong>
								</span>
								@endif
							</div>
						</div>
						<div class="col-md-6">
							<div class="form-group">
								<label for="email" class="d-block">البريد الالكتروني</label>
								<input name="email" value="{{ old('email') }}" class="form-control" type="email" placeholder="example@suqiakum.com" autocomplete="off">
								@if ($errors->has('email'))
								<span class="invalid-feedback" role="alert">
									<strong>
										{{ $errors->first('email') }}
									</strong>
								</span>
								@endif
							</div>
						</div>
						<div class="col-md-6">
							<div class="form-group">
								<label for="cities" class="d-block">المدن التي تغطيها الشركة</label>
								<select class="form-control" name="cities[]" id="cities">
									@foreach ($cities as $city)
									<option value="{{ $city->id }}" {{ is_array(old('cities'))? (in_array($city->id, old('cities'))? 'selected' : '') : '' }} >{{ $city->name }}</option>
									@endforeach
								</select>
								@if ($errors->has('cities'))
								<span class="invalid-feedback" role="alert">
									<strong>
										{{ $errors->first('cities') }}
									</strong>
								</span>
								@endif
							</div>
						</div>
						<div class="col-md-6">
							<div class="form-group">
								<label for="uncovered_cities" class="d-block">المدن التي تغطيها غير موجودة في القائمة؟ اذكرها هنا</label>
								<input name="uncovered_cities" value="{{ old('uncovered_cities') }}" class="form-control" type="text" autocomplete="off">
								@if ($errors->has('uncovered_cities'))
								<span class="invalid-feedback" role="alert">
									<strong>
										{{ $errors->first('uncovered_cities') }}
									</strong>
								</span>
								@endif
							</div>
						</div>
						<div class="col-md-6">
							<div class="form-group">
								<label for="has_delivery" class="d-block">هل تتوفر لديكم خدمة التوصيل ؟</label>
								<select class="form-control" name="has_delivery">
									<option value="1" {{ (old('has_delivery') == 1)? 'selected' : '' }} >نعم</option>
									<option value="0" {{ (old('has_delivery') == 0)? 'selected' : '' }} >لا</option>
								</select>
								@if ($errors->has('has_delivery'))
								<span class="invalid-feedback" role="alert">
									<strong>
										{{ $errors->first('has_delivery') }}
									</strong>
								</span>
								@endif
							</div>
						</div>
						<div class="col-md-12">
							<div class="form-group">
								<label for="image" class="d-block">صورة شعار الشركة</label>
								<input type="file" id="image" name="image" value="{{ old('image') }}" accept="image/*">
								@if ($errors->has('image'))
								<span class="invalid-feedback" role="alert">
									<strong>
										{{ $errors->first('image') }}
									</strong>
								</span>
								@endif
							</div>
						</div>
						<button class="btn" type="submit">تسجيل</button>
					</div>
				</form>
			</div>
		</section>
@endsection

@push('page_level_style')
		<link href="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/css/select2.min.css" rel="stylesheet" />
		<style type="text/css">
			input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { 
				-webkit-appearance: none;
				direction: ltr;
			}
		</style>
@endpush

@push('page_level_script')
		<script src="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/js/select2.min.js"></script>
		<script type="text/javascript">
			$('#cities').select2({
				language: "ar",
				dir: "rtl",
				width: '100%',
				multiple: true,
				placeholder: 'الرجاء اختيار المدن التي تغطيها الشركة'

			});
			$('#cities').css('height', '48px');
		</script>
@endpush