@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') }} </label>
			<div class="col-md-10">
				{!! Form::text($locale."[name]", isset($product) ? optional($product->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($product) ? optional($product->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">
		<div class="row categories">
			<label class="font-medium-1 col-md-2">{{ trans('dashboard.category.category') }} </label>
			<div class="col-md-10">
				{!! Form::select("category_id",$categories, null, ['class' => 'select2 form-control' , 'placeholder' => trans('dashboard.category.category')]) !!}
			</div>
		</div>
	</div>


	<div class="form-group">
		<div class="row">
			<label class="font-medium-1 col-md-2">{{ trans('dashboard.product.price') }} </label>
			<div class="col-md-10 position-relative has-icon-left">
				{!! Form::text("price", null, ['class' => 'form-control', 'placeholder' => trans('dashboard.product.price')]) !!}
				<div class="form-control-position">
					<i class="feather icon-dollar-sign"></i>
				</div>
			</div>
		</div>
	</div>
	{{-- <div class="form-group">
		<div class="row">
			<label class="font-medium-1 col-md-2">{{ trans('dashboard.product.offer') }} </label>
			<div class="col-md-10  position-relative has-icon-left">
				{!! Form::text("offer", null, ['class' => 'form-control', 'placeholder' => trans('dashboard.product.offer')]) !!}
				<div class="form-control-position">
					<i class="feather icon-dollar-sign"></i>
				</div>
			</div>
		</div>
	</div> --}}

	{{-- <div class="form-group">
		<div class="row">
			<label class="font-medium-1 col-lg-2">{{ trans('dashboard.product.offer_image') }}</label>
			<div class="col-md-9">
				<div class="custom-file">
					<input type="file" name="offer_image" class="custom-file-input" id="inputGroupFile01" onchange="readUrl(this)">
					<label class="custom-file-label" for="inputGroupFile01">Choose file</label>
				</div>
			</div>
			<div class="col-md-1">
				@if (isset($product) && $product->offer_image)
				<img src="{{ $product->offer_image }}" class="img-thumbnail image-preview" style="width: 100%; height: 100px;;">
				@else
				<img src="{{ asset('dashboardAssets/images/backgrounds/placeholder_image.png') }}" class="img-thumbnail image-preview" style="width: 100%; height: 100px;">
				@endif
			</div>
		</div>
	</div> --}}

	<div class="form-group">
		<div class="row">
			<label class="font-medium-1 col-lg-2">{{ trans('dashboard.general.main_image') }}</label>
			<div class="col-md-9">
				<div class="custom-file">
					<input type="file" name="main_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($product) && $product->image)
				<img src="{{ $product->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>

	<div class="form-group">
		<div class="row">
			<label class="font-medium-1 col-lg-2">{{ trans('dashboard.general.images') }}</label>
			<div class="col-md-10">
				<div class="custom-file">
					<input type="file" name="images[]" class="custom-file-input" multiple="multiple" id="inputGroupFile03">
					<label class="custom-file-label" for="inputGroupFile03">Choose file</label>
				</div>
			</div>
		</div>
	</div>
	@isset($product)
	<div class="form-group row">
		<label class="col-lg-2 col-form-label font-weight-semibold">{{ trans('dashboard.general.images') }}</label>
		<div class="col-lg-10">
			@foreach ($product->media->whereNull('option') as $image)
			<div class="image-area {{ $image->id }}">
				<img src="{{ asset('storage/images/product/'.$image->media) }}" style="width:150px; height:100px;" class="img-thumbnail">
				<a class="remove-image" onclick="deleteItem({{ $image->id }} , '{{ LaravelLocalization::localizeUrl('dashboard/ajax/delete_app_image') }}/{{ $image->id }}?class_name={{ strtolower(class_basename($product)) }}')"
					style="display: inline;">&#215;</a>
			</div>
			@endforeach
		</div>
	</div>

	@endisset

</fieldset>
<h6><i class="step-icon feather icon-shopping-bag"></i> {{ trans('dashboard.product.product_attributes') }}</h6>
<fieldset>



	<div class="form-group row">
		<label class="col-form-label col-lg-2">{{ trans('dashboard.branch.branches') }}</label>

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

	<div class="form-group row">
		<label class="col-form-label col-lg-2">{{ trans('dashboard.addition.additions') }}</label>

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

	<div class="form-group row">
		<label class="col-form-label col-lg-2">{{ trans('dashboard.product.measuring_unit') }} <span class="text-danger">*</span></label>
		<div class="col-md-10">
			<div class="row">
				<div class="vs-radio-con vs-radio-success col-md-4 col-xs-12">
					{!! Form::radio('measuring_unit', "size", isset($product) && $product->measuring_unit == 'size' ? 'checked' : null) !!}
					<span class="vs-radio">
						<span class="vs-radio--border"></span>
						<span class="vs-radio--circle"></span>
					</span>
					<span class="">{{ trans('dashboard.product.size') }}</span>

				</div>
				<div class="vs-radio-con vs-radio-success col-md-4 col-xs-12">
					{!! Form::radio('measuring_unit', "weight", isset($product) && $product->measuring_unit == 'weight' ? 'checked' : null) !!}
					<span class="vs-radio">
						<span class="vs-radio--border"></span>
						<span class="vs-radio--circle"></span>
					</span>
					<span class="">{{ trans('dashboard.product.weight') }}</span>
				</div>
				<div class="vs-radio-con vs-radio-success col-md-4 col-xs-12">
					{!! Form::radio('measuring_unit', "other", isset($product) && $product->measuring_unit == 'other' ? 'checked' : null) !!}
					<span class="vs-radio">
						<span class="vs-radio--border"></span>
						<span class="vs-radio--circle"></span>
					</span>
					<span class="">{{ trans('dashboard.product.other') }}</span>
				</div>
			</div>
		</div>
	</div>

	<div class="form-group sizes">
		@if (isset($product) && $product->sizes)
		<div class="row">
			<label class="font-medium-1 col-md-2">{{ trans('dashboard.product.sizes') }} </label>
			<div class="col-md-10 position-relative has-icon-left">
				{!! Form::text("sizes", null, ['class' => 'form-control', 'placeholder' => trans('dashboard.product.sizes')]) !!}
				<p><small class="text-muted text-success">{{ trans('dashboard.product.u_can_add_more_sizes') }}</small></p>
				<div class="form-control-position">
					<i class="feather icon-scissors"></i>
				</div>
			</div>
		</div>
		@endif
	</div>

	<div class="form-group weights">
		@if (isset($product) && $product->weights)
		<div class="row">
			<label class="font-medium-1 col-md-2">{{ trans('dashboard.product.weights') }} </label>
			<div class="col-md-10 position-relative has-icon-left">
				{!! Form::text("weights", null, ['class' => 'form-control', 'placeholder' => trans('dashboard.product.weights')]) !!}
				<p><small class="text-muted text-success">{{ trans('dashboard.product.u_can_add_more_weights') }}</small></p>
				<div class="form-control-position">
					<i class="feather icon-package"></i>
				</div>
			</div>
		</div>
		@endif
	</div>
</fieldset>
@include('dashboard.layout.delete_modal')
@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">
<link rel="stylesheet" href="{{ asset('dashboardAssets') }}/global/css/custom/custom_image.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>

<script>
	$('input[name=measuring_unit]').change(function() {
		var measuring_unit = $('input[name=measuring_unit]:checked').val();
		if (measuring_unit == 'size') {
			var row = `<div class="row">
			<label class="font-medium-1 col-md-2">{{ trans('dashboard.product.sizes') }} </label>
			<div class="col-md-10 position-relative has-icon-left">
				{!! Form::text("sizes", isset($product) && $product->sizes ? $product->sizes : null, ['class' => 'form-control', 'placeholder' => trans('dashboard.product.sizes')]) !!}
				<p><small class="text-muted text-success">{{ trans('dashboard.product.u_can_add_more_sizes') }}</small></p>
				<div class="form-control-position">
					<i class="feather icon-scissors"></i>
				</div>
			</div>
		</div>`;

			$('.sizes').html(row)
			$('.weights').children().remove();
		} else if (measuring_unit == 'weight') {
			var row = `<div class="row">
			<label class="font-medium-1 col-md-2">{{ trans('dashboard.product.weights') }} </label>
			<div class="col-md-10 position-relative has-icon-left">
				{!! Form::text("weights", isset($product) && $product->weights ? $product->weights : null, ['class' => 'form-control', 'placeholder' => trans('dashboard.product.weights')]) !!}
				<p><small class="text-muted text-success">{{ trans('dashboard.product.u_can_add_more_weights') }}</small></p>
				<div class="form-control-position">
					<i class="feather icon-package"></i>
				</div>
			</div>
		</div>`;
			$('.weights').html(row);
			$('.sizes').children().remove();
		}else if (measuring_unit == 'other') {
			$('.sizes').children().remove();
			$('.weights').children().remove();
		}
	});

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

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

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


</script>
@endsection