@extends('adminlte::page')

@section('title', 'MBP:: Gestion des shops')

@section('content_header')
    <h1>Magasins</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">Magasins déjà disponibles</h3>
					<a href="{{ url('admin/shops/create') }}" class="btn btn-xs btn-success pull-right">Ajouter un magasin</a>
					<a href="{{ url('admin/shops/export') }}" class="btn btn-xs btn-default pull-right" style="margin-right: 5px;" target="_blank">Exporter les magasins</a>
				</div>

				<div class="box-body">

					<table id="listing" class="table table-bordered table-striped table-hover">
						<thead>
							<tr>
								<th>Nom</th>
								<th>Slug</th>
                <th>Adresse</th>
                <th>Date Edition</th>
								<th width="1"></th>
								<th width="1"></th>
							</tr>
						</thead>
						<tbody>
							@foreach( $shops as $shop )
								<tr>
									<td>{{ $shop->name }}</td>
									<td>{{ $shop->friendlyurl }}</td>
	                <td>{{ $shop->street .' - '. $shop->zip .' '. $shop->city }} - Belgique</td>
									<td>{{ $shop->updated_at ? $shop->updated_at->format('d.m.Y H:i') : '' }}</td>
									<td><a class="btn btn-xs btn-primary" href="{{ url('admin/shops/' . $shop->id .'/edit') }}"><em class="glyphicon glyphicon-edit"></em></a></td>
									<td><a class="btn btn-xs btn-danger jquery-postback" href="{{ url('admin/shops/' . $shop->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