@extends('layouts.app')

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

        @can('repoussoirs_write')
            <div class="text-end mb-3">
                <a href="{{ route('repoussoirs.sync') }}" class="btn btn-primary">
                    Synchroniser
                </a>
            </div>
        @endcan

        <form class="form-horizontal" method="GET" action="{{ route('repoussoirs.index') }}">
            <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($repoussoirs->count())
        <div class="table">
            <table class="table table-hover table-align-middle table-light">
                <thead class="table-dark">
                    <tr>
                        <th scope="col" class="text-nowrap">#</th>
                        <th scope="col" class="text-nowrap">Nom</th>
                        <th scope="col" class="text-nowrap">Wellpack id</th>
                        <th scope="col" class="text-nowrap">id application</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($repoussoirs as $repoussoir)
                    <tr>
                        <th scope="row">{{ $repoussoir->id }}</th>
                        <td>{{ $repoussoir->label }}</td>
                        <td>{{ $repoussoir->wellpack_id }}</td>
                        <td>{{ $repoussoir->id_application }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

        {{ $repoussoirs->links() }}

        @else
            <div class="card">
                <div class="card-body text-center">
                    @if(isset($search))
                    Aucune repoussoir ne correspond à votre recherche. <a href="{{ route('repoussoirs.index') }}">Tout voir.</a>
                    @endif
                </div>
            </div>
        @endif
    </div>
</div>

@endsection