@extends('layouts.app') 
@section('title','Editer la formation') 
@section('content')
<div class="col-md-12">
	<div class="box">
		<div class="col-md-6">
			<p>@yield('title')</p>
		</div>
		<div class="col-md-6">
			<button class='btn btn-custom pull-right' type='submit' form="myform">Valider</button>
		</div>
	</div>
</div>

<div class="col-md-12">
	<div class="box">
		<form id="myform" method='POST' action='{!!url("admin/formations/update")!!}' enctype='multipart/form-data'>
			<input type='hidden' name='_token' value='{{Session::token()}}'>
			<input type='hidden' name='id' value='{{$formation->id}}'>
			<div class="col-md-6">
				<div class='form-group'>
					<img src="{{ URL::to('/') }}/images/{{$formation->cover}}" alt="" class="img-thumbnail">
					<label for='titre'>Cover (Taille maximale de l'image 2MB)</label>
					<input id='cover' name='cover' type='file' accept="image/x-png,image/gif,image/jpeg" class='form-control'>
				</div>
			</div>
			<div class="col-md-6">
				<div class="form-group">
					<label for="titre">Titre de formation</label>
					<input id="title" name="title" type="text" class="form-control" value="{{$formation->title}}" required>
				</div>
				<div class="form-group">
					<label for="description">Description</label>
					<textarea id="description" name="description" cols="30" rows="10" class="form-control">{{$formation->description}}</textarea>
				</div>
			</div>
	</div>
	</form>
</div>

<div class="col-md-12">
	<div class="box">
		<div class="col-md-6">
			<p>Editer les chapitres de la formation</p>
		</div>
		<div class="col-md-6">
			<a href="/admin/formations/{{$formation->id}}/chapters/create" class="btn pull-right">Ajouter chapitre</a>
		</div>
	</div>
</div>

<div class="col-md-12">
	<div class="box">
		<p><a href="" class="btn pull-right" data-toggle="modal" data-target="#Ordonner">Ordonner</a></p>
		<div class="modal fade" id="Ordonner" tabindex="-1" role="dialog" aria-labelledby="Ordonner" aria-hidden="true">
				<div class="modal-dialog" role="document">
					<div class="modal-content">
						<div class="modal-header">
							<h5 class="modal-title" id="addUserClientTitle">Ordonner</h5>
						</div>
						<div class="modal-body">
								<ul class="c1sortable">
										@foreach($chapters as $c1)
									<li id="{{$c1->id}}">{{$c1->title}}
												<ul class="c2sortable">
														@foreach($c1->chapters()->orderBy('order', 'ASC')->get() as $c2)
														<li id="{{$c2->id}}">{{$c2->title}}
																<ul class="c3sortable">
																		@foreach($c2->chapters()->orderBy('order', 'ASC')->get() as $c3)
																		<li id="{{$c3->id}}">{{$c3->title}}
																				<ul class="c4sortable">
																						@foreach($c3->chapters()->orderBy('order', 'ASC')->get() as $c4)
																						<li id="{{$c4->id}}">{{$c4->title}}</li>
																						@endforeach
																					</ul>
																		</li>
																		@endforeach
																	</ul>
														</li>
														@endforeach
													</ul>
										</li>
										@endforeach
									</ul>
						</div>
					</div>
				</div>
			</div>










		<table class="table table-condensed">
			<thead>
				<tr>
					<th>Title</th>
					<th></th>
				</tr>
			</thead>
			<tbody>
				@foreach($chapters as $c)
				<tr>
					<td>{{$c->title}}</td>
					<td>
						<form method="GET" class="has-confirm" action="/admin/chapters/{{$c->id}}/destroy" data-message="Voulez-vous vraiment supprimer cette item">
							<input type="hidden" name="_method" value="GET">
							<input type="hidden" name="_token" value="{{ csrf_token() }}" />
							<button class='btn pull-right' type='submit'>Supprimer</button>
						</form>

						<a href="/admin/formations/{{$c->formation_id}}/chapters/{{$c->id}}/edit" class="btn pull-right">Editer</a>
					</td>
				</tr>
				@foreach($c->chapters()->orderBy('order', 'ASC')->get() as $cc)
				<tr>
					<td style="padding-left:30px !important;">{{$cc->title}}</td>
					<td>
						<form method="GET" class="has-confirm" action="/admin/chapters/{{$cc->id}}/destroy" data-message="Voulez-vous vraiment supprimer cette item">
							<input type="hidden" name="_method" value="GET">
							<input type="hidden" name="_token" value="{{ csrf_token() }}" />
							<button class='btn pull-right' type='submit'>Supprimer</button>
						</form>
						<a href="/admin/formations/{{$cc->formation_id}}/chapters/{{$cc->id}}/edit" class="btn pull-right">Editer</a>
					</td>
				</tr>
				@foreach($cc->chapters()->orderBy('order', 'ASC')->get() as $ccc)
				<tr>
					<td style="padding-left:60px !important;">{{$ccc->title}}</td>
					<td>
						<form method="GET" class="has-confirm" action="/admin/chapters/{{$ccc->id}}/destroy" data-message="Voulez-vous vraiment supprimer cette item">
							<input type="hidden" name="_method" value="GET">
							<input type="hidden" name="_token" value="{{ csrf_token() }}" />
							<button class='btn pull-right' type='submit'>Supprimer</button>
						</form>

						<a href="/admin/formations/{{$ccc->formation_id}}/chapters/{{$ccc->id}}/edit" class="btn pull-right">Editer</a>
					</td>
				</tr>
				@foreach($ccc->chapters()->orderBy('order', 'ASC')->get() as $cccc)
				<tr>
					<td style="padding-left:90px !important;">{{$cccc->title}}</td>
					<td>
						<form method="GET" class="has-confirm" action="/admin/chapters/{{$cccc->id}}/destroy" data-message="Voulez-vous vraiment supprimer cette item">
							<input type="hidden" name="_method" value="GET">
							<input type="hidden" name="_token" value="{{ csrf_token() }}" />
							<button class='btn pull-right' type='submit'>Supprimer</button>
						</form>
						<a href="/admin/formations/{{$cccc->formation_id}}/chapters/{{$cccc->id}}/edit" class="btn pull-right">Editer</a>
					</td>
				</tr>
				@endforeach @endforeach @endforeach @endforeach
			</tbody>
		</table>
	</div>
</div>

<div class="col-md-12">
	<div class="box">
		<div class="col-md-6">
			<p>Clients</p>
		</div>
		<div class="col-md-6">
			<p><a href="" class="btn pull-right" data-toggle="modal" data-target="#addClient">Ajouter</a></p>
		</div>
	</div>
</div>

<div class="col-md-12">
	<div class="box">
		<table class="table table-condensed">
			<thead>
				<tr>
					<th>Nom</th>
					<th>Email</th>
					<th></th>
				</tr>
			</thead>
			<tbody>
				@foreach($formation->clients()->get() as $client)
				<tr>
					<td>{{$client->name}}</td>
					<td>
						<p class="description">{{$client->email}}</p>
					</td>
					<td>
						<form method="GET" class="has-confirm" action="/admin/{{$client->id}}/formationsDestroyclient/{{$formation->id}}" data-message="Voulez-vous vraiment supprimer cette item">
							<input type="hidden" name="_method" value="GET">
							<input type="hidden" name="_token" value="{{ csrf_token() }}" />
							<button class='btn pull-right' type='submit'>Supprimer</button>
						</form>
					</td>


				</tr>
				@endforeach
			</tbody>
		</table>
	</div>
</div>
<div class="modal fade" id="addClient" tabindex="-1" role="dialog" aria-labelledby="addUserClientTitle" aria-hidden="true">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title" id="addUserClientTitle">Ajouter des clients</h5>
			</div>
			<div class="modal-body">
				<table class="table table-condensed">
					<thead>
						<tr>
							<th>Nom</th>
							<th>Email</th>
							<th></th>
						</tr>
					</thead>
					<tbody>
						@foreach($clients as $client)
						<tr>
							<td>{{$client->name}}</td>
							<td>
								<p class="description">{{$client->email}}</p>
							</td>
							<td><button class="btn pull-right" onclick="remoteAddClient.call(this)" id="{{$client->id}}">Ajouter</button> </td>
						</tr>
						@endforeach
					</tbody>
				</table>
			</div>
		</div>
	</div>
</div>





<div class="col-md-12">
	<div class="box">
		<div class="col-md-6">
			<p>Users</p>
		</div>
		<div class="col-md-6">
			<p><a href="" class="btn pull-right" data-toggle="modal" data-target="#addUser">Ajouter</a></p>
		</div>
	</div>
</div>

<div class="col-md-12">
	<div class="box">
		<table class="table table-condensed">
			<thead>
				<tr>
					<th>Nom</th>
					<th>Email</th>
					<th></th>
				</tr>
			</thead>
			<tbody>
				@foreach($formation->users()->get() as $user)
				<tr>
					<td>{{$user->name}}</td>
					<td>
						<p class="description">{{$user->email}}</p>
					</td>
					<td>

						<form method="GET" class="has-confirm" action="/admin/{{$user->id}}/formationsDestroyuser/{{$formation->id}}" data-message="Voulez-vous vraiment supprimer cette item">
							<input type="hidden" name="_method" value="GET">
							<input type="hidden" name="_token" value="{{ csrf_token() }}" />
							<button class='btn pull-right' type='submit'>Supprimer</button>
						</form>
					</td>


				</tr>
				@endforeach
			</tbody>
		</table>
	</div>
</div>
<div class="modal fade" id="addUser" tabindex="-1" role="dialog" aria-labelledby="addUserClientTitle" aria-hidden="true">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title" id="addUserClientTitle">Ajouter des clients</h5>
			</div>
			<div class="modal-body">
				<table class="table table-condensed">
					<thead>
						<tr>
							<th>Nom</th>
							<th>Email</th>
							<th></th>
						</tr>
					</thead>
					<tbody>
						@foreach($users as $user)
						<tr>
							<td>{{$user->name}}</td>
							<td>
								<p class="description">{{$user->email}}</p>
							</td>
							<td><button class="btn pull-right" onclick="remoteAddUser.call(this)" id="{{$user->id}}">Ajouter</button> </td>
						</tr>
						@endforeach
					</tbody>
				</table>
			</div>
		</div>
	</div>
</div>

@endsection




<script>
	function remoteAddClient (){
			var button = this;
			var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
				$.ajax({
					/* the route pointing to the post function */
					url: '/admin/formations/{{$formation->id}}/addClient',
					type: 'POST',
					/* send the csrf-token and the input to the controller */
					data: {_token: CSRF_TOKEN, client_id:this.id, formation_id: {{$formation->id}}},
					dataType: 'JSON',
					success: function () { 
						console.log(button);
						button.disabled = true;
					}
				}); 
			};


			function remoteAddUser (){
			var button = this;
			var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
				$.ajax({
					/* the route pointing to the post function */
					url: '/admin/formations/{{$formation->id}}/addUser',
					type: 'POST',
					/* send the csrf-token and the input to the controller */
					data: {_token: CSRF_TOKEN, user_id:this.id, formation_id: {{$formation->id}}},
					dataType: 'JSON',
					success: function () { 
						console.log(button);
						button.disabled = true;
					}
				}); 
			};

</script>