@extends('admin.layouts.main')

@section('title')
@if($id)
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($id)
					<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 active "><label>1. {{ @trans('franchises.franchise') }}</label></div>
					<div class="step"><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.storefranchisedetail')}}" name="frmfranchisedetail" id="frmfranchisedetail" method="POST" enctype="multipart/form-data">

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

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

										<div class="row">

											<div class="col-md-12">
												<div class="form-group file-upload">
													<label class="control-label" for="logo">{{ @trans('franchises.franchise_log') }}</label>
													<div class="custom-file">
														<input type="file" class="custom-file-input fileupload" id="logo" name="logo">
														<label class="custom-file-label" for="customFile">
															<img src="{{asset('img/admin/file-upload.svg')}}" alt="upload" />
															Upload</label>
													</div>
												</div>
											</div>

											@if(isset($franchise->logo))
											<div class="col-md-12 previewDiv">
												<div class="thumbnail-wrapper">
													<img width="100" class="preview" src="{{ $franchise->logo_src }}">
													<a href="javascript:void(0)" class="deleteLogo">
														<i class="material-icons delete">close</i>
													</a>
												</div>
											</div>
											@else
											<div class="col-md-12 previewDiv" style="display:none;">
												<div class="thumbnail-wrapper">
													<img width="100" class="preview" src="">
												</div>
											</div>
											@endif

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

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

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

														@endforeach
													</select>
													@if($errors->has('registered_country_id'))
													<span class="invalid-feedback">{{ $errors->first('registered_country_id')}}</span>
													@endif

												</div>
											</div>


											<div class="col-md-12">
												<div class="form-group">
													<label class="control-label">{{ @trans('franchises.franchise_type') }}
														<span class="required">*</span></label>
													<div class="custom-control custom-radio">
														<input type="radio" class="custom-control-input" id="coaching" @if(old('franchise_type') && old('franchise_type')=='coaching' ) checked="checked" @elseif($id && $franchise->franchise_type == "coaching")
														checked="checked"
														@endif
														name="franchise_type" value="coaching">
														<label class="custom-control-label" for="coaching">{{ @trans('franchises.coaching') }}</label>
													</div>
													<div class="custom-control custom-radio">
														<input type="radio" class="custom-control-input" id="recruitment" name="franchise_type" value="recruitment" @if(old('franchise_type') && old('franchise_type')=='recruitment' ) checked="checked" @elseif($id && $franchise->franchise_type == "recruitment")
														checked="checked"
														@endif>
														<label class="custom-control-label" for="recruitment">{{ @trans('franchises.recruitment') }}</label>
													</div>
													<div class="custom-control custom-radio">
														<input type="radio" class="custom-control-input" id="mystery_program" @if(old('franchise_type') && old('franchise_type')=='mystery_program' ) checked="checked" @elseif($id && $franchise->franchise_type == "mystery_program")
														checked="checked"
														@endif
														name="franchise_type" value="mystery_program">
														<label class="custom-control-label" for="mystery_program">{{ @trans('franchises.mystry_program') }}</label>
													</div>

													@if($errors->has('franchise_type'))
													<span class="invalid-feedback">{{ $errors->first('franchise_type')}}</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" class="btn step-btn" value="{{ @trans('franchises.save') }}">
												@else
												<input type="submit" class="btn step-btn" value="{{ @trans('franchises.save_next') }}">
												@endif
											</div>
										</div>
									</form>

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

@push('pageJs')

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

@if(isset($id))
<script type="text/javascript">
	$('.deleteLogo').click(function() {
		var deleteLogoUrl = "{{ route('admin.franchise.delete_logo') }}";
		var id = "{{ $franchise->id }}";
		axios.post(deleteLogoUrl, {
				id: id
			})
			.then(function(response) {
				$('.previewDiv').css('display', 'none');
			})
			.catch(function(error) {

			});
	});
</script>
@endif
@endpush