@extends('adminlte::page')

@section('title', 'MBP:: Gestion des pages statiques')

@section('content_header')
    <h1>Pages statiques</h1>
@stop

@section('content')

	<div class="row">

		<div class="col-sm-12">
    
			<div class="box box-primary">

				<div class="box-header with-border">
					<h3 class="box-title">Pages déjà disponibles</h3>
					<a href="{{ url('admin/pages/create') }}" class="btn btn-xs btn-success pull-right">Ajouter une page</a>
				</div>

				<div class="box-body">

					<table id="listing" class="table table-bordered table-striped table-hover">
						<thead>
							<tr>
								<th>Nom</th>
								<th>Friendly url</th>
								<th>Date</th>
								<th width="1"></th>
								<th width="1"></th>
							</tr>
						</thead>
						<tbody>
							@foreach( $pages as $page )
								<tr>
									<td>{{ $page->title }}</td>
									<td>{{ $page->friendlyurl }}</td>
									<td>{{ $page->created_at->format('d.m.Y H:i') }}</td>
									<td><a class="btn btn-xs btn-primary" href="{{ url('admin/pages/' . $page->id .'/edit') }}"><em class="glyphicon glyphicon-edit"></em></a></td>
									<td><a class="btn btn-xs btn-danger jquery-postback" href="{{ url('admin/pages/' . $page->id) }}" data-method="delete"><em class="glyphicon glyphicon-trash"></em></a></td>
								</tr>
							@endforeach
						</tbody>
					</table>
					
				</div>

			</div>

		</div>

	</div>

@stop

@section('js')
	<script>
		$('#listing').DataTable({
      'paging'      : false,
      'lengthChange': false,
      'searching'   : true,
      'ordering'    : true,
      'info'        : true,
      'autoWidth'   : false
    });

    $.ajaxSetup({
      headers: {
        'X-CSRF-TOKEN': '{{ csrf_token() }}'
      }
		});
		$(document).on('click', 'a.jquery-postback', function(e) {
		  e.preventDefault(); // does not go through with the link.

		  if( confirm('Etes vous sur de supprimer cet élément') ){

			  var $this = $(this);

			  $.post({
		      type: $this.data('method'),
		      url: $this.attr('href')
			  }).done(function (data) {
		      $this.closest("tr").remove();
			  });

			}
		});
	</script>
@stop