@extends('layouts.app')


@section('css')


<link rel="stylesheet" href="https://cdn.datatables.net/1.13.7/css/jquery.dataTables.min.css" >

@endsection

@section('js')
<script src="https://code.jquery.com/jquery-3.7.0.js"></script>
<script src="https://cdn.datatables.net/1.13.7/js/jquery.dataTables.min.js"></script>

<script>
    new DataTable('#example');
</script>
@endsection

@section('content')

    <div class="topnavpage">
        <h3>
            <i class="fa fa-map-marker" aria-hidden="true"></i>Gestion des Points de ventes

        </h3>

    </div>

    <div class="card p-3">

        <div class="card-body">
            <div class="table-responsive">
                <table id="example" class="table table-striped table-bordered" style="width:100%">
                    <thead>
                        <tr>
                            <th>Nom du point</th>
                            <th>Numéro de carte</th>
                            <th>Adresse</th>
                            <th>Commune</th>
                            <th>Ville</th>
                            <th>Responsable</th>

                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($pointsVentes as $point)
                            <tr>
                                <td>{{$point->name}}</td>
                                <td>{{$point->num ?? ""}}</td>
                                <td>{{$point->info_partenaire->adresse ?? ""}}</td>
                                <td>{{$point->info_partenaire->commune ?? ""}}</td>
                                <td>{{$point->info_partenaire->ville ?? ""}}</td>
                                <td>{{$point->partenaire_garants->name ?? ""}}</td>
                                <td>
                                    <a href="{{route('partenaires.show',$point->id)}}" class="m-1"> <i class="fa fa-eye" aria-hidden="true"></i></a>
                                    <a href="{{route('partenaires.edit',$point->id)}}"  class="m-1"> <i class="fa fa-pencil-alt" aria-hidden="true"></i></a>
                                </td>
                            </tr>
                        @endforeach


                    </tbody>
                    <tfoot>
                        <tr>
                            <th>Nom du point</th>
                            <th>Numéro de carte</th>
                            <th>Adresse</th>
                            <th>Commune</th>
                            <th>Ville</th>
                            <th>Responsable</th>

                            <th>Action</th>
                        </tr>
                    </tfoot>
                </table>
            </div>
        </div>
    </div>

@endsection