@extends('layouts.admin')
@section('content-title')
	{{ __('illustrations.new illustration') }}
@endsection
@section('content-breadcrumbs')
	{{ Breadcrumbs::render('admin.illustration.create')}}
@endsection
@section('css')
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" />
	<style type="text/css">
		/* Upload File */
		.custom-file-label{
			font-size: 1rem; 
			color: #747d86;
			font-weight: 400;
		}
		.custom-file-label::after {
			content: '{{__("events.Browse")}}';
		}
		/* Image Preview  */
		#img-upload{
			width: auto;
			height: 150px;
		}
		/* Select2 Categories */
		.select2 {
			width: 100% !important;
		}
		.select2-container--default .select2-selection--multiple .select2-selection__choice {
			background-color: #0f9df7;
			border-color:  #0f9df7;
			color: white;
			padding-bottom: 4px;
			font-weight: 700;
		}
		.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
			color: white;
		}
		/* Save button */
		#my-btn {
			padding-top: 4px;
		}
	</style>
@endsection
@section('content')
<div class="card-box tilebox-one noradius">
	<section>
		<h2 class="page-header">Nouveau institution</h2>
		{!!Form::open()->post()->multipart()->route('admin.institution.store')!!}
		{!!Form::text('name', 'Nom')->placeholder('Nom')!!}
		{!!Form::text('abbreviation', 'Abbreviation')->placeholder('Abbreviation')!!}
		{!!Form::file('logo', 'Logo')->placeholder('Logo')->id('logoIns')!!}
		{!!Form::text('phone', 'Téléphone')->placeholder('Téléphone')!!}
		{!!Form::text('email', 'E-mail')->placeholder('E-mail')!!}
		{!!Form::text('address', 'Adresse')->placeholder('Adresse')!!}
		{!!Form::file('card', 'Carte')->placeholder('Carte')->id('filer')!!}
		{!!Form::text('description', 'Descrition')->placeholder('Descrition')!!}
		<div class="form-group">
			<label for="categories">Pays</label>
			<select name="countries[]" id="countries" class="form-control " multiple="multiple">
			@foreach($countries as $country)
				<option value="{{ $country->id }}">{{ $country->nom_fr_fr }}</option>
			@endforeach
			</select>
		</div>
		{!!Form::submit('save')->id('save')!!}
		{!!Form::close()!!}
	</section>
</div>
@endsection
@section('js')
<script src="/assets/plugins/trumbowyg/trumbowyg.min.js"></script>
{{-- Select2 --}}
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>
<script>
$(document).ready(function () {
	//Select2
	$('#countries').select2({
		tags: true,
	});
});
</script>
@endsection