@extends('layouts.manager')
@section('title','TransVie | Admin')
@section('content')

<!-- DASHBOARD CONTENT -->

<div class="app-content content container-fluid">
    <div class="content-wrapper">
        <div class="content-header row">
    	</div>
        <div class="content-body">
				@if (session('ok'))
			<br/>
			<div role="alert" class="alert alert-success alert-dismissible">
			<button type="button" data-dismiss="alert" aria-label="Close" class="close"><span aria-hidden="true" class="mdi mdi-close"></span></button><span class="icon mdi mdi-check"></span>
			<strong></strong> {{ session('ok') }}
			</div>
		@endif
		@if (session('danger'))
		<br/>
		<div role="alert" class="alert alert-danger alert-dismissible">
			<button type="button" data-dismiss="alert" aria-label="Close" class="close"><span aria-hidden="true" class="mdi mdi-close"></span></button><span class="icon mdi mdi-check"></span>
			<strong>Erreur!</strong> {{ session('danger') }}
		</div>
		@endif

		<div class="page-header-actions">
			<!-- Button trigger modal -->

			@if(Auth::user()->role == "admin")
			<button type="button" id="ajoutModal" class="btn btn-success mrg-b-lg pull-left" data-toggle="modal" data-target="#iconForm">
			Ajouter
			</button>
			@endif
		</div>

		<div class="col-lg-4 col-md-6 col-sm-12">
			<div class="form-group">						
					<!-- Modal -->
					<div class="modal fade text-xs-left" id="iconForm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel34" aria-hidden="true">
						<div class="modal-dialog" role="document">
							<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-label="Close">
								<span aria-hidden="true">&times;</span>
								</button>
								<h3 class="modal-title" id="myModalLabel34">Ajout d'une déclinaison</h3>
							</div>
							<form action="{{url('declination')}}" method= "POST">
							@csrf
								<div class="modal-body">

								<!--label>Offre : </label>
								<div class="form-group position-relative has-icon-left">
									<input type="text" placeholder="offre " name="offre" class="form-control" required>
									<div class="form-control-position">
										<i class="icon-user4 text-muted"></i>
									</div>

									
								</div-->

								<label>Nom : </label>								
									<div class="form-group position-relative has-icon-left">
										<input type="text" placeholder="Nom " name="name" class="form-control" required>
										<div class="form-control-position">
											<i class="icon-user4 text-muted"></i>
										</div>

										
									</div>

								<label>Couleur: </label>

								<div class="form-group position-relative has-icon-left">
									<input type="color" placeholder="colorCode " name="colorCode" class="form-control" required>
									<div class="form-control-position">
										<i class="icon-user4 text-muted"></i>
									</div>

									
								</div>
								


									
															
									
									
								</div>
								<div class="modal-footer">
									<input type="reset" class="btn btn-outline-secondary btn-lg" data-dismiss="modal" value="Annuler">
									<input type="submit" class="btn btn-outline-primary btn-lg" value="Ok">
								</div>
							</form>
							</div>
						</div>
					</div>
			</div>
		</div>

		<div class="panel">

		<h1>Liste des déclinaisons</h1> 

			<div class="card-body collapse in">
				<div class="card-block card-dashboard">

					<table class="table table-striped table-bordered dataex-html5-export">
						<thead>
							<tr>
							<th>#</th>
								<th>Nom </th>
								<th>Couleur </th>
								<th>Action</th>
								<th>Modifier</th>
								<th>Supprimer</th>							
							</tr>
						</thead>
						<tbody>
														@foreach ($declinations as $declination)
							<tr>
							<td> 1</td>
							<td>{{$declination->name}}</td>
							<td>{{$declination->colorCode}}</td>
							
							
							<td>

								@if($declination->activate == 0)

								<form method="post" action="activeDeclination">
									{{ csrf_field() }}
									<input type="hidden" name="declination_id" value="{{$declination->id}}">
			
									<button type="submit" class="btn btn-warning btn-sm" onclick = "return confirm(\'Voulez-vous vraiment activer cette déclinaison ?\')">Activer</button>
								</form>
								@else
									
									<form method="post" action="desactiveDeclination">
									{{ csrf_field() }}
									<input type="hidden" name="declination_id" value="{{$declination->id}}">

										<button type="submit" class="btn btn-danger btn-sm" onclick = "return confirm(\'Voulez-vous vraiment désactiver cette déclinaison ?\')">Désact</button>

									</form>
									
								@endif
							</td>
							<td><a href="{{action('DeclinationController@edit', $declination['id'])}}" class="btn btn-success btn-sm">
							<i class="icon-pencil3"></i>
							</a>
												
							</td>

							<td>
							<form action="{{action('DeclinationController@destroy', $declination['id'])}}" method="post">
									@csrf
									<input name="_method" type="hidden" value="DELETE">
									<button class="btn btn-danger btn-sm" type="submit"
									onclick="return confirm('Voulez-vous vraiment supprimer ?');"><i class="icon-trash-o"></i></button>
								</form>
							</td> 

							</tr>
							@endforeach								
						</tbody>
						<tfoot>
							<tr>
							<th>#</th>
							<th>Nom de la declinaison</th>
							<th>Couleur </th>
														
		
								<th>Modifier</th>
								<th>Supprimer</th>
							</tr>
						</tfoot>
					</table>

				</div>
				</div>

			</div>


		</div>
	</div>					
</div>


@stop