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

<div class="row mb-3">
	<div class="col-md-8">
		<div class="row mb-3">
			<div class="col-6">
				{{ Form::label('name', 'Nom') }}
				@include('components.input', ['name' => 'name', 'value' => $specie['name'] ?? null, 'required' => true])
			</div>
			<div class="col-6">
				{{ Form::label('latin', 'Nom latin') }}
				@include('components.input', ['name' => 'latin', 'value' => $specie['latin'] ?? null, 'required' => false])
			</div>
		</div>

		<div class="row mb-3">
			<div class="col-6">
				{{ Form::label('genre', 'Genre') }}
				@include('components.select', ['name' => 'genre_id', 'list' => $genres, 'value' => $specie['genre_id'] ?? null, 'class' => 'select2', 'with_empty' => '', 'required' => false])
			</div>
			<div class="col-6">
				{{ Form::label('alias', 'Alias') }}
				@include('components.input', ['name' => 'alias', 'value' => $specie['alias'] ?? null])
			</div>
		</div>

		<div class="row mb-3">
			<div class="col-12">
				{{ Form::label('description', 'Description') }}
				@include('components.textarea', ['name' => 'description', 'value' => $specie['description'] ?? null, 'class' => 'editor', 'required' => false])
			</div>
		</div>
		
	</div>

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

@include('components.save')

@include('load.form.upload.fileinput')
@include('load.form.select2')

@push('js')
	<script>
		$(function() {
			initSelect2();
			initEditor();
		});
	</script>
@endpush