@extends('layouts.app')

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

        @can('interest_groups_write')
            <div class="text-end mb-3">
                <a href="{{ route('interest_groups.create') }}" class="btn btn-primary">
                    Nouveau groupe de centres d'intérêts
                </a>
            </div>
        @endcan

        <form class="form-horizontal" method="GET" action="{{ route('interest_groups.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>

        <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">parent</th>
                        <th scope="col" class="text-nowrap">Centres d'intérêt / qualifs</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($interestGroups as $interestGroup)
                    <tr>
                        <th scope="row">{{ $interestGroup->id }}</th>
                        <td>{{ $interestGroup->label }}</td>
                        <td>
                        @if(isset($interestGroup->parent_id))
                            {{ $interestGroup->parent->label }} ({{ $interestGroup->parent->id }})
                        @else
                            Aucun
                        @endif
                        </td>
                        <td>
                            @if($interestGroup->interests->count())
                                @foreach($interestGroup->interests as $interest)
                                    <span>{{ $interest->label }} ({{ $interest->id }}),&nbsp;</span>
                                @endforeach
                            @else
                                Aucun
                            @endif
                        </td>

                        <td class="text-end">
                            @can('interest_groups_write')
                                <div class="dropdown">
                                    <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('interest_groups.edit', ['interestGroup' => $interestGroup]) }}">Modifier</a>
                                        <a class="js-delete-link dropdown-item text-danger" href="{{ route('interest_groups.destroy', ['interestGroup' => $interestGroup]) }}">Supprimer</a>
                                    </div>
                                </div>
                            @endcan
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

        {{ $interestGroups->links() }}

    </div>
</div>

@endsection