@extends('layouts.admin')

@section('section-title')
    <h2>{{ $title }}</h2>
@endsection

@section('content')
    <main class="eventos-form">
        <form id="frm-eventos" enctype="multipart/form-data" action="{{ $action }}" method="POST" data-return="{{ $form->id ? route('admin.dashboard.home', [$form->id]) : route('admin.events.index') }}" autocomplete="off">
            @csrf
            <input type="hidden" name="_method" value="{{ $method }}">
            <input type="hidden" name="id" id="id" value="{{ $form->id }}">
            <input type="hidden" name="itbis" id="itbis" value="{{ $form->itbis }}">

            <div class="container">
                {{-- HEADER --}}
                <div class="row section-head align-items-center">
                    <div class="col-md-7 section-subtitulo">
                        @if ($form->slug)
                            Url de este evento: <a href="{{ url('/evento/'.$form->slug) }}">{{ url('/evento/'.$form->slug) }}</a>
                        @endif
                    </div>
                    <div class="col-md-5 section-botones">
                        <div class="wrapper-botones">
                            <button type="submit" class="btn btn-primary">
                                <i class="ico-check-wh"></i>
                                Guardar
                            </button>
                            @if ($form->id)
                                <a href="{{ route('admin.dashboard.home', [$form->id]) }}" class="btn btn-secondary">
                                    <i class="ico-chevron-left-wh"></i>
                                    Regresar
                                </a>
                            @else
                                <a href="{{ route('admin.events.index') }}" class="btn btn-secondary">
                                    <i class="ico-chevron-left-wh"></i>
                                    Regresar
                                </a>
                            @endif
                        </div>
                    </div>
                </div>

                {{-- CONTENT --}}
                <div class="row section-content">
                    <div class="col-md-12">
                        <div class="card card-form">
                            <div class="card-header">
                                <h4 class="card-title">
                                    <i class="ico-microphone-or"></i>
                                    Detalles del Evento
                                </h4>
                            </div>
                            <div class="card-body">
                                <ul class="nav nav-pills nav-fill" role="tablist" id="pills-tab">
                                    <li class="nav-item">
                                        <a class="nav-link active" id="pills-general-tab" data-toggle="pill" href="#pills-general" role="tab" aria-controls="pills-general" aria-selected="true">General</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" id="pills-descripcion-tab" data-toggle="pill" href="#pills-descripcion" role="tab" aria-controls="pills-descripcion" aria-selected="false">Descripción</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" id="pills-faq-tab" data-toggle="pill" href="#pills-faq" role="tab" aria-controls="pills-faq" aria-selected="false">Preguntas Frecuentes (FAQS)</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" id="pills-diseno-tab" data-toggle="pill" href="#pills-diseno" role="tab" aria-controls="pills-diseno" aria-selected="false">Diseño</a>
                                    </li>
                                </ul>

                                <div class="tab-content" id="pills-tabContent">
                                    <div class="tab-pane fade show active" id="pills-general" role="tabpanel" aria-labelledby="pills-general-tab">
                                        <div class="row card-cols">
                                            <div class="col-md-6 card-left form-eventos">
                                                <h6 class="card-subtitle">Datos generales</h6>
                                                <div class="form-row">
                                                    <div class="form-group form-default col-md-12">
                                                        <label for="name">Nombre del evento</label>
                                                        <input type="text" class="form-control" name="name" id="name" value="{{ $form->name }}" placeholder="">
                                                    </div>
                                                    <div class="form-group form-default col-md-6">
                                                        <label for="date_start_sales">Fecha inicio de ventas</label>
                                                        <input type="text" class="form-control datetimepicker" name="date_start_sales" id="date_start_sales" value="{{ formatDate($form->date_start_sales, 'Y-m-d H:i:s', 'd/m/Y h:i a') }}" placeholder="">
                                                    </div>
                                                    <div class="form-group form-default col-md-6">
                                                        <label for="date_ends_sales">Fecha máxima de ventas</label>
                                                        <input type="text" class="form-control datetimepicker" name="date_ends_sales" id="date_ends_sales" value="{{ formatDate($form->date_ends_sales, 'Y-m-d H:i:s', 'd/m/Y h:i a') }}" placeholder="">
                                                    </div>
                                                    <div class="form-group form-default col-md-12">
                                                        <label for="place">Lugar del evento</label>
                                                        <input type="text" class="form-control" name="place" id="place" value="{{ $form->place }}" placeholder="">
                                                    </div>
                                                    <div class="form-group form-default col-md-12">
                                                        <label for="category_id">Categoria</label>
                                                        <select name="category_id" id="category_id" class="form-control">
                                                            <option selected value="">Seleccione</option>
                                                            {!! selectHTML($categories_list, $form->category_id, ['id', 'name']) !!}
                                                        </select>
                                                    </div>
                                                    <div class="form-group form-default col-md-12">
                                                        <label for="max_sales_quantity">Cantidad máxima de boletas para ventas</label>
                                                        <input type="number" class="form-control" name="max_sales_quantity" id="max_sales_quantity" value="{{ old('max_sales_quantity', isset($form->max_sales_quantity) ? $form->max_sales_quantity : '') }}" placeholder="Dejar vacío para sin límite" min="0">
                                                        <small class="form-text text-muted">Límite total de boletas activas permitidas para este evento. Dejar vacío para no aplicar límite.</small>
                                                    </div>
                                                </div>

                                                <h6 class="card-subtitle">Fechas del evento</h6>
                                                <div class="form-row event-dates">
                                                    @foreach ($form->dates as $date)
                                                                                                                <div class="input-group input-group-default col-md-6 mb-3">
                                                            <input type="hidden" name="date_id[]" value="{{ $date->id }}">
                                                            <input type="text" name="date[]" data-id="{{ $date->id }}" title="{{ $date->date }}" value="{{ formatDate($date->date, 'Y-m-d H:i:s', 'd/m/Y h:i a') }}" class="form-control datetimepicker">
                                                            @if ($btn_remove)
                                                                <div class="input-group-append">
                                                                    <span class="input-group-text">
                                                                        <a href="javascript:void(0);" class="remove-event-date">
                                                                            <i class="fa fa-remove"></i>
                                                                        </a>
                                                                    </span>
                                                                </div>
                                                            @endif
                                                        </div>
                                                    @endforeach
                                                </div>
                                                <button type="button" class="btn btn-light mx-auto d-block" id="add-event-dates">
                                                    Agregar Fecha
                                                </button>
                                            </div>
                                            <div class="col-md-6 card-right conf-compras">
                                                <h6 class="card-subtitle">Configuración del formulario de compra</h6>

                                                <ul class="nav nav-tabs" role="tablist">
                                                    <li class="nav-item">
                                                        <a class="nav-link active" id="form-web-tab" data-toggle="tab" href="#form-web" role="tab" aria-controls="form-web" aria-selected="true">Form. Web</a>
                                                    </li>
                                                    <li class="nav-item">
                                                        <a class="nav-link" id="form-special-tab" data-toggle="tab" href="#form-special" role="tab" aria-controls="form-special" aria-selected="false">Form. Accesos</a>
                                                    </li>
                                                </ul>
                                                <div class="tab-content tab-form mb-3">
                                                    <div class="tab-pane fade show active" id="form-web" role="tabpanel" aria-labelledby="form-web-tab">
                                                        <div class="row row-info">
                                                            <div class="col conf-campos">
                                                                <span>Campos requeridos</span>
                                                                <select multiple class="form-control fields" name="registration_fields[]" id="registration_fields">
                                                                    {!! selectHTML($form->registration_fields, null, ['name', 'caption']) !!}
                                                                </select>
                                                            </div>
                                                            <div class="col-1 conf-btn">
                                                                <button type="button" class="btn btn-default btn-sm mx-auto d-block item-left" id="item-left">
                                                                    <i class="ico-chevron-left"></i>
                                                                </button>
                                                                <button type="button" class="btn btn-default btn-sm mx-auto d-block item-right" id="item-right">
                                                                    <i class="ico-chevron-right"></i>
                                                                </button>
                                                            </div>
                                                            <div class="col conf-listado">
                                                                <span>Listado de Campos</span>
                                                                <select multiple class="form-control fields" id="registration_fields_list">
                                                                    {!! selectHTML($registration_fields_list, null, ['name', 'caption']) !!}
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="tab-pane fade" id="form-special" role="tabpanel" aria-labelledby="form-special-tab">
                                                        <div class="row row-info">
                                                            <div class="col conf-campos">
                                                                <span>Campos requeridos</span>
                                                                <select multiple class="form-control fields" name="registration_fields_special[]" id="registration_fields_special">
                                                                    {!! selectHTML($form->registration_fields_special, null, ['name', 'caption']) !!}
                                                                </select>
                                                            </div>
                                                            <div class="col-1 conf-btn">
                                                                <button type="button" class="btn btn-default btn-sm mx-auto d-block item-left" id="item-left-special">
                                                                    <i class="ico-chevron-left"></i>
                                                                </button>
                                                                <button type="button" class="btn btn-default btn-sm mx-auto d-block item-right" id="item-right-special">
                                                                    <i class="ico-chevron-right"></i>
                                                                </button>
                                                            </div>
                                                            <div class="col conf-listado">
                                                                <span>Listado de Campos</span>
                                                                <select multiple class="form-control fields" id="registration_fields_list_special">
                                                                    {!! selectHTML($registration_fields_list_special, null, ['name', 'caption']) !!}
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="form-row">
                                                    <div class="form-group form-default col-md-6">
                                                        <label for="labeled">¿Este evento requiere que cada boleta tenga asignado un nombre?</label>
                                                        <select name="labeled" id="labeled" class="form-control">
                                                            <option selected value="">Seleccione</option>
                                                            {!! selectHTML($bool, (!empty($form->configuration['labeled']) ? $form->configuration['labeled'] : false)) !!}
                                                        </select>
                                                    </div>
                                                    <div class="form-group form-default col-md-6">
                                                        <label for="private" class="l-2">¿Este evento es privado?</label>
                                                        <select name="private" id="private" class="form-control">
                                                            <option selected value="">Seleccione</option>
                                                            {!! selectHTML($bool, (!empty($form->configuration['private']) ? $form->configuration['private'] : false)) !!}
                                                        </select>
                                                    </div>
                                                    <div class="form-group form-default col-md-6">
                                                        <label for="min_age">Edad minima para el evento</label>
                                                        <input type="number" name="min_age" id="min_age" class="form-control" min="0" value="{{ !empty($form->configuration['min_age']) ? $form->configuration['min_age'] : 0 }}">
                                                    </div>
                                                    <div class="form-group form-default col-md-6">
                                                        <label for="register_assistance" class="">Registrar asistencia boletas de cortesia</label>
                                                        <select name="register_assistance" id="register_assistance" class="form-control">
                                                            <option selected value="">Seleccione</option>
                                                            {!! selectHTML($bool, (!empty($form->configuration['register_assistance']) ? $form->configuration['register_assistance'] : false)) !!}
                                                        </select>
                                                    </div>
                                                    <div class="form-group form-default col-md-6">
                                                        <label for="allow_reentries" class="">Permitir reentradas</label>
                                                        <select name="allow_reentries" id="allow_reentries" class="form-control">
                                                            <option selected value="">Seleccione</option>
                                                            {!! selectHTML($bool, (!empty($form->configuration['allow_reentries']) ? $form->configuration['allow_reentries'] : false)) !!}
                                                        </select>
                                                    </div>
                                                    <div class="form-group form-default col-md-6">
                                                        <label for="max_tickets">Cantidad de tickets p/persona</label>
                                                        <input type="number" name="max_tickets" id="max_tickets" class="form-control" min="0" max="10" value="{{ !empty($form->configuration['max_tickets']) ? $form->configuration['max_tickets'] : 0 }}">
                                                    </div>
                                                    <div class="form-group form-default col-md-6">
                                                        <label for="seat_enumeration">Enumerar asientos</label>
                                                        <select name="seat_enumeration" id="seat_enumeration" class="form-control">
                                                            <option value="">Seleccione</option>
                                                            {!! selectHTML($bool, (!empty($form->configuration['seat_enumeration']) ? $form->configuration['seat_enumeration'] : false)) !!}
                                                        </select>
                                                    </div>
                                                    <div class="form-group form-default col-md-6">
                                                        <label for="guest_checkout">Permitir compra sin registrarse</label>
                                                        <select name="guest_checkout" id="guest_checkout" class="form-control">
                                                            <option value="">Seleccione</option>
                                                            {!! selectHTML($bool, (!empty($form->configuration['guest_checkout']) ? $form->configuration['guest_checkout'] : false)) !!}
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="pills-descripcion" role="tabpanel" aria-labelledby="pills-descripcion-tab">
                                        <div class="row card-cols">
                                            <div class="col-md-6 card-left">
                                                <h6 class="card-subtitle">Descripción del Evento</h6>
                                                <div class="form-row">
                                                    <div class="form-group form-default col-md-12">
                                                        <label for="name">Descripción</label>
                                                        <textarea class="form-control" name="description" id="description" placeholder="" rows="10">{{ $form->description }}</textarea>
                                                    </div>
                                                    <div class="form-group form-default col-md-12">
                                                        <label for="map">URL del mapa de Google Maps</label>
                                                        <input type="text" class="form-control" name="map" id="map" value="{{ $form->map }}" placeholder="https://www.google.com/maps/embed?pb=...">
                                                        <small class="form-text text-muted">
                                                            Copiar solo la URL del src del iframe de Google Maps. Ejemplo: En Google Maps, haz clic en "Compartir" > "Insertar un mapa" y copia solo la URL que está dentro de src="..."
                                                        </small>
                                                    </div>
                                                    <div class="form-group form-default col-md-12">
                                                        <label for="meta_pixel">Pixel de Meta</label>
                                                        <textarea class="form-control" name="meta_pixel" id="meta_pixel" rows="8" placeholder="<!-- Meta Pixel Code -->">{{ $form->meta_pixel }}</textarea>
                                                        <small class="form-text text-muted">
                                                            Pegar el código completo del Pixel de Meta (Facebook). Opcional.
                                                        </small>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6 card-right">
                                                <h6 class="card-subtitle">Imagen del Evento</h6>
                                                <input type="file" name="image" id="image" class="file-preview d-none" />
                                                <img id="image-preview" src="{{ $form->image ? url('storage/'.$form->image) : asset('images/preview-default.png') }}" class="img-thumbnail img-preview rounded mx-auto d-block" data-preview="image" alt="Imagen" />
                                                <small id="passwordHelpBlock" class="form-text text-muted text-center">
                                                    Tamaño de imagen recomendado (360x360)
                                                </small>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="pills-faq" role="tabpanel" aria-labelledby="pills-faq-tab">
                                        <textarea name="faq" id="faq" class="d-none"></textarea>
                                        <textarea id="faq_editor" class="editor" style="height:350px;">{{ $form->faq }}</textarea>
                                    </div>
                                    <div class="tab-pane fade" id="pills-diseno" role="tabpanel" aria-labelledby="pills-diseno-tab">
                                        <div class="row card-cols">
                                            <div class="col-md-6 card-left">
                                                <h6 class="card-subtitle">Configuración de Plantilla PDF</h6>
                                                <div class="form-row">
                                                    <div class="form-group form-default col-md-12">
                                                        <label for="pdf_theme">Plantilla</label>
                                                        <select name="pdf_theme" id="pdf_theme" class="form-control">
                                                            <option value="default" {{ (!empty($form->configuration['pdf_theme']) && $form->configuration['pdf_theme'] == 'default') || empty($form->configuration['pdf_theme']) ? 'selected' : '' }}>Por defecto</option>
                                                            <option value="custom" {{ !empty($form->configuration['pdf_theme']) && $form->configuration['pdf_theme'] == 'custom' ? 'selected' : '' }}>Customizado (Vertical)</option>
                                                            <option value="custom2" {{ !empty($form->configuration['pdf_theme']) && $form->configuration['pdf_theme'] == 'custom2' ? 'selected' : '' }}>Customizado (Horizontal)</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div id="pdf-custom-fields" style="{{ !empty($form->configuration['pdf_theme']) && in_array($form->configuration['pdf_theme'], ['custom', 'custom2']) ? '' : 'display: none;' }}">
                                                    <div class="form-row">
                                                        <div class="form-group form-default col-md-12">
                                                            <label for="pdf_bg">Fondo</label>
                                                            <input type="file" name="pdf_bg" id="pdf_bg" class="form-control-file" accept="image/*" />
                                                            @if (!empty($form->configuration['pdf_bg']))
                                                                <div class="mt-2">
                                                                    <img src="{{ url('storage/'.$form->configuration['pdf_bg']) }}" class="img-thumbnail" style="max-height: 100px;" alt="Fondo actual" />
                                                                    <small class="form-text text-muted">
                                                                        Imagen actual
                                                                        @if (!empty($form->configuration['pdf_width']) && !empty($form->configuration['pdf_height']))
                                                                            ({{ $form->configuration['pdf_width'] }}x{{ $form->configuration['pdf_height'] }}px)
                                                                        @endif
                                                                    </small>
                                                                </div>
                                                            @endif
                                                            <small class="form-text text-muted">El ancho y alto se detectan automáticamente de la imagen.</small>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="card card-form">
                            <div class="card-header">
                                <h4 class="card-title">
                                    <i class="ico-billets-or"></i>
                                    Boletas
                                </h4>
                            </div>
                            <div class="card-body">
                                <div class="row card-cols">
                                    <div class="col-md-6 card-left form-boletas">
                                        <h6 class="card-subtitle">Datos de boletas</h6>
                                        <input type="hidden" id="ticket-action" value="">
                                        <input type="hidden" id="ticket-id" value="">
                                        <input type="hidden" id="ticket-locked" value="0">

                                        <div class="form-row">
                                            <div class="form-group form-default col-md-12">
                                                <label for="ticket-name">Nombre del tipo de boleta</label>
                                                <input type="text" class="form-control form-ticket" id="ticket-name" placeholder="">
                                            </div>

                                            <div class="form-group form-default col-md-6">
                                                <label for="ticket-valid-since">Vigencia venta desde</label>
                                                <input type="text" class="form-control form-ticket datetimepicker" id="ticket-valid-since" placeholder="">
                                            </div>
                                            <div class="form-group form-default col-md-6">
                                                <label for="ticket-valid-until">Vigencia venta hasta</label>
                                                <input type="text" class="form-control form-ticket datetimepicker" id="ticket-valid-until" placeholder="">
                                            </div>

                                            <div class="form-group form-default col-md-6">
                                                <label for="ticket-event-date-id">Fecha del Evento</label>
                                                <select id="ticket-event-date-id" class="form-control selectpicker" title="Seleccione" multiple>
                                                    @foreach ($form->dates as $date)
                                                        <option value="{{ $date->id }}">{{ formatDate($date->date, 'Y-m-d H:i:s', 'd/m/Y h:i a') }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                            <div class="form-group form-default col-md-6">
                                                <label for="ticket-total-sales-tickets">Cantidad de boletas para ventas</label>
                                                <input type="number" class="form-control form-ticket text-center" id="ticket-total-sales-tickets" min="1" placeholder="">
                                                <input type="hidden" id="ticket-available-sales-tickets">
                                            </div>

                                            <div class="form-group form-default col-md-6">
                                                <label for="ticket-total-courtesy-tickets">Cantidad de boletas de cortesía</label>
                                                <input type="number" class="form-control form-ticket text-center" id="ticket-total-courtesy-tickets" min="0" placeholder="">
                                                <input type="hidden" id="ticket-available-courtesy-tickets">
                                            </div>
                                            <div class="form-group form-default col-md-6">
                                                <label for="ticket-locked-tickets">Cantidad de boletas bloqueadas</label>
                                                <input type="number" class="form-control form-ticket text-center" id="ticket-locked-tickets" min="0" placeholder="">
                                            </div>
                                        </div>

                                        <h6 class="card-subtitle clearfix">Precio de la boleta</h6>
                                        <div class="form-row">
                                            <div class="form-group form-default col-md-6 clearfix">
                                                <label for="ticket-price-base">Precio base</label>
                                                <input type="text" class="form-control form-ticket money text-right price" id="ticket-price-base" placeholder="">
                                            </div>
                                            <div class="form-group form-default col-md-6">
                                                <label for="ticket-price-cxs">Costo x servicio</label>
                                                <input type="text" class="form-control form-ticket money text-right price" id="ticket-price-cxs" placeholder="">
                                            </div>
                                            <div class="form-group form-default col-md-6">
                                                <label for="ticket-price-itbis">ITBIS ({{ $form->itbis }}%)</label>
                                                <input type="text" class="form-control form-ticket money text-right" id="ticket-price-itbis" placeholder="" readonly>
                                            </div>
                                            <div class="form-group form-default col-md-6">
                                                <label for="ticket-price">Precio total</label>
                                                <input type="text" class="form-control form-ticket money text-right" id="ticket-price" placeholder="" readonly>
                                            </div>

                                            <div class="form-group col-md-6">
                                                <label for="">&nbsp;</label>
                                                <button type="button" class="btn btn-primary btn-block" id="btn-add-ticket" data-check="{{ route('admin.events.check.tickets', [$form->id]) }}">
                                                    <i class="ico-check-wh"></i>
                                                    Guardar tipo de boleta
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6 card-right lista-boletas">
                                        <h6 class="card-subtitle">Tipos de boletas registradas</h6>

                                        <div class="row row-info">
                                            <div class="table-data fields">
                                                <ul class="list-group selectable" id="tickets-list">
                                                                                                        @if (isset($form->tickets) && !empty($form->tickets))
                                                        @foreach ($form->tickets as $ticket)
                                                                                                                        <li class="list-group-item list-group-item-ticket" @foreach ($ticket->ticketsDates as $item) data-event_date_{{ $item->event_date_id }} @endforeach data-ticket_id="{{ $ticket->id }}">
                                                                <input type="hidden" name="ticket[action][]" value="edit">
                                                                <input type="hidden" name="ticket[locked][]" value="{{ ((count($ticket->reservation_tickets) == 0 && count($ticket->access_tickets) == 0) ? 0 : 1) }}">
                                                                <input type="hidden" name="ticket[id][]" value="{{ $ticket->id }}">
                                                                <input type="hidden" name="ticket[event_date_id][]" value="{{ implode(',', $event_date_id) }}">
                                                                <input type="hidden" name="ticket[name][]" value="{{ $ticket->name }}">
                                                                <input type="hidden" name="ticket[valid_since][]" value="{{ formatDate($ticket->valid_since, 'Y-m-d H:i:s', 'd/m/Y h:i a') }}">
                                                                <input type="hidden" name="ticket[valid_until][]" value="{{ formatDate($ticket->valid_until, 'Y-m-d H:i:s', 'd/m/Y h:i a') }}">
                                                                <input type="hidden" name="ticket[price][]" value="{{ maskNumber($ticket->price) }}">
                                                                <input type="hidden" name="ticket[price_base][]" value="{{ maskNumber($ticket->base_price) }}">
                                                                <input type="hidden" name="ticket[price_cxs][]" value="{{ maskNumber($ticket->cost_service) }}">
                                                                <input type="hidden" name="ticket[price_itbis][]" value="{{ maskNumber($ticket->itbis_cxs) }}">
                                                                <input type="hidden" name="ticket[total_sales_tickets][]" value="{{ $ticket->total_sales_tickets }}">
                                                                <input type="hidden" name="ticket[total_courtesy_tickets][]" value="{{ $ticket->total_courtesy_tickets }}">
                                                                <input type="hidden" name="ticket[available_sales_tickets][]" value="{{ $ticket->available_sales_tickets }}">
                                                                <input type="hidden" name="ticket[available_courtesy_tickets][]" value="{{ $ticket->available_courtesy_tickets }}">
                                                                <input type="hidden" name="ticket[locked_tickets][]" value="{{ $ticket->locked_tickets }}">
                                                                {{ $ticket->name }} ({{ maskNumber($ticket->price) }}) {{ $ticket->total_sales_tickets }} Boletas / {{ $ticket->total_courtesy_tickets }} Cortesia
                                                                <div class="list-group-opt">
                                                                    <a href="javascript:" class="btn-edit-ticket"><i class="fa fa-pencil fa-1" aria-hidden="true"></i></a>
                                                                    @if (count($ticket->reservation_tickets) == 0 && count($ticket->access_tickets) == 0)
                                                                        <a href="javascript:" class="btn-remove-ticket"><i class="fa fa-minus fa-1" aria-hidden="true"></i></a>
                                                                    @endif
                                                                </div>
                                                            </li>
                                                                                                                    @endforeach
                                                    @endif
                                                </ul>
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-md-6">
                                                <h5>Tipos de boletas registradas</h5>
                                                <span class="lbl-total" id="tickets-total">{{ $tickets_total }}</span>
                                            </div>
                                            <div class="col-md-6">
                                                <h5>Total de boletas</h5>
                                                <span class="lbl-total" id="available-sales-tickets-sum">{{ $total_sales_tickets_sum }}</span>
                                            </div>
                                        </div>
                                        @if (!empty($form->id))
                                            <div class="row mt-3">
                                                <div class="col-md-12 text-center">
                                                    <button type="button" class="btn btn-success mr-2" id="btn-export-format" data-event-id="{{ $form->id }}">
                                                        <i class="fa fa-download"></i> Exportar Formato
                                                    </button>
                                                    <button type="button" class="btn btn-primary" id="btn-import-tickets" data-toggle="modal" data-target="#importTicketsModal">
                                                        <i class="fa fa-upload"></i> Importar Boletas
                                                    </button>
                                                </div>
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </main>

    <!-- Import Tickets Modal -->
    <div class="modal fade" id="importTicketsModal" tabindex="-1" role="dialog" aria-labelledby="importTicketsModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="importTicketsModalLabel">Importar Boletas</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form id="importTicketsForm" enctype="multipart/form-data">
                    <div class="modal-body">
                        @csrf
                        <input type="hidden" name="event_id" value="{{ $form->id ?? '' }}">

                        <div class="form-group">
                            <label for="import-event-date-id">Fecha del evento</label>
                            <select name="event_date_id" id="import-event-date-id" class="form-control selectpicker" required>
                                <option value="">Seleccionar fecha...</option>
                                @if (!empty($form->dates))
                                    @foreach ($form->dates as $date)
                                        <option value="{{ $date->id }}">{{ formatDate($date->date, 'Y-m-d H:i:s', 'd/m/Y h:i a') }}</option>
                                    @endforeach
                                @endif
                            </select>
                        </div>

                        <div class="form-group">
                            <label for="import-file">Archivo Excel</label>
                            <input type="file" name="import_file" id="import-file" class="form-control-file" accept=".xlsx,.xls" required>
                            <small class="form-text text-muted">Selecciona un archivo Excel (.xlsx o .xls)</small>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                        <button type="submit" class="btn btn-primary">
                            <i class="fa fa-upload"></i> Importar
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script src="https://cdn.ckeditor.com/4.22.1/standard/ckeditor.js"></script>
    <script src="{{ asset('js/admin/events.js') }}?v={{ filemtime(public_path('js/admin/events.js')) }}"></script>
@endsection