@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 modal-xl" id="iconForm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel34" aria-hidden="true">
						<div class="modal-dialog modal-xl" 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'offre</h3>
							</div>
							<form action="{{url('offer')}}" method= "POST">
								@csrf
								
									<div class="modal-body">
										

										<div class="row">

											<div class= "col-lg-6">
												<label>Nom: </label>
												<div class="form-group">
													<input type="text" placeholder="Nom" name="name" class="form-control" required>
													
												</div>
											</div>
		
											<div class= "col-lg-6">
												<label>Devise: </label>
												<div class="form-group">
													<input type="text" placeholder="Devise" name="currency" class="form-control" required>
													
												</div>
											</div>
										</div>

										<h5>Déclinaisons: </h5>

										<div class="row">

										<p class="{{ $i = 0 }}"></p>
											
											@foreach ($declinations as $declination)
												<div class="col-lg-4">
													<label>{{ $declination->name }}</label>
													<div class="form-group">
														<input type="text" min="1" placeholder="Prix {{ $declination->name }}" name="declinations[{{ $declination->id }}][price]" class="form-control"><br/>
														
													<textarea name="declinations[{{ $declination->id }}][description]" placeholder="Description Prix {{ $declination->name }} "  rows="3"  >
															
														</textarea>
														<textarea name="declinations[{{ $declination->id }}][description1]" placeholder="Description Prix {{ $declination->name }}"  rows="3"  >
															
														</textarea>
														<textarea name="declinations[{{ $declination->id }}][description2]" placeholder="Description Prix {{ $declination->name }} "  rows="3"  >
															
														</textarea>
													<textarea name="declinations[{{ $declination->id }}][description3]" placeholder="Description Prix {{ $declination->name }}"  rows="3"  >
															
														</textarea>
														<p class="{{ $i++}}"></p>
													

													

													</div>
												</div>
												
												
											@endforeach
										</div>
									
										{{-- <div class="form-group position-relative has-icon-left">
											<select  required aria-required="true" name="declinations_id[]"  class="selectize-multiple" multiple >
												<option value="">Selectionner une declinaison</option>
												@foreach($declinations as $declination)
													<option value="{{$declination->id}}">{{$declination->name}}</option>
												@endforeach
											</select>
										</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 offres</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>Action</th>
								<th>Modifier</th>
								<th>Supprimer</th>
								<th>Détails</th>
								
							</tr>
						</thead>
						<tbody>
							@foreach ($offers as $key => $offer )
								<tr>
									<td>{{ $key + 1 }}</td>
									<td>{{$offer->name}}</td>
									<td>
										@if($offer->activate == 0)
											<form method="post" action="activeOffer">
												{{ csrf_field() }}
												<input type="hidden" name="offer_id" value="{{$offer->id}}">
						
												<button type="submit" class="btn btn-warning btn-sm" onclick = "return confirm(\'Voulez-vous vraiment activer cet utilisateur ?\')">Activer</button>
											</form>
										@else
											
											<form method="post" action="desactiveOffer">
												{{ csrf_field() }}
												<input type="hidden" name="offer_id" value="{{$offer->id}}">
						
												<button type="submit" class="btn btn-danger btn-sm" onclick = "return confirm(\'Voulez-vous vraiment désactiver cette offre ?\')">Désact</button>
											</form>
										@endif
									</td>
									<td>
										<a href="{{action('OfferController@edit', $offer['id'])}}" class="btn btn-success btn-sm">
											<i class="icon-pencil3"></i>
										</a>
									</td>
									<td>
										<form action="{{action('OfferController@destroy', $offer['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>
									<td>
										<button type="button" class="btn btn-primary btn-sm show-details" onclick="showDetails(this)">
											<i class="icon-eye3" ></i>
										</button>
									</td>
								</tr>
								<tr class="details hidden">
									<td colspan="6">
										<table class="table">
											<tbody>
												@foreach ($offer->declinations as $declination)
													<tr>
														<td width="25%">{{ $declination->name }}</td>
														<td>{{ $declination->pivot->price }}</td>
														<td>{{ $declination->pivot->description }}</td>
													</tr>
												@endforeach
											</tbody>
										</table>
									</td>
								</tr>
							@endforeach
						</tbody>
						<tfoot>
							<tr>
								
								<th>#</th>
								<th>Nom </th>
								<th>Action</th>
								<th>Modifier</th>
								<th>Supprimer</th>
								<th>Détails</th>
								
							</tr>
						</tfoot>
					</table>

				</div>
				</div>

			</div>


		</div>
	</div>

	<script>
		const showDetails = function (button) {
			$('tr.details').addClass('hidden');

			if ($(button).data('showned')) {
				$(button).closest('tr').next('tr.details').addClass('hidden');
			} else {
				$(button).closest('tr').next('tr.details').removeClass('hidden');
			}

			$(button).data('showned', !$(button).data('showned'));

			// $('button.show-details').data('showned', $(button).data('showned'));
		}
	</script>
</div>
@stop