{{--
  Ticket de invitación (Versión 2)

  Props esperados (cualquiera de estas variantes):
  - $ticket: array con keys opcionales
	  name: string                -> Nombre a mostrar
	  people: int                 -> Cantidad de personas/pases
	  table: string|int|null      -> Nro de mesa
	  message: string|null        -> Mensaje personalizado
	- o variables sueltas: $guest, $guest_name, $number_of_guests, $guest_table
--}}

@php
	// Helper de acceso seguro para soportar array u objeto
	$get = function ($src, $key, $default = null) {
		if (is_array($src)) {
			return $src[$key] ?? $default;
		}
		if (is_object($src)) {
			return $src->{$key} ?? $default;
		}
		return $default;
	};

	// Normalizar $ticket a una estructura accesible
	$tSrc = $ticket ?? null;
	$t = is_array($tSrc) || is_object($tSrc) ? $tSrc : [];

	// Normalizar $guest a modelo, stdClass o array
	$guestModel = $guest ?? null;

	// Construir nombre evitando mostrar la palabra "Grupo"
	$computedFromModel = null;
	if (!is_null($guestModel)) {
		$first = trim((string)$get($guestModel, 'first_name', ''));
		$last  = trim((string)$get($guestModel, 'last_name', ''));
		if ($last !== '' && mb_strtolower($last) !== 'grupo') {
			$computedFromModel = trim($first.' '.$last);
		} else {
			$computedFromModel = $first;
		}
	}

	$name = $get($t, 'name', $guest_name ?? $computedFromModel);
	if (!is_null($name)) {
		// Si por algún motivo viene con sufijo "Grupo", removerlo de forma segura
		$name = preg_replace('/\s+grupo\s*$/iu', '', trim((string)$name));
	}

	$people = $get($t, 'people', $number_of_guests ?? $get($guestModel, 'number_of_guests'));

	$tableNumber = $get($t, 'table', $guest_table ?? null);

	// Solo mostrar el mensaje personalizado del invitado. Si no hay, usar null (se mostrará "-").
	$message = $get($guestModel, 'message');

@endphp

@once
@push('styles')
<link rel="stylesheet" href="{{ asset('templates_v2/css/ticket.css') }}">
@endpush
@endonce

<section id="ticket-section" class="ticket-section">
	<div class="ticket-container">
	<div class="ticket-row">
		<div class="ticket-card">
			<div class="ticket-heading">
				<h2>Invitación válida para:</h2>
			</div>
			<div class="ticket-details">
				<div class="ticket-detail">
					<div class="ticket-label">Nombre</div>
					<div class="ticket-value ticket-highlight">{{ $name ?: '—' }}</div>
				</div>

				<div class="ticket-meta">
					<div class="ticket-meta-item">
						<div class="ticket-label">Cantidad de pases:</div>
						<div class="ticket-value">{{ $people ?? '—' }}</div>
					</div>
				</div>

				<div class="ticket-message">
					<div class="ticket-label">Mensaje</div>
					<div class="ticket-value">{{ $message !== null && $message !== '' ? $message : '-' }}</div>
				</div>
			</div>
		</div>
	</div>
	</div>
</section>

@php
	// Variables para flujo de confirmación por tickets (reuso de lógica v2)
	$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;
	$isGroupGuest = isset($guest) && (mb_strtolower((string)($guest->last_name ?? '')) === 'grupo');
	$groupMembers = $isGroupGuest ? (is_array($guest->group_members) ? $guest->group_members : []) : [];
	$menuOptions = is_array($invitation->menu_options) && count($invitation->menu_options) > 0
		? $invitation->menu_options
		: ['Sin restricción', 'Vegetariano', 'Vegano', 'Celíaco'];
@endphp

@if($ticketEnabled)
@php
    // Permite controlar si se muestra el botón directamente dentro de la sección del ticket.
    // En v1 lo ocultamos para no duplicar con el botón de la sección Confirmación.
    $showInlineButton = $showInlineButton ?? true;
@endphp

@if($ticketEnabled && $showInlineButton)
    <div class="ticket-container mt-3" style="text-align:center">
        @if($enableTicketFlow)
            <button type="button" class="btn bg-secondary text-white rounded-5 px-4" data-bs-toggle="modal" data-bs-target="#ticketConfirmModalV1">
                Confirmar asistencia
            </button>
        @elseif($showTicketButtonPreview)
            <button type="button" class="btn bg-secondary text-white rounded-5 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>
@endif

@if($enableTicketFlow)
	<!-- Modal Confirmación por Ticket (V1) -->
	<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="ticketConfirmationFrmV1">
						@csrf
						<input type="hidden" name="pass_code" value="{{ $guest->pass_code ?? '' }}" />
						<input type="hidden" name="confirm" value="1">
						<input type="hidden" name="passes_confirmed" id="passes_confirmed_v1_modal" value="0">

						@if(!$isGroupGuest)
							@php
								$menuOpts = $menuOptions;
								$fullName = trim(($guest->first_name ?? '').' '.($guest->last_name ?? ''));
							@endphp
							<div class="row g-2 confirmed-person align-items-end">
								<div class="col-6">
									<label class="form-label small">Invitado</label>
									<div class="form-control-plaintext">{{ $fullName }}</div>
									<input type="hidden" name="persons[0][full_name]" value="{{ $fullName }}" required>
								</div>
								<div class="col-3">
									<label class="form-label small">Asistencia</label>
									<select class="form-select attendance-select" name="persons[0][attendance]" required>
										<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>
									<select class="form-select menu-select" name="persons[0][menu]">
										<option value="">—</option>
										@foreach($menuOpts as $opt)
											<option value="{{ $opt }}">{{ $opt }}</option>
										@endforeach
									</select>
								</div>
							</div>
						@else
							@php $members = $groupMembers; @endphp
							@foreach($members as $i => $m)
								<div class="row g-2 confirmed-person mb-2 align-items-end">
									<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'] ?? '' }}" required>
									</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

						<p id="confirmAssistanceMessageV1Modal" 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="sendTicketConfirmationV1">Enviar</button>
				</div>
			</div>
		</div>
	</div>
