{{--
    Bloc paiement hébergement réutilisable (validate + edit-reprise).
    Variables attendues : $event, $roomReservation, $pec.
    Catégories : Self-payer, Prise en charge, Organistateur ({{ $event->client }}).
    Modes par bloc : Virement, Espèce, Chèque, Paiement en ligne, TPE, En attente.
--}}
<div class="row">
    <div class="col-md-4">
        <div class="form-group">
            <label class="col-form-label fs-5 text-primary">Catégories :</label>
            <div class="form-check">
                <input value="Self-payer" class="form-check-input" type="radio" name="category" id="self-payers"
                    {{ old('category', $roomReservation->category == 'Self-payer' ? 'checked' : '') }} required>
                <label class="form-check-label" for="self-payers">Self-payer</label>
            </div>
            <div class="form-check">
                <input value="Prise en charge" class="form-check-input" type="radio" name="category" id="pec"
                    {{ old('category', $roomReservation->category == 'Prise en charge' ? 'checked' : '') }} required>
                <label class="form-check-label" for="pec">Prise en charge</label>
            </div>
            <div class="form-check">
                <input value="{{ $event->client }}" class="form-check-input orga-client" type="radio" name="category"
                    id="{{ $event->client }}"
                    {{ old('category', $roomReservation->category == $event->client ? 'checked' : '') }} required>
                <label class="form-check-label" for="{{ $event->client }}">Organistateur ({{ $event->client }})</label>
            </div>
        </div>
    </div>
    <div class="col-md-8">
        {{-- ── Self-payer ────────────────────────────────────────────── --}}
        <div class="row form-group paiement-block" style="display: none">
            <div class="col-md-6">
                <label class="col-form-label fs-5 text-primary">Paiement personnel :</label>
                @include('backend.hebergement._payment-mode', ['prefix' => '', 'idPrefix' => '', 'model' => $roomReservation])
            </div>
        </div>

        {{-- ── Prise en charge ───────────────────────────────────────── --}}
        <div class="row form-group mb-2 organisme-block" style="display: none">
            <div class="col-md-6">
                <label class="col-form-label fs-5 text-primary">Organisme :</label>
                <br>
                <select name="organisme" id="select-organisme" class="form-control select2" style="width: 50%"
                    {{ $roomReservation->category == 'Prise en charge' ? '' : 'disabled' }} required>
                    <option></option>
                    @foreach ($pec as $item)
                        <option value="{{ $item->name }}"
                            {{ $roomReservation->organisme == $item->name ? 'selected' : '' }}>
                            {{ $item->name }}
                        </option>
                    @endforeach
                    <option id="organisme-autre" value="Autre">Autre</option>
                </select>
                <div class="form-group" id="other-organisme-block" style="display: none; width: 50%">
                    <label class="col-form-label">Autre organisme : <span class="asterisk">*</span></label>
                    <input type="text" disabled value="" class="form-control" name="other_organisme"
                        id="other-organisme" autocomplete="off" required>
                    <div class="invalid-feedback">Le champ est obligatoire</div>
                </div>
                <div class="invalid-feedback">L'organisme est obligatoire</div>
                <br>
                <label class="col-form-label mt-2 fs-5 text-primary">Paiement de l'organisme de PEC :</label>
                @include('backend.hebergement._payment-mode', ['prefix' => 'pec_', 'idPrefix' => 'pec-', 'model' => $roomReservation])
            </div>
            <div class="col-md-6">
                <label class="col-form-label mt-2 fs-5 text-primary">Paiement personnel :</label>
                @include('backend.hebergement._payment-mode', ['prefix' => 'pec_self_', 'idPrefix' => 'pec-self-', 'model' => $roomReservation])
                <br>
            </div>
        </div>

        {{-- ── Organistateur ─────────────────────────────────────────── --}}
        <div class="row form-group committee-block" style="display: none">
            <div class="col-md-6">
                <input type="hidden" name="committee" value="{{ $event->client }}" />
                <label class="col-form-label mt-2 fs-5 text-primary">Paiement organistateur :</label>
                @include('backend.hebergement._payment-mode', ['prefix' => 'orga_', 'idPrefix' => 'orga-', 'model' => $roomReservation])
                <br>
            </div>
            <div class="col-md-6">
                <label class="col-form-label mt-2 fs-5 text-primary">Paiement personnel :</label>
                @include('backend.hebergement._payment-mode', ['prefix' => 'orga_self_', 'idPrefix' => 'orga-self-', 'model' => $roomReservation])
                <br>
            </div>
        </div>
    </div>
</div>