@extends('layouts.app')
@include('layouts.header')
@section('content')
<main class="user_index template_2col">
	<div class="side_menu">
			<a class="active" href="{{ route('user.index') }}"><span>Gestion des utilisateurs</span><i class="fas fa-users-cog"></i></a>
			<a href="{{ route('dossier.index') }}"><span>Gestion des dossiers</span><i class="fas fa-folders"></i></a>
	</div>
	<div class="main_content">
		@if ($errors->any())
			<div class="alert alert-danger">
				<i class="fas fa-times"></i>
				<ul>
					@foreach ($errors->all() as $error)
						<li>{{ __($error) }}</li>
					@endforeach
				</ul>
			</div>
		@endif
		@if (session()->has('error'))
			<div class="alert alert-danger">
				<i class="fas fa-times"></i>
				<ul>
					<li>{{ Session::get('error') }}</li>
				</ul>
			</div>
		@endif
		@if (session()->has('message'))
			<div class="alert alert-ok">
				<i class="fas fa-check"></i>
				<ul>
					<li>{{ Session::get('message') }}</li>
				</ul>
			</div>
		@endif
		<div class="heading">
			<h1>Ajouter un utilisateur</h1>
		</div>
		{!! Form::open( ['route' => 'user.store', 'class' => 'dataform']) !!}
		@method('POST')
		<div class="form-field">
			{!! Form::label('matricule', 'Matricule') !!}
			{!! Form::text('matricule', null, ['required', 'class' => 'check_matricule']) !!} <i style="display:none;" class="fal fa-cog fa-spin loader"></i>
		</div>
		<div class="form-field">
			{!! Form::label('firstname', 'Prénom') !!}
			{!! Form::text('firstname', null, ['required']) !!}
		</div>
		<div class="form-field">
			{!! Form::label('lastname', 'Nom') !!}
			{!! Form::text('lastname', null, ['required']) !!}
		</div>
		<div class="form-field">
			{!! Form::label('email', 'Email') !!}
			{!! Form::email('email', null, ['required']) !!}
		</div>
		<div class="form-field">
			{!! Form::label('role', 'Rôle') !!}
			{!! Form::select('role', $roles) !!}
		</div>
		<div class="form-section">
			{!! Form::label('marques', 'Marques associées') !!}
		</div>
		<div class="form-field">
			{!! Form::label("", "") !!}
			<div class="selector_form selector_marques">
				{!! Form::text('search', null, ['class' => "selector_filter", 'placeholder' => "Rechercher...", "autocomplete" => "off"]) !!}
				<div class="selector_list">
					<ul class="selector_choices"  >
						@foreach ($marques as $marque)
							<li data-value="{{$marque->codMarq}}" >{{$marque->libMarq}}</li>
						@endforeach
					</ul>
					<ul  class="selector_values" >
					</ul>
					<input class="selector_dataValues" type="hidden" name="marques" value="">
				</div>
			</div>
		</div>

		<div class="form-section">
			{!! Form::label('sujets', 'Sujets disponibles') !!}
		</div>
		<div class="form-field">
			{!! Form::label("", "") !!}
			<div class="selector_form selector_sujets">
				{!! Form::text('search', null, ['class' => "selector_filter", 'placeholder' => "Rechercher...", "autocomplete" => "off"]) !!}
				<div class="selector_list">
					<ul class="selector_choices"  >
						@foreach ($sujets as $sujet)
							<li data-value="{{$sujet->codeSujet}}" >{{$sujet->libelle}}</li>
						@endforeach
					</ul>
					<ul  class="selector_values" >
					</ul>
					<input class="selector_dataValues" type="hidden" name="sujets" value="">
				</div>
			</div>
		</div>

		<div class="button-row">
			{!! Form::submit('Enregistrer', [ 'class' => 'btn']) !!} <a href="{{ route('user.index') }}" class="btn btn-black ml-10">Annuler</a>
		</div>
		{!! Form::close() !!}
	</div>
</main>
@endsection