@extends('layouts.app')

@push('plugin-styles')
    <link href="{{ asset('assets/plugins/datatables-net-bs5/dataTables.bootstrap5.css') }}" rel="stylesheet"/>
    <link href="{{ asset('assets/plugins/sweetalert2/sweetalert2.min.css') }}" rel="stylesheet"/>
@endpush

@section('content')
    @if(auth()->user())
        <nav class="page-breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="#">ticket</a></li>
                <li class="breadcrumb-item active" aria-current="page">Informacion</li>
            </ol>
        </nav>
    @endif
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-body">
                    @if(isset($invitado))
                        @if(!$invitado->visualizacion)
                            <div class="row">
                                <div class="col text-center">
                                    <h2 class="title">La información del evento no está disponible</h2>
{{--                                    <h3>Consulte a su administrador</h3>--}}
                                </div>
                            </div>
                        @else
                            <div class="row">
                                <div class="col-12 pe-0 text-center">
                                    @if(isset($invitado->foto))
                                        <img src="{{asset($invitado->foto)}}"
                                             class="img-fluid"
                                             alt="...">
                                    @else
                                        <img src="http://accesotp.com/storage/img/invitados/Sin título.png"
                                             class="img-fluid"
                                             alt="...">
                                    @endif
                                </div>
                                <div class="col-12 ps-0 text-center">
                                    <a href="#" class="noble-ui-logo d-block mt-3">{{$invitado->nombre}}</a>
                                    <p><b>Evento:</b> {{$invitado->evento->descripcion}}</p>
                                    <p><b>Cargo:</b> {{$invitado->cargo}}</p>
                                    <p><b>Procedencia:</b> {{$invitado->entidad}}</p>
                                    {{--                                <p><b>Telefono:</b> {{$invitado->telefono}}</p>--}}
{{--                                    @if($invitado->asignacion()->first() !=  null)--}}
{{--                                        <p><b>Asiento:</b> {{$invitado->asignacion->asiento}}</p>--}}
{{--                                    @endif--}}
                                    {{--                                    <h1> {{$invitado->codigo_verificacion}}</h1>--}}
                                </div>

                                @if(auth()->user())
                                    <button type="button" class="btn btn-primary">Validar asistencia</button>
                                @else
                                    @if(!$invitado->confirmacion)
                                        @if($invitado->isInvitado)
                                            <div class="mt-3">
                                                {!! Form::open(['route'=>['validar.asistencia', $invitado->id], 'method'=>'PUT', 'files' => true, 'role' => 'form','id' => 'invitados']) !!}
                                                <div class="row">
                                                    <div class="col text-center">
                                                        <strong>{!! Form::label('codigo_validacion_asistencia', 'Ingrese el folio de validación ubicado debajo del QR que aparece en su invitación:*', array('class' => 'form-label text-dark')) !!}</strong>
                                                        {!! Form::text('codigo_validacion_asistencia',null, ['class' => 'form-control codigo_validacion_asistencia float-center text-center border-primary', 'id' => 'codigo_validacion_asistencia', "placeholder" => "XXX-XXX"]) !!}
                                                    </div>
                                                </div>
                                                <div class="row mt-4">
                                                    <div class="col text-center">
                                                        <button type="submit" class="btn btn-primary">Confirmar
                                                            asistencia
                                                        </button>
                                                    </div>
                                                </div>
                                                {!! Form::close() !!}
                                            </div>
                                        @endif
                                    @else
                                        <div class="row">
                                            <div class="col text-center">
                                                <h3 class="text-primary">Asistencia confirmada</h3>
                                            </div>
                                        </div>
                                    @endif
                                @endif
                            </div>
                        @endif
                    @else
                        <div class="row">
                            <div class="col text-center">
                                <h2 class="title">¡Lo sentimos no encontramos el registro!</h2>
{{--                                <h3>Consulte a su administrador</h3>--}}
                            </div>
                        </div>
                    @endif

                </div>
            </div>
        </div>
    </div>
@endsection

@push('plugin-scripts')
    <script src="{{ asset('assets/plugins/datatables-net/jquery.dataTables.js') }}"></script>
    <script src="{{ asset('assets/plugins/datatables-net-bs5/dataTables.bootstrap5.js') }}"></script>
    <script src="{{ asset('assets/plugins/sweetalert2/sweetalert2.min.js') }}"></script>
    <script src="{{ asset('assets/plugins/inputmask/jquery.inputmask.bundle.min.js') }}"></script>
@endpush

@push('custom-scripts')
    <script src="{{ asset('assets/js/data-table.js') }}"></script>

    <script type="text/javascript">
        $("#codigo_validacion_asistencia").inputmask({
            mask: "[A|9]{3}-[A|9]{3}",
        });
        @if(session("status"))
        @if(session()->get("status") == "success")
        Swal.fire({
            title: 'Exito',
            text: "Se ha confirmado su asistencia",
            icon: 'success',
            showConfirmButton: false,
            timer: 1500
        })
        @else
        Swal.fire({
            title: 'Error',
            text: "Su código de validación es incorrecto, por favor vuelva a intentarlo",
            icon: 'error',
        })
        @endif
        @endif
    </script>

@endpush