@extends('admin.layouts.main')

@section('title')
@if(Session::has('editUrl'))
Edit Franchise
@else
Add Franchise
@endif
@endsection

@section('content')

<main>
	<div class="two-col">

		@include("admin.common.sidebar")

		<div class="right-sec">

			<nav aria-label="breadcrumb">
				<ol class="breadcrumb">
					<li class="breadcrumb-item" aria-current="page"><a href="{{ route('admin.franchise.index')}}">{{ @trans('franchises.franchises') }}</a></li>
					@if(Session::has('editUrl'))
					<li class="breadcrumb-item active" aria-current="page">{{ @trans('franchises.edit_frecnchise') }}</li>
					@else
					<li class="breadcrumb-item active" aria-current="page">{{ @trans('franchises.add_frecnchise') }}</li>
					@endif
				</ol>
			</nav>

			<div class="form-sec">
				<div class="form-step">
					<div class="step"><label>1. {{ @trans('franchises.franchise') }}</label></div>
					<div class="step active"><label><i class="material-icons">trending_flat</i>2. {{ @trans('franchises.location_details') }}
							</label></div>
					<div class="step"><label><i class="material-icons">trending_flat</i>3. {{ @trans('franchises.finance') }}</label></div>
					<div class="step"><label><i class="material-icons">trending_flat</i>4. {{ @trans('franchises.documentation') }}</label></div>
					<div class="step"><label><i class="material-icons">trending_flat</i>5. {{ @trans('franchises.credentials') }}</label></div>
				</div>

				<div class="container">
					<div class="row">
						<div class="col-xl-8 offset-xl-2 col-lg-10 offset-lg-1">
							<div class="step-box">
								<div class="tab">

									<form action="{{ route('admin.franchise.storefranchiselocation') }}" method="POST" name="frmlocationdetail" id="frmlocationdetail">
										{{ csrf_field() }}

										<input type="hidden" name="id" value="{{ $id }}">

										<h2 class="form-sec-title">{{ @trans('franchises.address') }}</h2>

										<div class="row">
											<div class="col-md-12">
												<div class="form-group">
													<label class="control-label" for="address1">{{ @trans('franchises.address_line') }} 1<span class="required">*</span></label>
													<input type="text" id="address1" name="address1" value="@if(old('address1')){{old('address1')}}@elseif($franchise->address1){{ $franchise->address1 }}@endif" class="form-control" placeholder="Address Line 1" />
													@if($errors->has('address1'))
													<span class="invalid-feedback">{{ $errors->first('address1') }}</span>
													@endif
												</div>
											</div>

											<div class="col-md-12">
												<div class="form-group">
													<label class="control-label" for="address2">{{ @trans('franchises.address_line') }} 2 <span class="required">*</span></label>
													<input type="text" id="address2" name="address2" value="@if(old('address2')){{ old('address2') }}@elseif($franchise->address2){{$franchise->address2}}@endif" class="form-control" placeholder="Address Line 2" />
													@if($errors->has('address2'))
													<span class="invalid-feedback">{{ $errors->first('address2') }}</span>
													@endif
												</div>
											</div>

											<div class="col-md-6">
												<div class="form-group btm-arrow select">
													<label class="control-label" for="country_id">{{ @trans('franchises.country') }} <span class="required">*</span></label>
													<select class="form-control" id="country_id" name="country_id">
														<option value="" hidden>{{ @trans('franchises.select_country') }}</option>
														@foreach($countryList as $key => $country)
														<option @if($country->countries->id == old('country_id'))
															selected="selected"
															@elseif($country->countries->id == $franchise->country_id)
															selected="selected"
															@endif
															value="{{$country->countries->id}}">{{$country->countries->name}}
														</option>
														@endforeach
													</select>
													@if($errors->has('country_id'))
													<span class="invalid-feedback">{{ $errors->first('country_id') }}</span>
													@endif
												</div>
											</div>

											<div class="col-md-6">
												<div class="form-group btm-arrow select">
													<label class="control-label" for="state_id">{{ @trans('franchises.state') }} <span class="required">*</span></label>
													<select class="form-control" id="state_id" name="state_id">
														<option value="" hidden>{{ @trans('franchises.select_state') }}</option>
													</select>
													@if($errors->has('state_id'))
													<span class="invalid-feedback">{{ $errors->first('state_id') }}</span>
													@endif
												</div>
											</div>

											<div class="col-md-6">
												<div class="form-group btm-arrow select">
													<label class="control-label" for="city_id">{{ @trans('franchises.city') }} <span class="required">*</span></label>
													<select class="form-control" id="city_id" name="city_id">
														<option value="" hidden>{{ @trans('franchises.select_city') }}</option>
													</select>
													@if($errors->has('city_id'))
													<span class="invalid-feedback">{{ $errors->first('city_id') }}</span>
													@endif
												</div>
											</div>

											<div class="col-md-6">
												<div class="form-group">
													<label class="control-label" for="zip_code">{{ @trans('franchises.zipcode') }} <span class="required">*</span></label>
													<input type="text" id="zip_code" value="@if(old('zip_code')){{ old('zip_code')}}@elseif($franchise->zip_code){{ $franchise->zip_code }}@endif" name="zip_code" class="form-control" placeholder="Enter Zipcode" />
													@if($errors->has('zip_code'))
													<span class="invalid-feedback">{{ $errors->first('zip_code') }}</span>
													@endif
												</div>
											</div>

											<div class="col-md-6">
												<div class="form-group">
													<label class="control-label" for="mobile">{{ @trans('franchises.phone_number') }} <span class="required">*</span></label>
													<input type="text" id="mobile" value="@if(old('mobile')){{old('mobile')}}@elseif($franchise->mobile){{ $franchise->mobile }}@endif" name="mobile" class="form-control" placeholder="Phone Number" />
													@if($errors->has('mobile'))
													<span class="invalid-feedback">{{ $errors->first('mobile') }}</span>
													@endif
												</div>
											</div>

											<div class="col-md-6">
												<div class="form-group">
													<label class="control-label" for="secondary_mobile">{{ @trans('franchises.alternate_phone_number') }}</label>
													<input type="text" id="secondary_mobile" value="@if(old('secondary_mobile')){{old('secondary_mobile')}}@elseif($franchise->secondary_mobile){{ $franchise->secondary_mobile }}@endif" name="secondary_mobile" class="form-control" placeholder="Alternate Phone Number" />
													@if($errors->has('secondary_mobile'))
													<span class="invalid-feedback">{{ $errors->first('secondary_mobile') }}</span>
													@endif
												</div>
											</div>
										</div>

										<div class="tab-btn">
											<div style="float: left;">
												@if(Session::has('editUrl'))
												<a href="{{route('admin.franchise.show',['id' => $id])}}" class="btn btn-cncl">{{ @trans('franchises.cancel') }}</a>
												@else
												<a href="{{route('admin.franchise.index')}}" class="btn btn-cncl">{{ @trans('franchises.cancel') }}</a>
												@endif
											</div>
											<div style="float:right;">
												@if(Session::has('editUrl'))
												<input type="submit" value="{{ @trans('franchises.save') }}" class="btn step-btn">
												@else
												<a href="{{ route('admin.franchise.showfrenchisedetail',['id' => $franchise->id])}}" class="btn step-btn prev">{{ @trans('franchises.previous') }}</a>
												<input type="submit" value="{{ @trans('franchises.save_next') }}" class="btn step-btn">
												@endif
											</div>
										</div>
									</form>

								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</main>
