@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($addition) ? $addition->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') }} <span class="text-danger">*</span></label>
			<div class="col-md-10">
				{!! Form::text($locale."[description]", isset($addition) ? $addition->translate($locale)->description : 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">-->
<!--			<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($additional_section) && $additional_section->image)-->
<!--				<img src="{{ $additional_section->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>-->
<h6><i class="step-icon feather icon-settings"></i> {{ trans('dashboard.general.public_data') }}</h6>
<fieldset>
    <div class="form-group">
		<div class="row">
			<label class="font-medium-1 col-md-2">عدد العناصر الاجباريه <span class="text-danger">*</span></label>
			<div class="col-md-10">
				<div class="input-group input-group-lg" style="width: 100%;">
                {!! Form::number('required_num_item', null, ['class' => 'form-control' , 'placeholder' => 'عدد العناصر الاجبارية']) !!}
				</div>
			</div>
		</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("additions[]",$additions->prepend("Select All",'all') , null, ['class' => 'form-control select_multiple select_addition_multiple' , 'multiple', 'data-placeholder' => trans('dashboard.addition.additions')]) !!}
		</div>
	</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