@extends('layouts.app')

@section('content')
<form class="form-horizontal" method="POST" action="{{ route('partners.interest_groups.sync',['partner' => $partner]) }}">
    {{ csrf_field() }}
    {{ method_field('PUT') }}
    <div class="row py-3">
        <div class="col-md-12">
            @include('components.alert_success')
            @include('components.alert_error')

            <h5 class="py-3">
                Masquer des groupes de centres d'intérêts
            </h5>




            <div class="table">
                <table class="table table-hover table-align-middle table-light">
                    <thead class="table-dark">
                        <tr>
                            <th></th>
                            <th>#</th>
                            <th>Nom</th>
                            <th>Description</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($interestGroups as $interestGroup)
                        <tr>
                            <td>
                                <div class="form-check">

                                    <input id="interest_group_{{$interestGroup->id}}" type="checkbox" class="form-check-input" name="interest_groups[]" value="{{$interestGroup->id}}" {{ $partner->interestGroupsHidden->contains($interestGroup->id) ? 'checked' : '' }}>
                                    <label class="form-check-label" for="interest_group_{{$interestGroup->id}}">&nbsp;</label>
                                </div>
                            </td>
                            <td>{{ $interestGroup->id }}</td>
                            <td>{{ $interestGroup->label }}</td>
                            <td>{{ $interestGroup->description }}</td>
                        </tr>
                        @endforeach

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

            @can('partner_interest_groups_write')
                <div class="text-center">
                    <button type="submit" class="btn btn-primary">Valider</button>
                </div>
            @endcan

        </div>
    </div>
</form>
@endsection