@endsection

@push('pageJs')

{!! JsValidator::formRequest('App\Http\Requests\Franchise\FranchiseLocationDetail', '#frmlocationdetail') !!}

<script type="text/javascript">
	$(document).ready(function() {


		var country_id = undefined;
		@if(old('country_id'))
		country_id = "{{ old('country_id') }}";
		@elseif(isset($franchise->country_id))
		country_id = "{{ $franchise->country_id }}";
		@endif

		var state_id = undefined;
		@if(old('state_id'))
		state_id = "{{ old('state_id') }}";
		@elseif(isset($franchise->states->id) && !old('country_id'))
		state_id = "{{ $franchise->states->id }}";
		@endif

		var city_id = undefined;
		@if(old('city_id'))
		city_id = "{{ old('city_id') }}";
		@elseif(isset($franchise->cities->id) && !old('state_id') && !old('country_id'))
		city_id = "{{ $franchise->cities->id }}"
		@endif

		@if(old('country_id') || $franchise->country_id)
		stateList(country_id, state_id);
		@endif

		@if(old('state_id') || isset($franchise->states->id))
		cityList(state_id, city_id);
		@endif

		$(document).on("change", "#country_id", function() {
			stateList($(this).val());
			$("#city_id").empty();
			$("#city_id").append('<option value="" hidden>Select City</option>');
		});

		$(document).on("change", "#state_id", function() {
			cityList($(this).val());
		});

	});
</script>
@endpush