@extends('layouts.web')

@section('content')
    <main class="eventos web">
        <div class="container">
            <div class="row">
                <div class="col">
                    <form method="POST" action="{{ route('access.payment', $event->id) }}" id="frm-confirm-payment" data-return="{{ route('access.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">
                                <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>TIPO DE BOLETA</th>
                                                <th class="text-center">CANTIDAD</th>
                                                <th>PRECIO UNITARIO</th>
                                                <th 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>
                                                @if ($item->left >= 0 && $event->configuration['labeled'] == 1)
                                                    <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">
                                                                        <div class="col-sm-3 col-12">
                                                                            <label for=""><small><b>Ticket #{{ $i }}</b></small></label>
                                                                            <input type="text" class="form-control" name="ticket[name][]" placeholder="Nombre">
                                                                        </div>
                                                                        <div class="col-sm-3 col-12">
                                                                            <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-sm-3 col-12">
                                                                            <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> --}}
                                                                        @if (isset($event->configuration['seat_enumeration']) && $event->configuration['seat_enumeration'] == 1)
                                                                            <div class="col-sm-3 col-12">
                                                                                <label for="" class="d-none d-md-block">&nbsp;</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
                                                <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>
                                                        {{-- @php
                                                            var_dump($item->occupied_seats);
                                                            var_dump($item->total_sales_tickets);
                                                        @endphp --}}
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                        <tfoot>
                                            <tr>
                                                <th colspan="4" class="text-right">
                                                    TOTAL: {{ maskNumber($total) }}
                                                </th>
                                            </tr>
                                        </tfoot>
                                    </table>
                                </div>

                                @if ($coupon_required ?? false)
                                    <div class="card card-resumen">
                                        <div class="card-header">
                                            CUPÓN PROMOCIONAL
                                        </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 *</label>
                                                    <input type="text" name="coupon_code" id="coupon_code" class="form-control" placeholder="Ingrese el cupón asignado" required>
                                                </div>
                                            </div>
                                            <small class="text-muted">Tiene un cupón promocional asignado para este evento; es obligatorio ingresarlo. Se aplicará al total al confirmar.</small>
                                        </div>
                                    </div>
                                @endif

                                @if (!Auth::check())
                                    <div class="wrapper-link-login text-center p-3">
                                        <span>¿Estás registrado?</span>
                                        <a href="#" data-toggle="modal" data-target="#modalLogin">ACCEDE A TU CUENTA</a>
                                    </div>
                                @endif

                                <div class="card card-resumen">
                                    <div class="card-header">
                                        @if ($view_company)
                                            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 ($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

                                                @php
                                                    // Si las boletas no son nominativas, se pide un correo para enviarlas todas allí
                                                    $needs_buyer_email = $event->configuration['labeled'] != 1 && !$aditional_fields->firstWhere('name', 'email_comprador');
                                                    $needs_buyer_name  = $event->configuration['labeled'] != 1 && !$aditional_fields->whereIn('name', ['nombre_comprador', 'nombre'])->count();
                                                @endphp

                                                @if ($aditional_fields->count() || $needs_buyer_email || $needs_buyer_name)
                                                    <div class="form-row">
                                                        <div class="col-12">
                                                            <h5>DATOS ADICIONALES</h5>
                                                            <div class="form-row">
                                                                @if ($needs_buyer_name)
                                                                    <div class="col-md-6 form-group">
                                                                        <label for="nombre_comprador">Nombre del comprador *</label>
                                                                        <input type="text" name="fields[nombre_comprador]" placeholder="" class="form-control" maxlength="100">
                                                                    </div>
                                                                @endif
                                                                @if ($needs_buyer_email)
                                                                    <div class="col-md-6 form-group">
                                                                        <label for="email_comprador">E-mail del comprador (recibirá las boletas) *</label>
                                                                        <input type="email" name="fields[email_comprador]" placeholder="" class="form-control">
                                                                    </div>
                                                                @endif
                                                                @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)
                                                        <div class="form-row">
                                                            <div class="col-12">
                                                                <h5>DATOS DE FACTURACIÓN</h5>
                                                                <div class="form-row">
                                                                    <div class="col-md-12 form-group">
                                                                        <label for="billing_country">Pais *</label>
                                                                        <select name="billing_country" id="billing_country" class="form-control">
                                                                            @foreach ($provinces as $province)
                                                                                <option
                                                                                    value="{{ $province['id'] }}"
                                                                                    data-provinces="{{ json_encode($province['provinces']) }}"

                                                                                    @php
                                                                                        $selectedProvinces = [];
                                                                                        $selected = '';
                                                                                        if (Auth::check() && Auth::user()->billing_country === $province['id']) {
                                                                                            $selected = 'selected';
                                                                                        } else {
                                                                                            if (214 === $province['id']) {
                                                                                                $selected = 'selected';
                                                                                            }
                                                                                        }

                                                                                        if ($selected) {
                                                                                            $selectedProvinces = $province['provinces'];
                                                                                        }

                                                                                        echo $selected;
                                                                                    @endphp
                                                                                >
                                                                                    {{ $province['name'] }}
                                                                                </option>
                                                                            @endforeach
                                                                        </select>
                                                                    </div>

                                                                    <div class="col-md-12 form-group">
                                                                        <label for="billing_province">Provincia *</label>
                                                                        <select name="billing_province" id="billing_province" class="form-control">
                                                                            <option value="">Seleccionar provincia...</option>
                                                                        </select>
                                                                    </div>

                                                                    <div class="col-md-12 form-group">
                                                                        <label for="billing_city">Ciudad *</label>
                                                                        <input type="text" name="billing_city" id="billing_city" class="form-control" placeholder="Ingrese su ciudad" maxlength="100" />
                                                                    </div>

                                                                    <div class="col-md-12 form-group">
                                                                        <label for="billing_address1">Dirección *</label>
                                                                        <input type="text" name="billing_address1" id="billing_address1" class="form-control" placeholder="Ingrese su dirección (línea 1)" maxlength="200" />
                                                                    </div>

                                                                    <div class="col-md-12 form-group">
                                                                        <label for="billing_address2">Dirección 2</label>
                                                                        <input type="text" name="billing_address2" id="billing_address2" class="form-control" placeholder="Ingrese su dirección (línea 2)" maxlength="200" />
                                                                    </div>

                                                                    <div class="col-md-12 form-group">
                                                                        <label for="billing_address3">Dirección 3</label>
                                                                        <input type="text" name="billing_address3" id="billing_address3" class="form-control" placeholder="Ingrese su dirección (línea 3)" maxlength="200" />
                                                                    </div>

                                                                    <div class="col-md-6 form-group">
                                                                        <label for="billing_postcode">Código Postal *</label>
                                                                        <input type="text" name="billing_postcode" id="billing_postcode" class="form-control" placeholder="Ingrese su código postal" maxlength="10" />
                                                                    </div>

                                                                    <div class="col-md-6 form-group">
                                                                        <label for="billing_phone">Teléfono *</label>
                                                                        <input type="tel" name="billing_phone" id="billing_phone" class="form-control" placeholder="Ingrese su teléfono" maxlength="15" />
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    @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>&nbsp;</div>
                                <div>
                                    <span>&nbsp;</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