@extends('layouts.app')

@section('content')
<form class="form-horizontal" method="POST" action="{{ isset($interestGroup) ? route('interest_groups.update', ['interestGroup' => $interestGroup]) : route('interest_groups.store') }}">
    {{ csrf_field() }}
    {{ isset($interestGroup) ? method_field('PUT') : '' }}
    <div class="row py-5">

        <div class="col-md-6">
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">
                        {{ isset($interestGroup) ? 'Modifier un groupe de centre d\'intérêts' : 'Créer un groupe de centre d\'intérêts' }}

                    </h5>
                    @include('components.alert_success')


                        <div class="mb-3">
                            <label for="label">Name *</label>
                            <input id="label" type="text" name="label" value="{{ old('label', $interestGroup->label ?? '') }}" class="form-control {{ $errors->has('label') ? ' is-invalid' : '' }}" placeholder="Name">
                            @if ($errors->has('label'))
                            <div class="invalid-feedback">
                                {{ $errors->first('label') }}
                            </div>
                            @endif
                        </div>

                        <div class="mb-3">
                            <label for="description">Description</label>
                            <textarea id="description" name="description" cols="30" rows="10" class="form-control {{ $errors->has('description') ? ' is-invalid' : '' }}" placeholder="Description">{{ old('description', $interestGroup->description ?? '') }}</textarea>
                            @if ($errors->has('description'))
                            <div class="invalid-feedback">
                                {{ $errors->first('description') }}
                            </div>
                            @endif
                        </div>

                        <div class="mb-3">
                            <label for="parent_id">Parent</label>
                            <select id="parent_id" class="form-select" name="parent_id">
                                <option value="">Aucun</option>
                                @foreach($interestGroups as $ig)
                                    <option value="{{$ig->id}}" {{ isset($interestGroup->parent_id) && $interestGroup->parent_id === $ig->id ? 'selected' : '' }}>{{ $ig->label }} - {{ $ig->id }}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="text-center">
                            <button type="submit" class="btn btn-primary">Valider</button>
                        </div>

                </div>
            </div>
        </div>

        <div class="col-md-6">
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">
                        Ajouter des centres d'intérêts au groupe
                    </h5>
                    <table class="table table-hover table-align-middle table-light table-sm">
                        <thead>
                            <tr>
                                <th></th>
                                <th>#</th>
                                <th>Nom</th>
                                <th>Type</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($interests as $interest)
                            <tr>
                                <td>
                                    <div class="form-check">
                                        <input type="hidden" name="interests[]" value="">
                                        <input id="interest_{{$interest->id}}" type="checkbox" class="form-check-input" name="interests[]" value="{{$interest->id}}" {{ old('interests[$interest->id]', isset($interestGroup) && $interestGroup->interests->contains($interest->id) ?? '') ? 'checked' : '' }}>
                                        <label class="form-check-label" for="interest_{{$interest->id}}">&nbsp;</label>
                                    </div>
                                </td>
                                <td>{{ $interest->id }}</td>
                                <td>{{ $interest->label }}</td>
                                <td>{{ $interest->type === 'interest' ? 'Centre d\'intérêt' : 'Qualification'}}</td>
                            </tr>
                            @endforeach

                        </tbody>
                    </table>

                    <div class="text-center">
                        <button type="submit" class="btn btn-primary">Valider</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</form>
@endsection