@include('boilerplate::load.fileinput')
@include('boilerplate::load.select2')
@include('boilerplate::load.tinymce')

<div class="row">
	<div class="col-md-8">
		<div class="row">
			<div class="col-6">
				{{ Form::label('name', 'Nom') }}
				@include('components.input', ['name' => 'name', 'value' => isset($name) ? $name : null, 'required' => true])
			</div>
			<div class="col-6">
				{{ Form::label('family_id', 'Famille d\'articles') }}
				@include('components.select', ['name' => 'family_id', 'list' => $families, 'value' => isset($family_id) ? $family_id : null, 'class' => 'select2 form-control'])
			</div>
		</div>
		<div class="row">
			<div class="col-12">
				{{ Form::label('categories', 'Catégories') }}
				@include('components.select', ['name' => 'categories', 'list' => $categories, 'value' => isset($category_id) ? $category_id : null, 'class' => 'select2 form-control', 'multiple' => true])
			</div>
		</div>
		<div class="row">
			<div class="col-6">
				{{ Form::label('model', 'Familles de produit') }}
				@include('components.select', ['name' => 'model', 'id_name' => 'model', 'list' => $models, 'value' => isset($model) ? $model : null, 'class' => 'select2 form-control'])
			</div>
			<div class="col-6">
				{{ Form::label('model_id', 'Produit') }}
				@include('components.select2', ['name' => 'model_id', 'id_name' => 'model_id', 'value' => isset($model_id) ? $model_id : null, 'class' => 'select2 form-control'])
			</div>
		</div>
		<div class="row">
			<div class="col-12">
				{{ Form::label('tags', 'Tags') }}
				@include('components.select', ['name' => 'tags', 'value' => isset($tags) ? $tags : null, 'class' => 'select2 form-control', 'multiple' => true])
			</div>
		</div>		
		<div class="row">
			<div class="col-12">
				{{ Form::label('description', 'Description') }}
				@include('components.textarea', ['name' => 'description', 'value' => isset($description) ? $description : null, 'class' => 'editor', 'required' => true])
			</div>
		</div>

		<div class="row">
			<div class="col-12">
				{{ Form::label('prices', 'Tarifs') }}

			</div>
		</div>

	</div>
	<div class="col-md-4">
		{{ Form::label('photo', 'Photos') }}
		@include('components.file', ['name' => 'photo', 'value' => isset($photo) ? $photo : null, 'required' => true])		
	</div>
</div>

<div class="row">
	<div class="col-md-8">
		<div class="float-right mt-3">
			@include('components.button-save')
		</div>
	</div>
</div>

@push('js')
<script>
    $(function() {
        $(".select2").select2();
        $('.editor').tinymce({});
        $('#model').change( function() {
        	$.ajax({
				url : '{{ route('Botanic.Admin.Varieties.getSelect') }}',
				method : 'POST',
				data: {model: $('#model').val()},
				success : function(data) {
					console.log(data);
					$("#model_id").select2({
						data: data
					});
					// setOptions('#model_id',data);
				}
			});
        });
    });
</script>
@endpush