@extends('layouts.master')

@section('title', 'eventos')

@section('content')
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
                    <h1 class="m-0 text-dark">Organizador <small> Invitados</small> <small> {{ $evento->nombre }} </small> <small> {{ date('d/m/Y',strtotime($evento->fecha)) }}</small></h1>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-2 col-lg-2">
                    {{ Html::linkRoute('organizador.eventos', 'Volver', null, array('class' => 'btn btn-secondary btn-block')) }}
                </div>
                <div class="col-xs-12 col-sm-12 col-md-2 col-lg-2">
                    <button type="button" class="btn btn-secondary btn-block" data-toggle="modal" data-target="#ayudaModal">Ayuda</button>
                </div>
            </div>
        </div>
    </div>

    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    <div class="card">
                        <div class="card-header ui-sortable-handle bg-dark text-light">
                            <h3 class="card-title">
                                <i class="fa-solid fa-users mr-1"></i>
                                {{ $evento->nombre }} &nbsp <small> &nbsp {{ count($evento->invitadosConfirmados) }} &nbsp | &nbsp {{ count($evento->invitadosRecepcionados) }} &nbsp | &nbsp {{ $evento->entradasCantidadTotal() }}</small>
                            </h3>
                            <div class="card-tools">
                                <button type="button" class="btn btn-tool" data-toggle="modal" data-target="#invitadosExportar">
                                    <i class="fa-solid fa-download fa-lg"></i>
                                </button>
                                <button type="button" class="btn btn-tool" data-toggle="modal" data-target="#venta">
                                    <i class="fa-solid fa-solid fa-money-bill fa-lg"></i>
                                </button>
                                <button type="button" class="btn btn-tool" data-toggle="modal" data-target="#entradas">
                                    <i class="fa-solid fa-ticket fa-lg"></i>
                                </button>
                                <button type="button" class="btn btn-tool" data-toggle="modal" data-target="#invitadoAgregar">
                                    <i class="fa-solid fa-plus fa-lg"></i>
                                </button>
                            </div>
                        </div>
                        <div class="card-body">
                            @if(count($evento->invitados))
                                <table id="videos" class="table table-hover table-striped nowrap" style="width:100%">
                                    <thead>
                                        <tr>
                                            <th style="vertical-align: middle;">ID</th>
                                            <th style="vertical-align: middle;">Nombre<br>Telefono</th>
                                            <th style="vertical-align: middle;">Entrada<br>Valor</th>
                                            <th style="vertical-align: middle;">Payment ID</th>
                                            <th style="vertical-align: middle;">Creado<br>Ingreso</th>
                                            <th style="vertical-align: middle;" class="text-center">Bienvenida</th>
                                            <th style="vertical-align: middle;" class="text-center">Mensaje</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($evento->invitadosConfirmados as $key => $invitado)
                                            <tr>
                                                <td style="vertical-align: middle;">{{ sprintf('%06d', $invitado->pivot->id) }}</td>
                                                <td style="vertical-align: middle;">{{ $invitado->name }} {{ $invitado->documento }}<br>{{ $invitado->telefono }}</td>
                                                @if($invitado->pivot->entrada->multiplo == 1)
                                                    <td style="vertical-align: middle;">{{ $invitado->pivot->entrada->nombre }}<br>${{ number_format($invitado->pivot->entrada->valor / $invitado->pivot->entrada->multiplo, 0, '.', '.') }}</td>
                                                @else
                                                    <td style="vertical-align: middle;">{{ $invitado->pivot->entrada->nombre }}<br>${{ number_format($invitado->pivot->entrada->valor / $invitado->pivot->entrada->multiplo, 0, '.', '.') }} &nbsp; <small>${{ number_format($invitado->pivot->entrada->valor, 0, '.', '.') }}</snall></td>
                                                @endif
                                                <td style="vertical-align: middle;">{{ $invitado->pivot->payment_id }}</td>
                                                <td style="vertical-align: middle;">
                                                    {{ date('d/m - H:i:s', strtotime($invitado->pivot->created_at)) }}
                                                    @if($invitado->pivot->fecha_ingreso)
                                                        <br>
                                                        {{ date('d/m - H:i', strtotime($invitado->pivot->fecha_ingreso)) }}
                                                    @endif
                                                </td>
                                                @if($invitado->pivot->entrada_whatsapp == NULL)
                                                    <td class="text-center"><i style="color:inherit" class="fa-solid fa-door-open fa-lg"></i></td>
                                                @elseif ($invitado->pivot->entrada_whatsapp == 1)
                                                    <td class="text-center"><i style="color:green" class="fa-solid fa-door-open fa-lg"></i></td>
                                                @elseif ($invitado->pivot->entrada_whatsapp == 2)
                                                    <td class="text-center"><i style="color:#ffc107;" class="fa-solid fa-door-open fa-lg"></i></td>
                                                @endif
                                                <td class="text-center"><i style="color:{{$invitado->pivot->mensaje_whatsapp ? 'green':'inherit'}};" class="fa-solid fa-envelope fa-lg"></i></td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            @else
                                <div><br><p class="text-center">No Existen Registros</p><br></div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="card">
            <div class="card-header ui-sortable-handle bg-dark text-light">
                <h3 class="card-title">
                    <i class="fa-solid fa-users mr-1"></i>
                    Pendientes Transferencia &nbsp <small> &nbsp {{ count($evento->invitadosTransferenciaPendiente) }}</small>
                </h3>
            </div>
            <div class="card-body">
                @if(count($evento->invitadosTransferenciaPendiente))
                    <table id="pendientes" class="table table-hover table-striped nowrap" style="width:100%">
                        <thead>
                            <tr>
                                <th style="vertical-align: middle;">ID</th>
                                <th style="vertical-align: middle;">Nombre<br>Telefono</th>
                                <th style="vertical-align: middle;">Entrada<br>Valor</th>
                                <th style="vertical-align: middle;">External Ref</th>
                                <th style="vertical-align: middle;">Creado</th>
                                <th style="vertical-align: middle;" class="text-center">Hablar</th>
                                <th style="vertical-align: middle;" class="text-center">Confirmar</th>
                                <th style="vertical-align: middle;" class="text-center">Editar</th>
                                <th style="vertical-align: middle;" class="text-center">Eliminar</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($evento->invitadosTransferenciaPendiente as $key => $invitado)
                                <tr>
                                    <td style="vertical-align: middle;">{{ sprintf('%06d', $invitado->pivot->id) }}</td>
                                    <td style="vertical-align: middle;">{{ $invitado->name }} {{ $invitado->documento }}<br>{{ $invitado->telefono }}</td>
                                    @if($invitado->pivot->entrada->multiplo == 1)
                                        <td style="vertical-align: middle;">{{ $invitado->pivot->entrada->nombre }}<br>${{ number_format($invitado->pivot->entrada->valor / $invitado->pivot->entrada->multiplo, 0, '.', '.') }}</td>
                                    @else
                                        <td style="vertical-align: middle;">{{ $invitado->pivot->entrada->nombre }}<br>${{ number_format($invitado->pivot->entrada->valor / $invitado->pivot->entrada->multiplo, 0, '.', '.') }} &nbsp; <small>${{ number_format($invitado->pivot->entrada->valor, 0, '.', '.') }}</snall></td>
                                    @endif
                                    <td style="vertical-align: middle;">{{ $invitado->pivot->external_reference }}</td>
                                    <td style="vertical-align: middle;">
                                        {{ date('d/m - H:i:s', strtotime($invitado->pivot->created_at)) }}
                                    </td>
                                    @if($invitado->pivot->entrada_whatsapp == NULL)
                                        <td style="vertical-align: middle;" class="text-center"><a target="_blank" href="{{ route('administrativo.evento.invitado.bienvenidaWhatsApp', [Hashids::encode($invitado->pivot->id)]) }}" style="color:inherit"><i class="fa-brands fa-whatsapp fa-lg"></i></a></td>
                                    @elseif ($invitado->pivot->entrada_whatsapp == 1)
                                        <td style="vertical-align: middle;" class="text-center"><a target="_blank" href="{{ route('administrativo.evento.invitado.bienvenidaWhatsApp', [Hashids::encode($invitado->pivot->id)]) }}" style="color:green"><i class="fa-brands fa-whatsapp fa-lg"></i></a></td>
                                    @elseif ($invitado->pivot->entrada_whatsapp == 2)
                                        <td style="vertical-align: middle;" class="text-center"><a target="_blank" href="{{ route('administrativo.evento.invitado.bienvenidaWhatsApp', [Hashids::encode($invitado->pivot->id)]) }}" style="color:#ffc107;"><i class="fa-brands fa-whatsapp fa-lg"></i></a></td>
                                    @endif
                                    <td style="vertical-align: middle;" class="text-center"><a href="#" class="btn btn-tool" data-toggle="modal" data-target="#confirmar{{$invitado->id}}" style="color:inherit;"><i class="fa-solid fa-user-check fa-lg"></i></a></td>
                                    <td style="vertical-align: middle;" class="text-center"><a href="#" class="btn btn-tool" data-toggle="modal" data-target="#editar{{$invitado->id}}" style="color:inherit;"><i class="fas fa-edit fa-lg"></i></a></td>
                                    <td style="vertical-align: middle;" class="text-center"><a href="{{ route('organizador.evento.invitado.eliminar', [Hashids::encode($invitado->pivot->id, time())]) }}" onclick="return confirm('{{Auth::User()->nickname()}} estas seguro que desea eliminar  la invitacion para {{$invitado->name}}?');" style="color:inherit;"><i class="fas fa-trash fa-lg"></i></a></td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                @else
                    <div><br><p class="text-center">No Existen Registros</p><br></div>
                @endif
            </div>
        </div>
    </section>

    <!-- Modal Invitado Agregar -->
    <div class="modal fade" id="invitadoAgregar" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Agregar Invitado</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    {{ Form::open(['route' => ['organizador.evento.invitado.guardar', Hashids::encode($evento->id, time())], 'method'=>'POST']) }}

                    {{ Form::label('', "Nombre", ['style'=>'font-weight: bold;']) }} *
                    {{ Form::text('name', null, ['required' => 'required', 'class'=>'form-control', 'placeholder'=>'Ingrese el nombre del invitado']) }}
                    <br>
                    {{ Form::label('', "Telefono", ['style'=>'font-weight: bold;']) }} (Ej: 54 911 1234 1234) *
                    {{ Form::text('telefono', null, ['required' => 'required', 'class'=>'form-control', 'placeholder'=>'Ingrese el telefono del invitado']) }}
                    <br>
                    {{ Form::label('', "Email", ['style'=>'font-weight: bold;']) }}
                    {{ Form::email('email', null, ['class'=>'form-control', 'placeholder'=>'Ingrese el email del invitado']) }}
                    <br>
                    {{ Form::label('', "Entrada", ['style'=>'font-weight: bold;']) }} *
                    {{ Form::select('entrada_id', $evento->entradas->where('valor', 0)->pluck('nombre', 'id') , null, ['required' => 'required', 'class' => 'form-control', 'placeholder'=>'Seleccione la entrada']) }}
                    <hr>
                    <div class="row">
                        <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                            {{ Form::submit('Guardar', array('class'=> 'btn btn-success btn-block')) }}
                            {{ Form::close() }}
                        </div>
                        <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                            <button type="button" class="btn btn-secondary btn-block" data-dismiss="modal">Cerrar</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal Invitados Exportar -->
    <div class="modal fade" id="invitadosExportar" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Importar Exportar</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                            {{ Html::linkRoute('organizador.evento.invitados.exportar', 'Exportar', Hashids::encode($evento->id), array('class' => 'btn btn-success btn-block')) }}
                        </div>
                        <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                            <button type="button" class="btn btn-secondary btn-block" data-dismiss="modal">Cerrar</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!-- Modal Invitados Exportar -->
    <div class="modal fade" id="venta" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-xl" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Venta  <small> {{ $evento->nombre }}</small></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    @if(count($entradas))
                        <div class="table-responsive">
                            <table class="table table-hover table-striped w-100" style="overflow-x: auto; white-space: nowrap;">
                                <thead>
                                    <tr>
                                        <th>Nombre</th>
                                        <th class="text-right">Valor</th>
                                        <th class="text-center">Efectivo</th>
                                        <th class="text-center">Transf</th>
                                        <th class="text-center">Cred/Deb</th>
                                        <th class="text-center">QR</th>
                                        <th class="text-center">Free</th>
                                        <th class="text-center">Cant</th>
                                        <th class="text-right">Parcial</th>
                                        <th class="text-right">Descuento</th>
                                        <th class="text-right">Total</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($entradas as $key => $entrada)
                                        <tr>
                                            <td>{{ $entrada->nombre }}<br><small>Para {{ $entrada->multiplo }} Personas</small><br><small>${{ number_format($entrada->valor / $entrada->multiplo, 0, ',', '.') }} x Personas</small></td>
                                            <td class="text-right">${{ number_format($entrada->valor, 0, ',', '.') }}</td>
                                            <td class="text-center">{{ $entrada->cantidadCash }}</td>
                                            <td class="text-center">{{ $entrada->cantidadTransferencia }}</td>
                                            <td class="text-center">{{ $entrada->cantidadCreditoDebito }}</td>
                                            <td class="text-center">{{ $entrada->cantidadQR }}</td>
                                            <td class="text-center">{{ $entrada->cantidadFree }}</td>
                                            <th class="text-center">{{ $entrada->cantidadTotal }}</th>
                                            <th class="text-right">${{ number_format($entrada->total, 0, ',', '.') }}</th>
                                            <th class="text-right">${{ number_format($entrada->descuento, 0, ',', '.') }}</th>
                                            <th class="text-right">${{ number_format($entrada->subtotal, 0, ',', '.') }}</th>
                                        </tr>
                                    @endforeach
                                    <tr>
                                        <th>Total</th>
                                        <th></th>
                                        <th class="text-center">{{ $evento->cantidadTotalCash}}</th>
                                        <th class="text-center">{{ $evento->cantidadTotalTransferencia}}</th>
                                        <th class="text-center">{{ $evento->cantidadTotalCreditoDebito}}</th>
                                        <th class="text-center">{{ $evento->cantidadTotalQR}}</th>
                                        <th class="text-center">{{ $evento->cantidadTotalFree}}</th>
                                        <th class="text-center">{{ count($evento->invitadosConfirmados) }}</th>
                                        <th class="text-right">${{ number_format($totalEntradas, 0, ',', '.') }}</th>
                                        <th class="text-right">${{ number_format($totalDescuentos, 0, ',', '.') }}</th>
                                        <th class="text-right">${{ number_format($subtotal, 0, ',', '.') }}</th>
                                    </tr>
                                    @if($evento->salon_id == 2)
                                        <tr>
                                            <th colspan="10">Total 70%</th>
                                            <th class="text-right">${{ number_format($subtotal * 0.70, 0, ',', '.') }}</th>
                                        </tr>
                                    @endif
                                </tbody>
                            </table>
                        </div>
                    @else
                        <div><br><p class="text-center">No Existen Registros</p><br></div>
                    @endif
                    <div class="row">
                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                            <button type="button" class="btn btn-secondary btn-block" data-dismiss="modal">Cerrar</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

