@extends('admin.layout')
@section('titre')
Zones
@endsection
@section('content')
    @if (session('successMsg'))
        <div  class="alert alert-success" role="alert">
            {{(session('successMsg'))}}
        </div>
    @endif
    <div class="card">
        <div class="card-header">
            <h3 class="card-title">Liste des zones</h3>
        </div>
        <div class="card-body">
        
            <table id="example1" class="table table-bordered table-striped">
                <thead>
                <tr  >
                    <th>ID</th>
                    <th>Nom</th>
                    <th>Ville</th>
                    <th>Action</th>

                </tr>
                </thead>
                <tbody>
                @foreach($data as $c)
                    <tr>
                        <td style="width: 10%">{{ $c->id }}</td>
                        <td  style="width: 30%">{{ $c->name }}</td>
                        <td  style="width: 30%"> {{ $c->ville->name }}</td>
                        <td  style="width: 15%">
                            <a title="modifier" type="button" href="{{route ('editzone',$c->id)}}" class="btn btn-primary">
                            <i class="fas fa-edit"></i> </a>
                            <form method="POST" id="delete-from-{{ $c->id}}" action="{{route ('destroyzone',$c->id)}} " style="display:none;">
                                {{ csrf_field() }}
                                {{ method_field('delete') }}
                            </form>
                            <button title="Supprimer" class="btn btn-danger" onclick="if(confirm('vous etes sure pour supprimer cette ville ?'))
                                    {
                                    event.preventDefault();
                                    document.getElementById('delete-from-{{ $c->id}}').submit();
                                    }
                                    else
                                    { event.preventDefault(); }">
                                <i class="fas fa-trash"></i>
                            </button>
                        </td>
                    </tr>
                @endforeach
                </tbody>
                <tfoot>
                <tr>
                    <th>ID</th>
                    <th>Nom</th>
                    <th>Ville</th>
                    <th>Action</th>

                </tr>
                </tfoot>
                </table>
            </div>
        </div>


@endsection