@extends('layouts.app')

@section('content')
    <div class="row py-5">
        <div class="col-md-12">
            @include('components.alert_success')

            <div class="text-end mb-3">
                <a href="{{ route('partners.shops.create', ['partner' => $partner]) }}" class="btn btn-primary">Nouveau point de vente</a>
                <a href="{{ route('partners.shops.importShow', ['partner' => $partner]) }}" class="btn btn-dark">Importer</a>
            </div>

            <form class="form-horizontal" method="GET"
                  action="{{ route('partners.shops.index', ['partner' => $partner]) }}">
                <div class="mb-3">
                    <div class="input-group">
                    <span class="input-group-text">
                        <i class="fas fa-search" aria-hidden="true"></i>
                    </span>
                        <input type="search" name="search" value="{{ $search }}" class="form-control"
                               placeholder="Rechercher">
                    </div>
                </div>
            </form>

            @if($shops->count())
                <table class="table table-hover table-align-middle table-light">
                    <thead class="table-dark">
                    <tr>
                        <th scope="col" class="">#</th>
                        <th scope="col" class="">Nom</th>
                        <th scope="col" class="">Annonceur(s)</th>
                        <th scope="col" class="">Code Postal</th>
                        <th scope="col" class=" text-center">Ville</th>
                        <th scope="col" class=" text-center">Adresse</th>
                        <th scope="col" class=" text-center">Longitude</th>
                        <th scope="col" class=" text-center">Latitude</th>
                        <th scope="col" class=" text-center">distance</th>
                        <th scope="col" class=" text-center">Type de zone</th>
                        <th scope="col" class=" text-center">Nombre de zone</th>
                        <th></th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($shops as $shop)
                        <tr>
                            <th style="width: 50px">{{ $shop->id }}</th>
                            <td style="width: 150px">
                                <a
                                    href="{{ route('partners.shops.edit', ['partner' => $partner, 'shop' => $shop]) }}"
                                    target="_blank">
                                    {{ $shop->label }}
                                </a>
                            </td>
                            <td style="width: 150px">
                                {{ $shop->advertiser->name }}
                            </td>
                            <td>{{ $shop->postcode ?? '-'}}</td>
                            <td>{{ $shop->city ?? '-' }}</td>
                            <td>{{ $shop->address ?? '-' }}</td>
                            <td>{{ $shop->longitude ?? '-' }}</td>
                            <td>{{ $shop->latitude ?? '-' }}</td>
                            <td>{{ $shop->distance ?? '-' }}</td>
                            <td>{{ $shop->location_type }}</td>
                            <td>{{ $shop->location_data ? count($shop->location_data) : '-'}}</td>
                            <td class="text-end">
                                <div class="dropdown dropleft">
                                    <button class="btn btn-light btn-sm dropdown-toggle text-nowrap" type="button"
                                            data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                        <i class="fas fa-cog" aria-hidden="true"></i>
                                    </button>
                                    <div class="dropdown-menu">
                                        <a class="dropdown-item"
                                           href="{{ route('partners.shops.edit', ['partner' => $partner, 'shop' => $shop]) }}">Modifier</a>
                                        <a class="js-delete-link dropdown-item text-danger" href="{{ route('partners.shops.destroy', ['partner' => $partner, 'shop' => $shop]) }}">Supprimer</a>
                                    </div>
                                    <div class="dropdown-menu">
                                    </div>
                                </div>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>


                {{ $shops->links() }}
            @else
                <div class="card">
                    <div class="card-body text-center">
                        @if(isset($search))
                            Aucun point de vente ne correspond à votre recherche.
                            <a href="{{ route('partners.shops.index', ['partner' => $partner]) }}">
                                Tout voir.
                            </a>
                        @else
                            Vous n'avez pas encore de points de vente.
                            <a href="{{ route('partners.shops.create', ['partner' => $partner]) }}">
                                Créer votre premier point de vente
                            </a>
                        @endif
                    </div>
                </div>
            @endif
        </div>
    </div>
@endsection