<!-- Modal Entradas -->
    <div class="modal fade" id="entradas" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-xl" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Entradas <small> {{ $evento->nombre }}</small></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    @if(count($evento->entradas))
                        <table class="table table-hover table-striped nowrap" style="width:100%">
                            <thead>
                                <tr>
                                    <th>Nombre</th>
                                    <th class="text-center">Cantidad Entradas</th>
                                    <th class="text-right">Valor</th>
                                    <th class="text-right">Subtotal</th>
                                    <th class="text-center">Cantidad Personas</th>
                                    <th class="text-center">Publica</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($evento->entradas as $key => $entrada)
                                    <tr>
                                        <td>{{ $entrada->nombre }}<br><small>Para {{ $entrada->multiplo }} personas.</small></td>
                                        <td class="text-center">{{ $entrada->cantidad }}</td>
                                        <td class="text-right">$ {{ number_format($entrada->valor, 0, ',', '.') }}</td>
                                        <td class="text-right">$ {{ number_format(($entrada->valor * $entrada->cantidad), 0, ',', '.') }}</td>
                                        <td class="text-center">{{ $entrada->cantidad * $entrada->multiplo}}</td>
                                        <td class="text-center">{!! $entrada->privada ? "<i class='fas fa-times fa-lg'>&zwnj;</i>" : "<i class='fas fa-check fa-lg'></i>"!!}</td>
                                    </tr>
                                @endforeach
                                <tr>
                                    <th>Total</th>
                                    <th class="text-center">{{ $evento->entradasCantidadTotal() }}</th>
                                    <th class="text-center"></th>
                                    <th class="text-right">$ {{ number_format($evento->entradasRecaudacionTotal(), 0, ',', '.') }}</th>
                                    <th class="text-center">{{ $evento->entradasCantidadTotalPersonas() }}</th>
                                    <th class="text-center"></th>
                                </tr>
                            </tbody>
                        </table>
                    @else
                        <div><br><p class="text-center">No Existen Registros</p><br></div>
                    @endif
                    <hr>
                    <div class="row">
                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                            <button type="button" class="btn btn-secondary btn-block" data-dismiss="modal">Cerrar</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.21/css/dataTables.bootstrap4.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdn.datatables.net/1.10.21/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/1.10.21/js/dataTables.bootstrap4.min.js"></script>

    <script>
    $(document).ready(function() {
        $('#videos').DataTable( {
            "columnDefs": [
                { "orderable": false, "targets": [1,2,4,5,6] }
            ],
            "order": [[ 0, 'desc' ]],
            "scrollX": true,
            "language": {
                "lengthMenu": "Mostrar _MENU_ por pagina",
                "zeroRecords": "No existen Registros",
                "info": "", // Mostrando Pagina _PAGE_ de _PAGES_
                "infoEmpty": "",// No existen Registros
                "infoFiltered": "", // (filtrado de _MAX_ registros)
                "search": "Buscar:",
                "paginate": {
                    "first":      "Primera",
                    "last":       "Ultima",
                    "next":       "Siguiente",
                    "previous":   "Anterior"
                },
            },
            "pageLength": 1000,
            //"dom": 'f<<t>p>'
            "dom": '<"top"f>rt<"bottom"><"clear">'
        } );
    } );
    </script>
@endsection

@section('javascript')
@endsection