@foreach (config('translatable.locales') as $locale)
<h6><i class="step-icon feather icon-flag"></i> {{ LaravelLocalization::getSupportedLocales()[$locale]['native'] }}</h6>
<fieldset>
	<div class="form-group">
		<div class="row">
			<label class="font-medium-1 col-md-2">{{ trans('dashboard.'.$locale.'.name') }} <span class="text-danger">*</span></label>
			<div class="col-md-10">
				{!! Form::text($locale."[name]", isset($branch) ? $branch->translate($locale)->name : null, ['class' => 'form-control' , 'placeholder' => trans('dashboard.'.$locale.'.name')]) !!}
			</div>
		</div>
	</div>
</fieldset>
@endforeach
<h6><i class="step-icon feather icon-settings"></i> {{ trans('dashboard.general.public_data') }}</h6>
<fieldset>
    <div class="form-group row">
        	<label class="col-form-label col-lg-2">{{ trans('dashboard.general.email') }} <span class="text-danger">*</span></label>
        	<div class="col-lg-10">
        		{!! Form::email('email', null, ['class' => 'form-control' , 'placeholder' => trans('dashboard.general.email')]) !!}
        	</div>
        </div>
        
        <div class="form-group row">
        	<label class="col-form-label col-lg-2">{{ trans('dashboard.general.phone') }} <span class="text-danger">*</span></label>
        	<div class="col-lg-10">
        		{!! Form::text('phone', null, ['class' => 'form-control' , 'placeholder' => trans('dashboard.general.phone')]) !!}
        	</div>
        </div>
	<div class="form-group row">
		<label class="col-form-label col-lg-2">{{ trans('dashboard.product.products') }}</label>

		<div class="col-md-10">
			{!! Form::select("product_list[]",$products->prepend("Select All",'all') , null, ['class' => 'form-control select_multiple' , 'multiple', 'data-placeholder' => trans('dashboard.product.products')]) !!}
		</div>
	</div>

	<div class="form-group">
		<div class="row">
			<label class="font-medium-1 col-md-2">{{ trans('dashboard.country.country') }} <span class="text-danger">*</span></label>
			<div class="col-md-10">
				{!! Form::select("country_id",$countries, isset($branch) ? $branch->city->country_id : null, ['class' => 'select2 form-control' , 'placeholder' => trans('dashboard.country.country') , 'onchange' => 'getCities(this.value)']) !!}
			</div>
		</div>
	</div>
	<div class="cities">
		@if (isset($branch) && isset($cities))
			<div class="form-group">
				<div class="row">
					<label class="font-medium-1 col-md-2">{{ trans('dashboard.city.city') }} </label>
					<div class="col-md-10">
						{!! Form::select("city_id",$cities, isset($city_id) ? $city_id : null, ['class' => 'select2 form-control' , 'placeholder' => trans('dashboard.city.city')]) !!}
					</div>
				</div>
			</div>
		@endif
	
	</div>
</fieldset>
	<h6><i class="step-icon feather icon-map"></i> {{ trans('dashboard.map.location_on_map') }}</h6>
	<fieldset>
	<div class="form-group">
		<div class="row">
			<label class="col-form-label col-lg-3">{{ trans('dashboard.map.cordinates') }} :</label>
			<div class="col-lg-9">
				{!! Form::text('lat', null, ['id' => 'lat', 'class' => 'form-control','readonly']) !!}
			</div>
		</div>
		<div class="row">
			<div class="offset-md-3 col-lg-9">
				{!! Form::text('lng', null , ['id' => 'lng', 'class' => 'form-control','readonly']) !!}
			</div>
		</div>
	</div>
	<div class="form-group">
		<div class="row">
			<div class="col-md-6">
				{!! Form::text('location', null , [ 'class' => "form-control" ,'id' => "searchBox" , 'placeholder' => trans('dashboard.map.write_your_location_address')]) !!}
			</div>
		</div>
		<div class="height-400" id="map"></div>
	</div>
</fieldset>
@section('vendor_styles')
<link rel="stylesheet" type="text/css" href="{{ asset('dashboardAssets') }}/vendors/css/forms/select/select2.min.css">
@endsection
@section('page_styles')
<link rel="stylesheet" href="{{ asset('dashboardAssets') }}/{{ LaravelLocalization::getCurrentLocaleDirection() }}/css/plugins/forms/wizard.css">
@endsection
@section('vendor_scripts')
<script src="{{ asset('dashboardAssets') }}/vendors/js/extensions/jquery.steps.min.js"></script>
<script src="{{ asset('dashboardAssets') }}/vendors/js/forms/validation/jquery.validate.min.js"></script>
<script src="{{ asset('dashboardAssets') }}/vendors/js/forms/select/select2.full.min.js"></script>
@endsection
@section('page_scripts')

<script src="{{ asset('dashboardAssets') }}/js/scripts/forms/wizard-steps.js"></script>
<script src="{{ asset('dashboardAssets') }}/js/scripts/forms/select/form-select2.js"></script>
@include('dashboard.branch.form_map')
<script>
	function getCities(countryId) {
		$.ajax({
			url: "{{ LaravelLocalization::localizeUrl('dashboard/ajax/get_cities_by_country') }}/" + countryId,
			method: "GET",
			dataType: "json",
			success: function(data) {
				if (data['value'] == 1) {
					$('.cities').html(data['view']);
				}
			}
		});
	}

	$(".select_multiple").select2({
		width: "100%"
	});

	$(".select_multiple").on("select2:select", function (e) {
	  var data = e.params.data.id;
	  if (data == "all") {
		$(".select_multiple > option").prop("selected", "selected");
		$(".select_multiple").trigger("change");
	  }
	});
	$(".select_multiple").on("select2:unselect", function (e) {
	  var data = e.params.data.id;
	  if (data == "all") {
		$(".select_multiple > option").prop("selected", "");
		$(".select_multiple").trigger("change");
	  }
	});
	$(".select_multiple").on("select2:unselecting", function (e) {
	  var data = e.params.args.data.id;
	  if (data !== "all") {
		$(".select_multiple > option[value='all']").prop("selected", "");
		$(".select_multiple").trigger("change");
	  }
	});
</script>
@endsection