<x-admin-layout>

    <x-page-heading title="Modifier une participation" :breadcrumbs="['Participations', 'Modification']" />

    <section class="section">
        <div class="row">
            <div class="col-lg-12">
        
                <x-card>
                    <form action="{{ route('participations.update', $participation) }}" method="POST" novalidate>
                        @csrf
                        @method('PUT')

                        <div class="row g-3 mb-3">
                            <div class="col-8">
                                <x-label for="forum" :label="__('Forum')" />
                                <select class="form-select" id="forum_id" name="forum_id">
                                    <option value="">Sélectionner un forum</option>
                                    @foreach ($forums as $forum)
                                        <option value="{{$forum->id}}" @if($forum->id === $participation->forum->id) selected @endif>{{ $forum->annee }}: {{ $forum->thematique }}</option>
                                    @endforeach
                                </select>
                                <x-error name="forum_id" />
                            </div>
                            <div class="col-4">
                                <x-label for="commune_id" :label="__('Commune')" />
                                <select class="form-select" id="commune_id" name="commune_id">
                                    <option value="">Sélectionner une commune</option>
                                    @foreach ($communes as $commune)
                                        <option value="{{$commune->id}}" @if($commune->id === $participation->commune->id) selected @endif>{{ $commune->name }}</option>
                                    @endforeach
                                </select>
                                <x-error name="commune_id" />
                            </div>
                        </div>
                        <div class="row g-2 mb-3">
                            <div class="col mb-0">
                                <x-input type="text" id="pf-name" name="pf_name" :label="__('Nom du point focal')" value="{{ $participation->pf_name }}" />
                            </div>
                            <div class="col mb-0">
                                <x-input type="text" id="pf-poste" name="pf_poste" :label="__('Poste du point focal')" value="{{ $participation->pf_poste }}" />
                            </div>
                        </div>
                        <div class="row g-2 mb-3">
                            <div class="col mb-0">
                                <x-input type="text" id="pf-phone" name="pf_phone" :label="__('Téléphone du point focal')" value="{{ $participation->pf_phone }}" />
                            </div>
                            <div class="col mb-0">
                                <x-input type="text" id="pf-email" name="pf_email" :label="__('Email du point focal')" value="{{ $participation->pf_email }}" />
                            </div>
                        </div>

                        <div class="mb-3">
                            <ul class="nav nav-tabs d-flex" id="forumTab" role="tablist">
                                <li class="nav-item flex-fill" role="presentation">
                                    <button class="nav-link w-100 active" id="messages-tab" data-bs-toggle="tab" data-bs-target="#messages-justified" type="button" role="tab" aria-controls="messages" aria-selected="true">Messages clés</button>
                                </li>
                                <li class="nav-item flex-fill" role="presentation">
                                    <button class="nav-link w-100" id="rapports-tab" data-bs-toggle="tab" data-bs-target="#rapports-justified" type="button" role="tab" aria-controls="rapports" aria-selected="false">Rapports de parrticipation</button>
                                </li>
                                <li class="nav-item flex-fill" role="presentation">
                                    <button class="nav-link w-100" id="engagements-tab" data-bs-toggle="tab" data-bs-target="#engagements-justified" type="button" role="tab" aria-controls="engagements" aria-selected="false">Engagements</button>
                                </li>
                            </ul>
                            <div class="tab-content pt-2" id="forumTabContent">
                                <div class="tab-pane fade show active" id="messages-justified" role="tabpanel" aria-labelledby="messages-tab">
                                    <textarea class="tinymce-editor" id="forum-messages" rows="10" name="messages">{!! $participation->messages !!}</textarea>
                                </div>
                                <div class="tab-pane fade" id="rapports-justified" role="tabpanel" aria-labelledby="rapports-tab">
                                    <textarea class="tinymce-editor" id="forum-rapports" rows="10" name="rapports">{!! $participation->rapports !!}</textarea>
                                </div>
                                <div class="tab-pane fade" id="engagements-justified" role="tabpanel" aria-labelledby="engagements-tab">
                                    <textarea class="tinymce-editor" id="forum-engagements" rows="10" name="engagements">{!! $participation->engagements !!}</textarea>
                                </div>
                            </div>
                        </div>

                        <x-button type="submit" :label="__('Mise à jour')" primary />
                        <x-button :href="route('participations.index')" :label="__('Annuler')" secondary outline />
                        
                    </form>
                </x-card>

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

</x-admin-layout>