@php
    // Estado de Ticket y contexto
    $ticketEnabled = isset($_enableGuestTicket) && (string)$_enableGuestTicket === '1';
    $isEditPreview = request()->boolean('edit');
    $hasGuest = isset($guest);
    $guestPasses = $hasGuest ? (int)($guest->number_of_guests ?? 0) : 0;
    $enableTicketFlow = $ticketEnabled && $hasGuest && $guestPasses > 0;
    $showTicketButtonPreview = $ticketEnabled && $isEditPreview && !$hasGuest;

    // UI helpers
    $title = 'Confirmación';
    $message = $_confirmationMessage ?? 'Para poder unirte a esta celebración, es necesario que confirmes tu asistencia lo antes posible.';
@endphp

@if($ticketEnabled)
<section id="ticket-v1" class="py-5 bg-white">
    <div class="container text-center">
        <h3 class="fw-700 f-heading pb-2">{{ $title }}</h3>
        <p class="mb-4">{{ $message }}</p>

        @if($enableTicketFlow)
            @php
                $isGroupGuest = isset($guest) && (mb_strtolower((string)($guest->last_name ?? '')) === 'grupo');
                // Prefill previas
                $existingInfo = isset($existingConfirmation) && $existingConfirmation->info ? json_decode($existingConfirmation->info, true) : null;
            @endphp

            <button type="button" class="btn btn-warning fw-600 rounded-pill px-4" data-bs-toggle="modal" data-bs-target="#ticketConfirmModalV1">
                Confirmar asistencia
            </button>

            <div class="modal fade" id="ticketConfirmModalV1" tabindex="-1" aria-labelledby="ticketConfirmModalV1Label" aria-hidden="true">
                <div class="modal-dialog modal-dialog-centered">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="ticketConfirmModalV1Label">Confirmar asistencia</h5>
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        </div>
                        <div class="modal-body">
                            <form id="confirmationFrmV1">
                                @csrf
                                <input type="hidden" name="pass_code" value="{{ $guest->pass_code }}" />

                                @if(!$isGroupGuest)
                                    <div class="row g-2 confirmed-person">
                                        <div class="col-6">
                                            <label class="form-label small">Invitado</label>
                                            <div class="form-control-plaintext">{{ trim(($guest->first_name ?? '').' '.($guest->last_name ?? '')) }}</div>
                                            <input type="hidden" name="persons[0][full_name]" value="{{ trim(($guest->first_name ?? '').' '.($guest->last_name ?? '')) }}" required>
                                        </div>
                                        <div class="col-3">
                                            <label class="form-label small">Asistencia</label>
                                            <select class="form-select attendance-select" name="persons[0][attendance]">
                                                <option value="">Pendiente</option>
                                                <option value="yes">Asiste</option>
                                                <option value="no">No asiste</option>
                                            </select>
                                        </div>
                                        <div class="col-3">
                                            <label class="form-label small">Menú</label>
                                            @php
                                                $menuOptions = is_array($invitation->menu_options) && count($invitation->menu_options) > 0
                                                    ? $invitation->menu_options
                                                    : ['Sin restricción', 'Vegetariano', 'Vegano', 'Celíaco'];
                                            @endphp
                                            <select class="form-select menu-select" name="persons[0][menu]">
                                                <option value="">—</option>
                                                @foreach($menuOptions as $opt)
                                                    <option value="{{ $opt }}">{{ $opt }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                @else
                                    @php $members = is_array($guest->group_members) ? $guest->group_members : []; @endphp
                                    @foreach($members as $i => $m)
                                        <div class="row g-2 confirmed-person mb-2">
                                            <div class="col-5">
                                                <label class="form-label small">Invitado</label>
                                                <div class="form-control-plaintext">{{ $m['full_name'] ?? ('Invitado #'.($i+1)) }}</div>
                                                <input type="hidden" name="persons[{{ $i }}][full_name]" value="{{ $m['full_name'] ?? '' }}">
                                            </div>
                                            <div class="col-3">
                                                <label class="form-label small">Asistencia</label>
                                                <select class="form-select attendance-select" name="persons[{{ $i }}][attendance]">
                                                    <option value="">Pendiente</option>
                                                    <option value="yes">Asiste</option>
                                                    <option value="no">No asiste</option>
                                                </select>
                                            </div>
                                            <div class="col-4">
                                                <label class="form-label small">Menú</label>
                                                <select class="form-select menu-select" name="persons[{{ $i }}][menu]">
                                                    <option value="">—</option>
                                                    @foreach($menuOptions as $opt)
                                                        <option value="{{ $opt }}">{{ $opt }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    @endforeach
                                @endif

                                <input type="hidden" name="confirm" value="1">
                                <input type="hidden" name="passes_confirmed" id="passes_confirmed_v1" value="0">
                                <p id="confirmAssistanceMessageV1" class="text-danger small mt-2" style="display:none"></p>
                            </form>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                            <button class="btn btn-primary" id="sendConfirmationV1">Enviar</button>
                        </div>
                    </div>
                </div>
            </div>
        @elseif($showTicketButtonPreview)
            <button type="button" class="btn btn-warning fw-600 rounded-pill px-4" disabled title="Vista previa">
                Confirmar asistencia
            </button>
            <div class="text-muted small mt-2">Vista previa del botón de tickets</div>
        @endif
    </div>
</section>

@push('scripts')
<script>
    $(function(){
        var isGroup = {!! json_encode(isset($guest) && (mb_strtolower((string)($guest->last_name ?? '')) === 'grupo')) !!};
        $('#sendConfirmationV1').on('click', function(e){
            e.preventDefault();
            // Derivar confirm y pases_confirmed
            var goingCount = 0;
            $('#ticketConfirmModalV1 select.attendance-select').each(function(){ if($(this).val()==='yes'){ goingCount++; } });
            if(!isGroup){
                $('input[name="confirm"]').val(goingCount>0 ? '1' : '0');
                $('#passes_confirmed_v1').val(goingCount>0 ? 1 : 0);
            }else{
                $('input[name="confirm"]').val(goingCount>0 ? '1' : '0');
                $('#passes_confirmed_v1').val(goingCount);
            }

            var $btn = $(this), original = $btn.text();
            $btn.prop('disabled', true).text('Enviando...');
            $.ajax({
                url: '{{ route("send.confirmation", ["invitationType" => $invitation->type->code, "slug" => $invitation->slug ]) }}',
                method: 'POST',
                data: $('#confirmationFrmV1').serializeArray(),
                success: function(resp){
                    $('#confirmAssistanceMessageV1').removeClass('text-danger').addClass('text-success').show().text(resp.message || '¡Listo!');
                    try{ var m = bootstrap.Modal.getInstance(document.getElementById('ticketConfirmModalV1')); if(m){ m.hide(); } }catch(e){}
                    setTimeout(function(){ window.location.reload(); }, 250);
                },
                error: function(){
                    $('#confirmAssistanceMessageV1').removeClass('text-success').addClass('text-danger').show().text('Ocurrió un error. Intentá nuevamente.');
                },
                complete: function(){ $btn.prop('disabled', false).text(original); }
            });
        });

        // Requerir menú si asiste
        $(document).on('change', '#ticketConfirmModalV1 select.attendance-select', function(){
            var $row = $(this).closest('.confirmed-person');
            var $menu = $row.find('select.menu-select');
            if($(this).val()==='yes'){ $menu.prop('required', true); }
            else { $menu.prop('required', false).val(''); }
        });
    });
 </script>
@endpush
@endif