@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($coupon) ? optional($coupon->translate($locale))->name : null, ['class' => 'form-control' , 'placeholder' => trans('dashboard.'.$locale.'.name')]) !!}
			</div>
		</div>
	</div>
	<div class="form-group">
		<div class="row">
			<label class="font-medium-1 col-md-2">{{ trans('dashboard.'.$locale.'.desc') }} </label>
			<div class="col-md-10">
				{!! Form::textarea($locale."[desc]", isset($coupon) ? optional($coupon->translate($locale))->desc : null, ['class' => 'form-control' , 'placeholder' => trans('dashboard.'.$locale.'.desc')]) !!}
			</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 mt-4">
		<label class="col-form-label col-lg-2">{{ trans('dashboard.coupon.code') }} <span class="text-danger">*</span></label>
		<div class="col-lg-10">
			<div class="position-relative has-icon-left input-divider-left {{ isset($coupon) && $coupon->code ? 'form-group' : 'input-group form-group' }}">
				{!! Form::text('code', null , ['class' => 'form-control', isset($coupon) && $coupon->code ? 'readonly' : '' ,'aria-describedby' => "button-addon2" , 'placeholder' => trans('dashboard.coupon.code')]) !!}
				<div class="form-control-position">
					<i class="feather icon-hash"></i>
				</div>
				@if(!isset($coupon))
				<div class="input-group-append" id="button-addon2">
					<a class="btn btn-primary" onclick="generateCode()">Auto</a>
				</div>
				@endif
			</div>
		</div>
	</div>

	<div class="form-group">
		<div class="row">
			<label class="font-medium-1 col-md-2">{{ trans('dashboard.coupon.discount_percentage') }} <span class="text-danger">*</span></label>
			<div class="col-md-10">
				<div class="input-group input-group-lg" style="width: 100%;">
					{!! Form::text('discount_percentage', null , ['class' => "touchspin" ]) !!}
				</div>
			</div>
			{{-- <label class="font-medium-1 col-md-2">{{ trans('dashboard.coupon.number_of_use') }} <span class="text-danger">*</span></label>
			<div class="col-md-4">
				<div class="input-group input-group-lg" style="width: 100%;">
					{!! Form::text('number_of_use', null , ['class' => "touchspin"]) !!}
				</div>
			</div> --}}
		</div>
	</div>


	<div class="form-group row">
		<label class="col-form-label col-lg-2">{{ trans('dashboard.coupon.expire_date') }} <span class="text-danger">*</span></label>
		<div class="col-lg-10">
			{!! Form::date('expire_date' , isset($coupon) && $coupon->expire_date ? $coupon->expire_date->format("Y-m-d") : null , ['class' => 'form-control expire_date' , 'placeholder' => trans('dashboard.coupon.expire_date')]) !!}
		</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($coupon) ? optional(@$coupon->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($coupon) && 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, @$coupon->branch->city_id, ['class' => 'select2 form-control' , 'placeholder' => trans('dashboard.city.city')]) !!}
				</div>
			</div>
		</div>
		@endif
	</div>
	<!--<div class="branches">-->
	<!--	@if (isset($coupon) && isset($branches))-->
	<!--	<div class="form-group">-->
	<!--		<div class="row">-->
	<!--			<label class="font-medium-1 col-md-2">{{ trans('dashboard.branch.branch') }} </label>-->
	<!--			<div class="col-md-10">-->
	<!--				{!! Form::select("branch_id",$branches, @$coupon->branch->country_id, ['class' => 'select2 form-control' , 'onchange' => 'getBranches(this.value)' , 'placeholder' => trans('dashboard.branch.branch')]) !!}-->
	<!--			</div>-->
	<!--		</div>-->
	<!--	</div>-->
	<!--	@endif-->
	<!--</div>-->

		<div class="form-group">
			<div class="row">
				<label class="font-medium-1 col-md-2">{{ trans('dashboard.branch.branch') }} </label>
				<div class="col-md-10">
					{!! Form::select("branch_id",$branches, @$coupon->branch_id, ['class' => 'select2 form-control' , 'placeholder' => trans('dashboard.branch.branch')]) !!}
				</div>
			</div>
		</div>
	<div class="form-group">
		<div class="row">
			<label class="font-medium-1 col-lg-2">{{ trans('dashboard.general.image') }}</label>
			<div class="col-md-9">
				<div class="custom-file">
					<input type="file" name="image" class="custom-file-input" id="inputGroupFile00" onchange="readUrl(this,'main-image-preview')">
					<label class="custom-file-label" for="inputGroupFile00">Choose file</label>
				</div>
			</div>
			<div class="col-md-1">
				@if (isset($coupon) && $coupon->image)
				<img src="{{ $coupon->image }}" class="img-thumbnail main-image-preview" style="width: 100%; height: 100px;;">
				@else
				<img src="{{ asset('dashboardAssets/images/backgrounds/placeholder_image.png') }}" class="img-thumbnail main-image-preview" style="width: 100%; height: 100px;">
				@endif
			</div>
		</div>
	</div>

</fieldset>



@section('vendor_styles')
<link rel="stylesheet" type="text/css" href="{{ asset('dashboardAssets') }}/vendors/css/forms/spinner/jquery.bootstrap-touchspin.css">
<link rel="stylesheet" type="text/css" href="{{ asset('dashboardAssets') }}/vendors/css/pickers/pickadate/pickadate.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/pickers/pickadate/picker.js"></script>
<script src="{{ asset('dashboardAssets') }}/vendors/js/pickers/pickadate/picker.date.js"></script>
<script src="{{ asset('dashboardAssets') }}/vendors/js/forms/spinner/jquery.bootstrap-touchspin.js"></script>
@endsection
@section('page_scripts')
<script src="{{ asset('dashboardAssets') }}/js/scripts/forms/wizard-steps.js"></script>
<script src="{{ asset('dashboardAssets') }}/js/scripts/forms/number-input.min.js"></script>
<script>
	$(function() {
		$('.expire_date').pickadate({
			format: 'mm/dd/yyyy'
		});
	})

	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']);
				}
			}
		});
	}

	function getBranches(cityId) {
		$.ajax({
			url: "{{ LaravelLocalization::localizeUrl('dashboard/ajax/get_branches_by_city') }}/" + cityId,
			method: "GET",
			dataType: "json",
			success: function(data) {
				if (data['value'] == 1) {
					$('.branches').html(data['view']);
				}
			}
		});
	}
</script>
@if (! isset($coupon))
<script>
	function generateCode() {
		$("input[name=code]").load("{{ LaravelLocalization::localizeUrl('dashboard/ajax/generate_code') }}/6/numbers/Coupon", function(text) {
			$(this).val(text);
		});
	}
</script>
@endif
@endsection