@extends('layouts.admin')
@section('content')
   
<div class="block-header">
	<h2><i class="material-icons">shopping_cart</i> Gérer vos ventes en ligne</h2>
</div> 
 
 <div class="row clearfix">
    <div class="col-xs-12">
        <div class="card">                
            <div class="header">   
              <h2>
                <p>Gestion des zones de livraison</p>
                <small>Gérer la liste des zones de livraison</small>
              </h2>
            </div><!--END HEADER-->
            <div class="body table-responsive">
              <table class="table" id="table_menu">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Nom</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody class="table_data">
                 @if(sizeof($zones) > 0)
                 @foreach($zones as $zone)
                  <tr class="data" id="row_{{ $zone->id}}">
                    <td>{{ $zone->id }}</td>
                    <td>{{ $zone->nom }}</td>
                    <td>
                      <div class="actions">
                          <a href="{{ action('\Plugins\Vente\Controller\VenteController@edit_zone', array('id' => $zone->id)) }}" title="Editer la zone"><i class="material-icons">edit</i></a>      
                      </div>
                    </td>
                  </tr>
                @endforeach 
                @else
                <div>Vous n'avez pas de zone de livraison ...</div>
                @endif
                </tbody>
              </table>
              <a href="{{ action('\Plugins\Vente\Controller\VenteController@edit_zone') }}" data-toggle="tooltip" data-placement="bottom" title="Ajouter une zone" data-original-title="Ajouter une zone" class="btn bg-teal btn-circle-lg waves-effect waves-circle waves-float">
                <i class="material-icons">add</i>
              </a>       
            </div>
      </div><!--END CARD-->
    </div><!--END COL-->
</div><!--END ROW-->  
@stop