@extends('layouts.web')

@section('content')
    <main class="eventos web">
        <div class="container">
            <div class="row">
                <div class="col">
                    <form method="POST" action="{{ $view_company ? route('access.payment', $event->id) : route('web.payment', $event->id) }}" id="frm-confirm-payment"
                        data-return="{{ $view_company ? route('access.home') : route('web.home') }}">
                        @csrf
                        @method('PUT')

                        <div class="card card-event-detail confirm">
                            <div class="card-header">
                                <div class="row">
                                    <div class="col-xl-10 col-lg-9 col-md-9">
                                        <div class="media">
                                            <img src="{{ $event->image ? url('storage/'.$event->image) : asset('images/preview-default.png') }}" class="mr-3" alt="{{ $event->name }}">
                                            <div class="media-body">
                                                <h5 class="mt-0">{{ $event->name }}</h5>
                                                Por favor complete el registro dentro de 8 minutos, despues de los 8 minutos la reserva será cancelada.
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xl-2 col-lg-3 col-md-3 text-right">
                                        <a href="{{ $view_company ? route('access.event', $event->slug) : route('web.event', $event->slug) }}" class="btn btn-secondary">
                                            <i class="fa fa-chevron-left" aria-hidden="true"></i>
                                            Regresar
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="card-body">
                                @php
                                    $show_guest_form = $show_guest_form ?? false;
                                @endphp
                                @if (!Auth::check() && !$show_guest_form)
                                    <div class="alert alert-warning alert-dismissible fade show" role="alert">
                                        <strong>¡Atención!</strong> Debes tener la sesión iniciada para poder comprar boletas.
                                        <a href="#" data-toggle="modal" data-target="#modalLogin" class="alert-link">Accede a tu cuenta aquí</a>
                                        o <a href="#" data-toggle="modal" data-target="#modalRegister" class="alert-link">regístrate aquí</a>
                                    </div>
                                @endif

                                <div class="card card-resumen">
                                    <div class="card-header">
                                        RESUMEN DEL PEDIDO
                                    </div>
                                    @if ($event->configuration['labeled'] == 1)
                                        <div class="alert alert-primary mt-2" role="alert">
                                            Para que cada persona reciba su boleta en su buzón de correo, es necesario indicar el email para cada boleta.
                                        </div>
                                    @endif
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <th scope="col">TIPO DE BOLETA</th>
                                                <th scope="col" class="text-center">CANTIDAD</th>
                                                <th scope="col">PRECIO UNITARIO</th>
                                                <th scope="col" class="text-right">TOTAL</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                                                                        @foreach ($resumen as $item)
                                                                                                <tr>
                                                    <td>
                                                        @if ($item->left >= 0)
                                                            <input type="hidden" name="event_ticket_id[]" value="{{ $item->id }}">
                                                            @if ($event->configuration['labeled'] == 1)
                                                                <a href="javascript:" class="ticket-print d-none" data-id="{{ $item->id }}">-</a>
                                                            @endif
                                                        @endif
                                                        {{ $item->name }}
                                                    </td>
                                                    <td class="text-center">{{ $item->qty }}</td>
                                                    <td>{{ maskNumber($item->price) }}</td>
                                                    @if ($item->left >= 0)
                                                        <td class="text-right">{{ maskNumber($price_total) }}</td>
                                                    @else
                                                        <td>
                                                            <div style="max-width: 250px;" class="alert alert-danger float-right" role="alert">
                                                                {{ $item->available >= 0 ? 'No existe la cantidad solicitada' : 'No hay boletas disponibles' }}
                                                            </div>
                                                        </td>
                                                    @endif
                                                </tr>
                                                @php
                                                    $is_labeled = !empty($event->configuration['labeled']) && $event->configuration['labeled'] == 1;
                                                    $has_seats  = !empty($event->configuration['seat_enumeration']) && $event->configuration['seat_enumeration'] == 1;
                                                @endphp
                                                @if ($item->left >= 0 && ($is_labeled || $has_seats))
                                                    <tr id="ticket-print-{{ $item->id }}" class="ticket-print-wrapper">
                                                        <td colspan="4" class="bt-none">
                                                            <div class="container">
                                                                @for ($i = 1; $i <= $item->qty; $i++)
                                                                    <div class="row mb-1">
                                                                        @if ($is_labeled)
                                                                            <div class="col-xl-4 col-md-4 col-sm-6">
                                                                                <label for=""><small><b>Ticket #{{ $i }}</b></small></label>
                                                                                <input type="text" class="form-control" name="ticket[name][]" placeholder="Nombre">
                                                                            </div>
                                                                            <div class="col-xl-4 col-md-4 col-sm-6">
                                                                                <label for="" class="d-none d-md-block">&nbsp;</label>
                                                                                <input type="email" class="form-control" name="ticket[email][]" placeholder="e-mail">
                                                                            </div>
                                                                            {{-- <div class="col-xl-4 col-md-4 col-sm-6">
                                                                                <label for="" class="d-none d-md-block">&nbsp;</label>
                                                                                <input type="text" class="form-control" name="ticket[member_id][]" placeholder="Nro. de socio">
                                                                            </div> --}}
                                                                        @endif
                                                                        @if ($has_seats)
                                                                            <div class="col-xl-4 col-md-4 col-sm-6">
                                                                                <label for="" class="{{ $is_labeled ? 'd-none d-md-block' : '' }}">
                                                                                    @if ($is_labeled)
                                                                                        &nbsp;
                                                                                    @else
                                                                                        <small><b>Ticket #{{ $i }}</b></small>
                                                                                    @endif
                                                                                </label>
                                                                                <select class="form-control" name="ticket[seat][]" id="">
                                                                                    <option value="0">Asiento</option>
                                                                                    @for($j = 1; $j <= $item->total_sales_tickets; $j++)
                                                                                        @if (!in_array($j, $item->occupied_seats))
                                                                                            <option value="{{ $j }}">{{ $j }}</option>
                                                                                        @endif
                                                                                    @endfor
                                                                                </select>
                                                                            </div>
                                                                        @else
                                                                            <input type="hidden" name="ticket[seat][]" value="0">
                                                                        @endif
                                                                    </div>
                                                                @endfor
                                                            </div>
                                                        </td>
                                                    </tr>
                                                @endif
                                                @if ($item->left >= 0 && $has_seats)
                                                    <tr>
                                                        <td colspan="4">
                                                            <div class="d-flex gap-1 flex-wrap" style="gap: 5px;">
                                                                @for($k = 1; $k <= $item->total_sales_tickets; $k++)
                                                                    <span class="badge badge-{{ in_array($k, $item->occupied_seats) ? 'danger' : 'success' }}">
                                                                        {{ $k }}
                                                                    </span>
                                                                @endfor
                                                            </div>
                                                        </td>
                                                    </tr>
                                                @endif
                                            @endforeach
                                        </tbody>
                                        <tfoot>
                                            <tr>
                                                <th colspan="4" class="text-right">
                                                    TOTAL: {{ maskNumber($total) }}
                                                </th>
                                            </tr>
                                        </tfoot>
                                    </table>
                                </div>

                                <div class="card card-resumen">
                                    <div class="card-header">
                                        CUPÓN DE DESCUENTO
                                    </div>
                                    <div class="card-body">
                                        <div class="form-row">
                                            <div class="col-md-6 form-group">
                                                <label for="coupon_code">Código de cupón{{ ($coupon_required ?? false) ? ' *' : '' }}</label>
                                                <input type="text" name="coupon_code" id="coupon_code" class="form-control" value="{{ old('coupon_code') }}" placeholder="Ingrese su cupón" {{ ($coupon_required ?? false) ? 'required' : '' }}>
                                            </div>
                                        </div>
                                        @if ($coupon_required ?? false)
                                            <small class="text-muted">Tiene un cupón promocional asignado para este evento; es obligatorio ingresarlo.</small>
                                        @else
                                            <small class="text-muted">El cupón se aplicará al total al confirmar el pago.</small>
                                        @endif
                                    </div>
                                </div>

                                @if ($show_guest_form)
                                    <div class="alert alert-info" role="alert">
                                        ¿Ya tienes cuenta?
                                        <a href="#" data-toggle="modal" data-target="#modalLogin" class="alert-link">Inicia sesión</a>
                                        (opcional). También puedes comprar sin registrarte completando tus datos.
                                    </div>
                                @elseif (!Auth::check())
                                    <div class="card card-resumen">
                                        <div class="card-header">
                                            OPCIONES DE ACCESO
                                        </div>
                                        <div class="card-body">
                                            <div class="row">
                                                <div class="col-md-6 text-center">
                                                    <h6 class="mb-3">¿Ya tienes cuenta?</h6>
                                                    <a href="#" data-toggle="modal" data-target="#modalLogin" class="btn btn-primary btn-block">
                                                        INICIAR SESIÓN
                                                    </a>
                                                </div>
                                                <div class="col-md-6 text-center">
                                                    <h6 class="mb-3">¿No tienes cuenta?</h6>
                                                    <button type="button" class="btn btn-success btn-block" data-toggle="modal" data-target="#modalRegister">
                                                        REGISTRARSE AQUÍ
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endif

                                <div class="card card-resumen">
                                    <div class="card-header">
                                        @if ($view_company || $show_guest_form)
                                            DATOS DEL COMPRADOR
                                        @else
                                            @if (Auth::check())
                                                Hola, {{ Auth::user()->person->fullname }}
                                            @else
                                                REGISTRO
                                            @endif
                                        @endif
                                    </div>
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-xl-12">
                                                @if ($show_guest_form)
                                                    <div class="form-row">
                                                        <div class="col-md-6 form-group">
                                                            <label for="name">Nombre *</label>
                                                            <input type="text" name="name" id="name" class="form-control" maxlength="100" autocomplete="given-name">
                                                        </div>
                                                        <div class="col-md-6 form-group">
                                                            <label for="lastname">Apellido *</label>
                                                            <input type="text" name="lastname" id="lastname" class="form-control" maxlength="100" autocomplete="family-name">
                                                        </div>
                                                        <div class="col-md-6 form-group">
                                                            <label for="email">e-mail *</label>
                                                            <input type="email" name="email" id="email" class="form-control" autocomplete="email">
                                                        </div>
                                                        <div class="col-md-6 form-group">
                                                            <label for="email_confirmation">Confirmar e-mail *</label>
                                                            <input type="email" name="email_confirmation" id="email_confirmation" class="form-control" autocomplete="off">
                                                        </div>
                                                    </div>
                                                    <p class="text-muted"><small>Las boletas se enviarán a este e-mail.</small></p>
                                                @elseif ($registration_fields->count())
                                                    @if (!Auth::check())
                                                        @if ($registration_fields->firstWhere('name', 'fullname') || $registration_fields->firstWhere('name', 'email'))
                                                            <h5>DATOS DEL COMPRADOR</h5>
                                                            <div class="form-row">
                                                                @if ($registration_fields->firstWhere('name', 'fullname'))
                                                                    <div class="col-md-6 form-group">
                                                                        <label for="name">Nombre *</label>
                                                                        <input type="text" name="name" class="form-control" placeholder="">
                                                                    </div>
                                                                    <div class="col-md-6 form-group">
                                                                        <label for="lastname">Apellido *</label>
                                                                        <input type="text" name="lastname" class="form-control" placeholder="">
                                                                    </div>
                                                                @endif
                                                                @if ($registration_fields->firstWhere('name', 'email'))
                                                                    <div class="col-md-6 form-group">
                                                                        <label for="email">e-mail *</label>
                                                                        <input type="email" name="email" class="form-control" placeholder="">
                                                                    </div>
                                                                    <div class="col-md-6 form-group">
                                                                        <label for="email_confirmation">Confirmar e-mail *</label>
                                                                        <input type="email" name="email_confirmation" class="form-control" placeholder="">
                                                                    </div>
                                                                    <div class="col-md-6 form-group">
                                                                        <label for="password">Password *</label>
                                                                        <input type="password" name="password" class="form-control" placeholder="">
                                                                    </div>
                                                                    <div class="col-md-6 form-group">
                                                                        <label for="password_confirmation">Confirmar password *</label>
                                                                        <input type="password" name="password_confirmation" class="form-control" placeholder="">
                                                                    </div>
                                                                @endif
                                                            </div>
                                                        @endif
                                                    @endif
                                                @endif

                                                @if ($aditional_fields->count())
                                                    <div class="form-row">
                                                        <div class="col-12">
                                                            <h5>DATOS ADICIONALES</h5>
                                                            <div class="form-row">
                                                                @foreach ($aditional_fields as $field)
                                                                    <div class="col-md-6 form-group">
                                                                        <label for="{{ $field['name'] }}">{{ $field['caption'] }} *</label>

                                                                        @if ($field['type'] == 'textarea')
                                                                            <textarea name="fields[{{ $field['name'] }}]" placeholder="" class="form-control">{{ !empty($info[$field['name']]) ? $info[$field['name']] : '' }}</textarea>
                                                                        @elseif ($field['type'] == 'select')
                                                                            <select name="fields[{{ $field['name'] }}]" placeholder="" class="form-control">
                                                                                @foreach ($field['values'] as $value)
                                                                                    <option value="{{ $value }}">{{ $value }}</option>
                                                                                @endforeach
                                                                            </select>
                                                                        @else
                                                                            <input type="{{ $field['type'] == 'date' ? 'text' : $field['type'] }}"
                                                                                name="fields[{{ $field['name'] }}]" placeholder="" value="{{ !empty($info[$field['name']]) ? $info[$field['name']] : '' }}"
                                                                                class="form-control {{ $field['type'] == 'date' ? 'datepicker' : '' }}">
                                                                        @endif
                                                                    </div>
                                                                @endforeach
                                                            </div>
                                                        </div>
                                                    </div>
                                                @endif

                                                <div class="form-row">
                                                    <div class="col-12">
                                                        <h5>FORMATO DE ENTREGA DE ENTRADAS</h5>
                                                        <p class="d-none">Seleccione una opción para la entrega de entradas. Para imprimir boletas en casa, seleccione boleta electrónica.</p>
                                                        <div class="form-row">
                                                            <div class="col-md-12 form-group">
                                                                <div class="custom-control custom-radio">
                                                                    <input type="radio" id="ticket_format_1" name="ticket_format" class="custom-control-input" value="1" checked>
                                                                    <label class="custom-control-label" for="ticket_format_1">BOLETA ELECTRÓNICA</label>
                                                                </div>
                                                                <div class="custom-control custom-radio d-none">
                                                                    <input type="radio" id="ticket_format_2" name="ticket_format" class="custom-control-input" value="2">
                                                                    <label class="custom-control-label" for="ticket_format_2">RETIRAR EN PERSONA BOLETA FÍSICA</label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <p class="terms-text">
                                                            <div class="custom-control custom-checkbox {{ $view_company ? 'd-none' : '' }}">
                                                                <input type="checkbox" class="custom-control-input" id="chk_terms" name="chk_terms" value="1" {{ $view_company ? 'checked' : '' }}>
                                                                <label class="custom-control-label" for="chk_terms">
                                                                    Acepto los <a href="{{ route('web.politicas.condiciones') }}" target="_blank"><b>términos de servicio</b></a>
                                                                    y he leído la <a href="{{ route('web.politicas.privacidad') }}" target="_blank"><b>política de privacidad</b></a>.
                                                                    Acepto que Proyes puede compartir mi información con el organizador del evento.
                                                                </label>
                                                            </div>
                                                        </p>
                                                    </div>
                                                </div>

                                                @if (!empty($payment_methods))
                                                    @if ($payment_methods->count() > 0)
                                                        <div class="form-row">
                                                            <div class="col">
                                                                <h5>MÉTODOS DE PAGO</h5>

                                                                <div class="form-row">
                                                                    @php
                                                                        $i = 0;
                                                                    @endphp
                                                                    @foreach ($payment_methods as $item)
                                                                        @php
                                                                            $i++;
                                                                        @endphp
                                                                        <div class="col-sm-6 col-md-3">
                                                                            <div class="custom-control custom-radio">
                                                                                <input type="radio" id="payment_method_{{ $item->id }}" name="payment_method_id" class="custom-control-input" value="{{ $item->id }}" {{ $i == 1 ? 'checked' : '' }}>
                                                                                <label class="custom-control-label" for="payment_method_{{ $item->id }}">
                                                                                    {{ $item->method }}
                                                                                </label>
                                                                            </div>
                                                                        </div>
                                                                    @endforeach
                                                                </div>
                                                            </div>
                                                        </div>
                                                    @endif
                                                @endif
                                            </div>

                                            <div class="col-xl-12">
                                                @if (!empty($payment_methods))
                                                    @if ($payment_methods->count() > 0)
                                                    @endif
                                                @endif
                                            </div>
                                        </div>

                                        <div class="row mt-4">
                                            <div class="col">
                                                <p>* campos requeridos</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="card-footer">
                                <div>
                                    <img src="{{ asset('images/logos-pago/logo_cardnet.png') }}" alt="Métodos de Pago" style="width: auto; height: auto; max-height: 30px;" />
                                </div>
                                <div>
                                    <span>Será dirigido a la pasarela de cardnet</span>
                                    <button type="submit" class="btn btn-primary btn-lg">
                                        CONFIRMAR REGISTRO
                                        {{-- CONFIRMAR COMPRA --}}
                                    </button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </main>
@endsection

@section('scripts')
    @parent

    <script src="{{ asset('js/web/confirm.js') }}"></script>
@endsection