@endif

@push('scripts')
	<script>
		$(function(){
			var ticketEnabled = {!! json_encode($ticketEnabled) !!};
			var hasGuest = {!! json_encode($hasGuest) !!};
			var guestPasses = {!! json_encode($guestPasses) !!};
			var isGroup = {!! json_encode($isGroupGuest) !!};
			var isEditPreview = {!! json_encode($isEditPreview) !!};
			var showTicketButtonPreview = {!! json_encode($showTicketButtonPreview) !!};
			// Textos de la sección Confirmación (del panel)
			var confirmationTitle = 'Confirmación';
			var confirmationMessage = {!! json_encode($confirmationMessage ?? ($_confirmationMessage ?? '')) !!};
			var confirmationDeadline = {!! json_encode(isset($_confirmation_deadline) ? ('La fecha límite es el '.\Carbon\Carbon::fromFormatToReadableDate('Y-m-d', $_confirmation_deadline).'.') : '') !!};
			// 1) En la sección de confirmación (v1), ocultar el form clásico si hay tickets
			if (ticketEnabled && ((hasGuest && guestPasses > 0) || showTicketButtonPreview)) {
				var $frm = $('#confirmationFrm');
				if ($frm.length) {
					$frm.hide();
					// Inserta un botón que reusa el modal de tickets
					if ($('#ticketButtonContainerV1').length === 0) {
						var $btnBox = $('<div class="text-center my-3" id="ticketButtonContainerV1"></div>');
						// Inyectar título y datos configurados en el panel (entre el ícono y el botón)
						var $infoBox = $('<div id="ticketConfirmInfoV1" class="mb-3"></div>');
						var $h = $('<h3 class="f-heading title fw-700 text-center mb-3"></h3>').text(confirmationTitle);
						var $p = $('<p class="text textEdit fw-500 mb-3 text-center"></p>');
						if (confirmationMessage) { $p.append(document.createTextNode(confirmationMessage)); }
						if (confirmationDeadline) {
							if (confirmationMessage) { $p.append('<br>'); }
							$p.append(document.createTextNode(confirmationDeadline));
						}
						$infoBox.append($h).append($p);
						$btnBox.append($infoBox);
						var $btn = $('<button type="button" class="btn bg-secondary text-white rounded-5 px-4">Confirmar asistencia</button>');
						if (hasGuest && guestPasses > 0 && $('#ticketConfirmModalV1').length) {
							$btn.attr('data-bs-toggle','modal').attr('data-bs-target','#ticketConfirmModalV1');
						} else {
							// Vista previa en modo edición (sin invitado): botón deshabilitado
							$btn.prop('disabled', true).attr('title', 'Vista previa');
						}
						$btnBox.append($btn);
						// Si el form estaba envuelto en un contenedor, ubicamos el botón antes para mantener layout
						$frm.before($btnBox);
					}
				}
			}

			// 2) Envío del formulario del modal de tickets (AJAX)
			$('#sendTicketConfirmationV1').on('click', function(e){
				e.preventDefault();
				var goingCount = 0;
				$('#ticketConfirmModalV1 select.attendance-select').each(function(){ if($(this).val()==='yes'){ goingCount++; } });
				if (!isGroup) {
					// Individual: confirm = 1 si al menos un sí (el propio)
					var att = $('#ticketConfirmModalV1 select.attendance-select').first().val();
					var confirm = (att === 'yes') ? '1' : '0';
					if ($('input[name="confirm"]', '#ticketConfirmationFrmV1').length === 0) {
						$('<input type="hidden" name="confirm" />').appendTo('#ticketConfirmationFrmV1');
					}
					$('input[name="confirm"]', '#ticketConfirmationFrmV1').val(confirm);
					$('#passes_confirmed_v1_modal').val(confirm === '1' ? 1 : 0);
				} else {
					// Grupo: confirm = 1 si hay algún sí, passes_confirmed = cantidad de sí
					var confirm = goingCount > 0 ? '1' : '0';
					if ($('input[name="confirm"]', '#ticketConfirmationFrmV1').length === 0) {
						$('<input type="hidden" name="confirm" />').appendTo('#ticketConfirmationFrmV1');
					}
					$('input[name="confirm"]', '#ticketConfirmationFrmV1').val(confirm);
					$('#passes_confirmed_v1_modal').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: $('#ticketConfirmationFrmV1').serializeArray(),
					success: function(resp){
						$('#confirmAssistanceMessageV1Modal').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(){
						$('#confirmAssistanceMessageV1Modal').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