@extends('admin.layout')
@section('titre')
Dépot
@endsection
@section('activedepot')
    menu-open
@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 dépot</h3>
        </div>
        <div class="card-body">
            <table id="example1" class="table table-bordered table-striped">
                <thead>
                <tr  >
                    <th>nom</th>
                  <th>Adresse</th>
                    <th>Téléphone</th>
                    <th>Action</th>

                </tr>
                </thead>
                <tbody>
                @foreach($data as $c)
                    <tr>
                        <td style="width: 10%">{{ $c->name }}</td>
                        <td  style="width: 30%">{{ $c->adresse }}
                        <br>
                            {{ $c->zone->ville->name }}
                            <br>
                            {{ $c->zone->name }}
                        </td>

                        <td  style="width: 30%">{{ $c->tel1 }}<br>{{ $c->tel2 }}</td>

                        <td  style="width: 15%">
                            <a title="modifier" type="button" href="{{route ('editdepots',$c->id)}}" class="btn btn-primary">
                            <i class="fas fa-edit"></i> </a>
                            <form method="POST" id="delete-from-{{ $c->id}}" action="{{route ('destroydepots',$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 cet dépot ?'))
                                    {
                                    event.preventDefault();
                                    document.getElementById('delete-from-{{ $c->id}}').submit();
                                    }
                                    else
                                    { event.preventDefault(); }">
                                <i class="fas fa-trash"></i>
                            </button>
                        </td>
                    </tr>
                @endforeach
                </tbody>

                </table>
            </div>
        </div>


@endsection