@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-10 col-lg-10">
                    <h1 class="m-0 text-dark">Invitados <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('administrativo.eventos', 'Volver', null, array('class' => 'btn btn-secondary btn-block')) }}
                </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>
                                Confirmados &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="#consumicionAgregar">
                                    <i class="fa-solid fa-ticket fa-lg"></i>
                                </button>
                                <button type="button" class="btn btn-tool" data-toggle="modal" data-target="#mensajesActualizados">
                                    <i class="fa-solid fa-message fa-lg"></i>
                                </button>
                                <button type="button" class="btn btn-tool" data-toggle="modal" data-target="#invitadosMasivo">
                                    <i class="fa-solid fa-envelope fa-lg"></i>
                                </button>
                                <button type="button" class="btn btn-tool" data-toggle="modal" data-target="#invitadosImportar">
                                    <i class="fa-solid fa-file-excel fa-lg"></i>
                                </button>
                                <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="#organizadorAgregar">
                                    <i class="fa-solid fa-user-tie fa-lg"></i>
                                </button>
                                <button type="button" class="btn btn-tool" data-toggle="modal" data-target="#invitadoAgregar">
                                    <i class="fas fa-plus fa-lg"></i>
                                </button>
                            </div>
                        </div>
                        <div class="card-body">
                            @if(count($evento->invitados))
                                <table id="confrimados" 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;">Por</th>
                                            <th style="vertical-align: middle;">Creado<br>Ingreso</th>
                                            <th style="vertical-align: middle;" class="text-center">Nota</th>
                                            <th style="vertical-align: middle;" class="text-center">Saldo</th>
                                            <th style="vertical-align: middle;" class="text-center">Bienvenida</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->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>
                                                <td style="vertical-align: middle;">{{ $invitado->pivot->entrada->nombre }} <small> x {{$invitado->pivot->entrada->multiplo}}</small><br>${{ number_format($invitado->pivot->entrada->valor / $invitado->pivot->entrada->multiplo, 0, '.', '.') }} {{ $invitado->pivot->descuento ? " - ".((1-$invitado->pivot->descuento)*100)."% Off" : "" }}</td>
                                                <td style="vertical-align: middle;">{{ $invitado->pivot->payment_id }}</td>
                                                <td style="vertical-align: middle;">{{ @$invitado->pivot->creador->name }}</td>
                                                <td style="vertical-align: middle;">
                                                    {{ date('d/m - H:i', strtotime($invitado->pivot->created_at)) }}
                                                    @if($invitado->pivot->fecha_ingreso)
                                                        <br>
                                                        {{ date('d/m - H:i', strtotime($invitado->pivot->fecha_ingreso)) }}
                                                    @endif
                                                </td>
                                                <td style="vertical-align: middle;" class="text-center">{{ $invitado->pivot->nota }}</td>
                                                <td style="vertical-align: middle;" class="text-center"><a href="#" class="Movimiento-modal btn btn-tool" data-toggle="modal" id="{{$invitado->pivot->id}}" data-target="#editMovimiento" style="color:inherit;">$ {{ number_format($invitado->saldoRaw(), 0, ',', '.') }}</a></td>
                                                @if($invitado->pivot->entrada_whatsapp == NULL)
                                                    <td style="vertical-align: middle;" class="text-center"><a id="whap_{{$invitado->pivot->id}}" onclick="whapp({{$invitado->pivot->id}})" target="_blank" href="{{ route('administrativo.evento.invitado.bienvenidaWhatsApp', [Hashids::encode($invitado->pivot->id)]) }}" style="color:inherit"><i class="fa-solid fa-door-open 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-solid fa-door-open 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-solid fa-door-open fa-lg"></i></a></td>
                                                @endif
                                                @if(0)
                                                    <td style="vertical-align: middle;" class="text-center"><a target="_blank" href="{{ route('administrativo.evento.invitado.mensajeWhatsApp', [Hashids::encode($invitado->pivot->id)]) }}" style="color:{{$invitado->pivot->mensaje_whatsapp ? 'green':'inherit'}};"><i class="fa-solid fa-envelope fa-lg"></i></a></td>
                                                @endif
                                                <td style="vertical-align: middle;" class="text-center"><a href="#" class="edit-modal btn btn-tool" data-toggle="modal" id="{{$invitado->pivot->id}}" data-target="#editModal" style="color:inherit;"><i class="fas fa-edit fa-lg"></i></a></td>
                                                <td style="vertical-align: middle;" class="text-center"><a href="{{ route('administrativo.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>
                    <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>
                                                <td style="vertical-align: middle;">{{ $invitado->pivot->entrada->nombre }}<br>${{ number_format($invitado->pivot->entrada->valor, 0, '.', '.') }}</td>
                                                <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->mensaje_transferencia == NULL)
                                                    <td style="vertical-align: middle;" class="text-center"><a target="_blank" href="{{ route('administrativo.evento.invitado.eventoInvitadoPendienteTransferenciaMensajeWhatsApp', [Hashids::encode($invitado->pivot->id)]) }}" style="color:inherit"><i class="fa-brands fa-whatsapp fa-lg"></i></a></td>
                                                @elseif ($invitado->pivot->mensaje_transferencia == 1)
                                                    <td style="vertical-align: middle;" class="text-center"><a target="_blank" href="{{ route('administrativo.evento.invitado.eventoInvitadoPendienteTransferenciaMensajeWhatsApp', [Hashids::encode($invitado->pivot->id)]) }}" style="color:green"><i class="fa-brands fa-whatsapp fa-lg"></i></a></td>
                                                @elseif ($invitado->pivot->mensaje_transferencia == 2)
                                                    <td style="vertical-align: middle;" class="text-center"><a target="_blank" href="{{ route('administrativo.evento.invitado.eventoInvitadoPendienteTransferenciaMensajeWhatsApp', [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="edit-modal btn btn-tool" data-toggle="modal" id="{{$invitado->pivot->id}}" data-target="#editModal" style="color:inherit;"><i class="fas fa-edit fa-lg"></i></a></td>
                                                <td style="vertical-align: middle;" class="text-center"><a href="{{ route('administrativo.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>
                </div>
            </div>
        </div>
    </section>

    <!-- Modal Consumicion Agregar -->
    <div class="modal fade" id="consumicionAgregar" 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 Consumicion</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' => ['administrativo.evento.invitado.saldoCargar', Hashids::encode($evento->id, time())], 'method'=>'POST']) }}


                    {{ Form::label('', "Entrada", ['style'=>'font-weight: bold;']) }} *
                    {{ Form::select('entrada_id', $evento->entradas->pluck('nombre', 'id') , null, ['required' => 'required', 'class' => 'form-control', 'placeholder'=>'Seleccione la entrada']) }}
                    <br>
                    {{ Form::label('', "Monto", ['style'=>'font-weight: bold;']) }} *
                    {{ Form::number('monto', null, ['required' => 'required', 'min'=>0, 'class'=>'form-control', 'placeholder'=>'Ingrese el valor de la Consumicion']) }}
                    <br>
                    <div class="form-floating">
                        {{ Form::label('', "Descripcíon", ['style'=>'font-weight: bold;']) }} *
                        {{ Form::textarea('descripcion', null, ['class'=>'form-control','style'=>'height:100px' ,'placeholder'=>'Ingrese descripcíon del Evento']) }}
                    </div>
                    <hr>
                    <div class="row">
                        <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                            {{ Form::submit('Cargar', 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 Personalizar Mensaje -->
    <div class="modal fade" id="invitadosMasivo" 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">Mensajes Masivos</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    Vas a programar mensaje masivo personalizado
                    <hr>
                    <div class="row">
                        <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                            {{ Html::linkRoute('administrativo.evento.invitado.masivo', 'Enviar', Hashids::encode($evento->id), 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 Mensajes -->
    <div class="modal fade" id="mensajesActualizados" 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">Personalizar Mensaje</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <ul class="nav nav-tabs" id="myTab" role="tablist">
                        @foreach ($entradasMensajes as $key => $entrada)
                            <li class="nav-item" role="presentation">
                                <button class="nav-link {{ $key === 0 ? 'active' : '' }}" id="entrada-tab-{{ $key }}" data-bs-toggle="tab" data-bs-target="#entrada-{{ $key }}" type="button" role="tab" aria-controls="entrada-{{ $key }}" aria-selected="{{ $key === 0 ? 'true' : 'false' }}">{{ $entrada['nombre'] }}</button>
                            </li>
                        @endforeach
                    </ul>

                    <div class="tab-content" id="myTabContent">
                        @foreach ($entradasMensajes as $key => $entrada)
                            <div class="tab-pane fade show {{ $key === 0 ? 'active' : '' }}" id="entrada-{{ $key }}" role="tabpanel" aria-labelledby="entrada-tab-{{ $key }}">
                                <h5 class="modal-title">Seleccione Mensajes para {{ $entrada['nombre'] }}</h5>
                                {{ Form::open(['route' => ['administrativo.evento.invitados.actualizado', Hashids::encode($entrada['id'], $evento->id), 'method'=>'POST']]) }}
                                @foreach ($mensajes as $mensaje)
                                    @if($evento->tieneMensajeEntrada($mensaje->id,$entrada['id']))
                                        {{ Form::checkbox($mensaje->id, true, true) }} &emsp; {{$mensaje->texto}}
                                    @else
                                        {{ Form::checkbox($mensaje->id, true, null) }} &emsp; {{$mensaje->texto}}
                                    @endif
                                    <br>
                                @endforeach
                                <hr>
                                <div class="row">
                                    <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                                        {{ Form::submit('Actualizar', 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>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal Invitados Masivos -->
    <div class="modal fade" id="invitadosMasivo" 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">Mensajes Masivos</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    Vas a programar mensaje masivo personalizado
                    <hr>
                    <div class="row">
                        <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                            {{ Html::linkRoute('administrativo.evento.invitado.masivo', 'Enviar', 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 Importar -->
    <div class="modal fade" id="invitadosImportar" 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 Invitados</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' => ['administrativo.evento.invitados.importar', Hashids::encode($evento->id, time())], 'method'=>'POST', 'files'=> true]) }}

                    {{ Form::label('', "Excel Modelo", ['style'=>'font-weight: bold;']) }} *
                    <br>
                    {{ Form::file('excel', array()) }}
                    <hr>
                    <b>Medio ID Efectivo</b> 1<br>
                    <b>Medio ID Credito / Debito</b> 2<br>
                    <b>Medio ID Free</b> 4<br>
                    <b>Medio ID Trasnferencia</b> 5<br>
                    Nombre | Telefono | Email | Entrada ID | Medio ID<br>
                    @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</th>
                                    <th class="text-center">ID</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($evento->entradas as $key => $entrada)
                                    <tr>
                                        <td>{{ $entrada->nombre }}</td>
                                        <td class="text-center">{{ $entrada->cantidad }}</td>
                                        <td class="text-center">{{ $entrada->id }}</td>
                                    </tr>
                                @endforeach
                            </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-6 col-lg-6">
                            {{ Form::submit('Importar', 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('administrativo.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 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' => ['administrativo.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->pluck('nombre', 'id') , null, ['required' => 'required', 'class' => 'form-control', 'placeholder'=>'Seleccione la entrada']) }}
                    <br>
                    {{ Form::label('', "Medio de pago", ['style'=>'font-weight: bold;']) }} *
                    {{ Form::select('medio_id', $ddMedios , null, ['required' => 'required', 'class' => 'form-control', 'placeholder'=>'Seleccione el medio de pago']) }}
                    <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 Orgnaizador Agregar -->
    <div class="modal fade" id="organizadorAgregar" 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 Organizador</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->orgsanizadores))
                        <table class="table table-hover table-striped nowrap" style="width:100%">
                            <thead>
                                <tr>
                                    <th>Nombre</th>
                                    <th class="text-center">Invitar</th>
                                    <th class="text-center">Eliminar</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($evento->orgsanizadores as $key => $organizador)
                                    <tr>
                                        <td>{{ $organizador->name }}</td>
                                        <td class="text-center"><a target="_blank" href="{{ route('administrativo.evento.organizador.invitar', [Hashids::encode($organizador->id, time())]) }}" style="color:inherit;"><i class='fa-brands fa-whatsapp fa-lg'></i></a></td>
                                        <td class="text-center"><a href="{{ route('administrativo.evento.organizador.eliminar', [Hashids::encode($organizador->pivot->id, time())]) }}" onclick="return confirm('{{Auth::User()->nickname()}} estas seguro que desea eliminar al organizador {{$organizador->name}}?');"  style="color:inherit;"><i class='fa-solid 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
                    <hr>
                    {{ Form::open(['route' => ['administrativo.evento.organizador.guardar', Hashids::encode($evento->id, time())], 'method'=>'POST']) }}

                    {{ Form::label('', "Invitado", ['style'=>'font-weight: bold;']) }} *
                    {{ Form::select('user_id', $evento->invitadosConfirmados->pluck('name', 'id'), null, ['required' => 'required', 'class'=>'form-control', 'placeholder'=>'Seleccione un invitado']) }}
                    <br>
                    <hr>
                    {{ Form::label('password', "Contraseña", ['style'=>'font-weight: bold;']) }} *
                    {{ Form::text('password', str_replace(' ', '',$evento->nombre),['required' => 'required' ,"class" => "form-control"]) }}
                    <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 Invitado Editar -->
        <div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="editModal" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Editar Invitado</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">
                        {{ Form::open(['route' => ['administrativo.evento.invitado.actualizar', 1], 'method'=>'POST', 'id'=>'editForm']) }}

                        {{Form::label('', "Nombre", ['style'=>'font-weight: bold;']) }} *
                        {{ Form::text('name', null, ['required' => 'required','id'=>'name', 'class'=>'form-control name']) }}
                        <br>
                        {{ Form::label('', "Email", ['style'=>'font-weight: bold;']) }}
                        {{ Form::email('email', null, [ 'id'=>'email','class'=>'form-control email', 'placeholder'=>'Ingrese el email del usuario']) }}
                        <br>
                        {{ Form::label('', "Telefono", ['style'=>'font-weight: bold;']) }} *
                        {{ Form::text('telefono', null, ['required' => 'required', 'id'=>'telefono', 'class'=>'form-control telefono', 'placeholder'=>'Ingrese el telefono del usuario. Ej: 541112341234']) }}
                        <br>
                        {{Form::label('', "Nota", ['style'=>'font-weight: bold;']) }}
                        {{ Form::text('notaa', null, ['id'=>'notaa', 'class'=>'form-control name']) }}
                        <hr>
                        <div class="row">
                            <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
                                {{ Form::submit('Actualizar', array('class'=> 'btn btn-outline-success btn-block')) }}
                                {{ Form::close() }}
                            </div>
                            <div id="invalido" class='col-xs-12 col-sm-12 col-md-4 col-lg-4'>

                            </div>
                            <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
                                <button type="button" class="btn btn-outline-secondary btn-block" data-dismiss="modal">Cerrar</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Modal Invitado Movimientos -->
        <div class="modal fade" id="editMovimiento" tabindex="-1" role="dialog" aria-labelledby="editMovimiento" aria-hidden="true">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div id="nombre">

                    </div>
                    <div class="modal-body">
                        <div id="movimientos">

                        </div>
                        <hr>
                        {{ Form::open(['route' => ['administrativo.evento.invitado.movimineto.guardar', 1], 'method'=>'POST', 'id'=>'editFormMovimiento']) }}

                        {{ Form::label('', "Nombre", ['style'=>'font-weight: bold;']) }} *
                        {{ Form::text('nombre', null, ['required' => 'required', 'class'=>'form-control', 'placeholder'=>'Ingrese el nombre del usuario']) }}
                        <br>
                        {{ Form::label('', "Credito", ['style'=>'font-weight: bold;']) }}
                        {{ Form::number('credito', null, ['class'=>'form-control', 'placeholder'=>'Ingrese el monto a acreditar']) }}
                        <br>
                        {{ Form::label('', "Debito", ['style'=>'font-weight: bold;']) }}
                        {{ Form::number('debito', null, ['class'=>'form-control', 'placeholder'=>'Ingrese el monto a debitar']) }}
                        <br>
                        {{ Form::label('', "Medio", ['style'=>'font-weight: bold;']) }} *
                        {{ Form::select('medio_id', $ddMedios, null, ['required' => 'required', 'class'=>'form-control', 'placeholder'=>'Seleccione un medio']) }}
                        <hr>
                        <div class="row">
                            <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
                                {{ Form::submit('Cargar', array('class'=> 'btn btn-success btn-block')) }}
                                {{ Form::close() }}
                            </div>
                            <div id="saldoWhatsapp" class="col-xs-12 col-sm-12 col-md-4 col-lg-4">

                            </div>
                            <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
                                <button type="button" class="btn btn-secondary btn-block" data-dismiss="modal">Cerrar</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    @foreach ($evento->invitadosTransferenciaPendiente as $key => $invitado)
        <!-- Modal Invitado Editar -->
        <div class="modal fade" id="editar{{$invitado->id}}" tabindex="-1" role="dialog" aria-labelledby="usuarioEditar" aria-hidden="true">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Editar <small>{{ $invitado->name }}</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">
                        {{ Form::model($invitado, ['route' =>['administrativo.evento.invitado.actualizar', Hashids::encode($evento->id, $invitado->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 usuario']) }}
                        <br>
                        {{ Form::label('', "Email", ['style'=>'font-weight: bold;']) }}
                        {{ Form::email('email', null, ['class'=>'form-control', 'placeholder'=>'Ingrese el email del usuario']) }}
                        <br>
                        {{ Form::label('', "Telefono", ['style'=>'font-weight: bold;']) }} *
                        {{ Form::text('telefono', null, ['required' => 'required', 'class'=>'form-control', 'placeholder'=>'Ingrese el telefono del usuaio. Ej: 541112341234']) }}
                        <hr>
                        <div class="row">
                            <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
                                {{ Form::submit('Actualizar', array('class'=> 'btn btn-outline-success btn-block')) }}
                                {{ Form::close() }}
                            </div>
                            <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
                                {{ Html::linkRoute('administrativo.evento.invitado.invalido', 'Invalido', Hashids::encode($invitado->pivot->id, time()), array('class' => 'btn btn-outline-warning btn-block')) }}
                            </div>
                            <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
                                <button type="button" class="btn btn-outline-secondary btn-block" data-dismiss="modal">Cerrar</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Modal Invitado Confrimar -->
        <div class="modal fade" id="confirmar{{$invitado->id}}" tabindex="-1" role="dialog" aria-labelledby="usuarioEditar" aria-hidden="true">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Confrimar <small>{{ $invitado->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">
                        {{ Form::open(['route' => ['administrativo.evento.invitado.confrimar', Hashids::encode($invitado->pivot->id, time())], 'method'=>'POST']) }}

                        {{ Form::label('', "Payment ID", ['style'=>'font-weight: bold;']) }} *
                        {{ Form::text('payment_id', null, ['required' => 'required', 'class'=>'form-control', 'placeholder'=>'Ingrese el numero de operacion']) }}
                        <br>
                        <h6><b>External Ref</b></h6>
                        <p id="contenidoACopiar{{$invitado->id}}">{{$invitado->pivot->external_reference}}</p>
                        <button style="width: 190px;" id="copiarBoton{{$invitado->id}}" type="button" class="btn btn-primary btn-block">Copiar External Ref</button>
                        <hr>
                        <div class="row">
                            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                                {{ Form::submit('Validar', ['id' => 'copiarBoton'.$invitado->id, '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>
    @endforeach

    <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.8/clipboard.min.js"></script>

    <script>
            @foreach ($evento->invitadosTransferenciaPendiente as $invitado)
                new ClipboardJS('#copiarBoton{{$invitado->id}}', {
                    text: function () {
                        return document.getElementById('contenidoACopiar{{$invitado->id}}').innerText;
                    }
                });

                document.getElementById('copiarBoton{{$invitado->id}}').addEventListener('click', function () {
                    var contenidoCopiado = document.getElementById('contenidoACopiar{{$invitado->id}}').innerText;
                    navigator.clipboard.writeText(contenidoCopiado).then(function () {

                    }).catch(function (err) {
                        console.error('Error al copiar al portapapeles:', err);
                    });
                });
            @endforeach
    </script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js" integrity="sha384-BBtl+eGJRgqQAUMxJ7pMwbEyER4l1g+O15P+16Ep7Q9Q+zqX6gSbd85u4mG4QzX+" crossorigin="anonymous"></script>
    <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>

    function whapp(id) {
        var x = document.getElementById('whap_'+id);
        x.style.color = "green";
    }

    $(document).ready(function() {
        $('#confrimados').DataTable( {
            "columnDefs": [
                { "orderable": false, "targets": [2,5,6,7,8,9,10] }
            ],
            "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">'
        } );
        $('#pendientes').DataTable( {
            "columnDefs": [
                { "orderable": false, "targets": [2,3,4,5,6,7] }
            ],
            "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">'
        } );

        $('.edit-modal').click(function(objeto) {
            var clienteId = objeto.currentTarget.id;
            $.ajax({
                url: '/administrativo/getInvitadoEvento/' + clienteId,
                method: 'GET',
                dataType:'json',
                success: function (invitado) {
                    $('#name').val(invitado.nombree);
                    $('#email').val(invitado.emaill);
                    $('#telefono').val(invitado.telefonoo);



                    document.getElementById('invalido').innerHTML = "<a href='/administrativo/evento/invitado/invalido/" + clienteId + "' class='btn btn-outline-warning btn-block'>Invalido</a>";
                    $('#editForm').attr('action','/administrativo/evento/invitado/actualizar/'+ clienteId );
                },
                error: function (error) {
                    console.log(error);
                }
            });
        });

        $('.Movimiento-modal').click(function(objeto) {
            var clienteId = objeto.currentTarget.id;
            $.ajax({
                url: '/administrativo/getMovimientoEventoInvitado/' + clienteId,
                method: 'GET',
                dataType: 'json',
                success: function (entrada) {
                    if (entrada.movimientoo.length > 0) {
                        var nombre = '';
                        var inicio = '<table class="table table-hover table-striped nowrap" style="width:100%"><tr><th>Nombre</th><th class="text-center">Medio</th><th class="text-center">Evento</th><th class="text-right">Movimiento</th></tr></thead><tbody>';
                        var lineas = '';
                        entrada.movimientoo.forEach((movimiento) => {
                            lineas += '<tr><td>' + movimiento.nombre + '</td><td class="text-center">' + movimiento.medioo + '</td><td class="text-center">' + movimiento.eventoo + '</td>';
                            if (movimiento.credito != null) {
                                lineas += "<td class='text-right' style='color:green;'> $ " + movimiento.credito + "</td></tr>";
                            } else {
                                lineas += "<td class='text-right' style='color:red;'> $ " + movimiento.debito + "</td></tr>";
                            }
                        });
                        var fin = "<td colspan='3' align='left'><b>Saldo</b>";
                        if (entrada.saldoo > 0) {
                            fin += "<td align='right' style='color:green;'>$" + entrada.saldoo + "</td></td></tbody></table>"
                        } else {
                            fin += "<td align='right' style='color:red;'>$" + entrada.saldoo + "</td></td></tbody></table>"
                        }
                        document.getElementById('saldoWhatsapp').innerHTML = "<a href='/administrativo/evento/invitadoSaldoWhatsApp/" + clienteId + "' class='btn btn-warning btn-block'>WhatsApp</a>";
                        document.getElementById('nombre').innerHTML = "<div class='modal-header'><h5 class='modal-title'>Movimientos de " + entrada.nombree + "</h5><button type='button' class='close' data-dismiss='modal' aria-label='Close'><span aria-hidden='true'>&times;</span></button>";
                        document.getElementById('movimientos').innerHTML = inicio + lineas + fin;

                        $('#editFormMovimiento').attr('action', '/administrativo/evento/invitado/movimineto/guardar/' + clienteId );
                    } else {
                        document.getElementById('saldoWhatsapp').innerHTML = "<a href='/administrativo/evento/invitadoSaldoWhatsApp/" + clienteId + "' class='btn btn-warning btn-block'>WhatsApp</a>";
                        document.getElementById('nombre').innerHTML = "<div class='modal-header'><h5 class='modal-title'>Movimientos de "+ entrada.nombree + "</h5><button type='button' class='close' data-dismiss='modal' aria-label='Close'><span aria-hidden='true'>&times;</span></button>";
                        document.getElementById('movimientos').innerHTML = "<div><br><p class='text-center'>No Existen Registros</p><br></div>";

                        $('#editFormMovimiento').attr('action', '/administrativo/evento/invitado/movimineto/guardar/' + clienteId );
                    }
                },
                error: function (error) {
                    console.log(error);
                }
            });
        });

        table.on('draw', function () {

            $('.edit-modal').click(function(objeto) {
                var clienteId = objeto.currentTarget.id;
                $.ajax({
                    url: '/administrativo/getInvitadoEvento/' + clienteId,
                    method: 'GET',
                    dataType:'json',
                    success: function (invitado) {
                        $('#name').val(invitado.nombree);
                        $('#email').val(invitado.emaill);
                        $('#telefono').val(invitado.telefonoo);
                        $('#notaa').val(invitado.nota);
                        document.getElementById('invalido').innerHTML = "<a href='/administrativo/evento/invitado/invalido/" + clienteId + "' class='btn btn-outline-warning btn-block'>Invalido</a>";
                        $('#editForm').attr('action','/administrativo/evento/invitado/actualizar/'+ clienteId );
                    },
                    error: function (error) {
                        console.log(error);
                    }
                });
            });

            $('.Movimiento-modal').click(function(objeto) {
                var clienteId = objeto.currentTarget.id;
                $.ajax({
                    url: '/administrativo/getMovimientoEventoInvitado/' + clienteId,
                    method: 'GET',
                    dataType: 'json',
                    success: function (entrada) {
                        if (entrada.movimientoo.length > 0) {
                            var nombre = '';
                            var inicio = '<table class="table table-hover table-striped nowrap" style="width:100%"><tr><th>Nombre</th><th class="text-center">Medio</th><th class="text-center">Evento</th><th class="text-right">Movimiento</th></tr></thead><tbody>';
                            var lineas = '';
                            entrada.movimientoo.forEach((movimiento) => {
                                lineas += '<tr><td>' + movimiento.nombre + '</td><td class="text-center">' + movimiento.medioo + '</td><td class="text-center">' + movimiento.eventoo + '</td>';
                                if (movimiento.credito != null) {
                                    lineas += "<td class='text-right' style='color:green;'> $ " + movimiento.credito + "</td></tr>";
                                } else {
                                    lineas += "<td class='text-right' style='color:red;'> $ " + movimiento.debito + "</td></tr>";
                                }
                            });
                            var fin = "<td colspan='3' align='left'><b>Saldo</b>";
                            if (entrada.saldoo > 0) {
                                fin += "<td align='right' style='color:green;'>$" + entrada.saldoo + "</td></td></tbody></table>"
                            } else {
                                fin += "<td align='right' style='color:red;'>$" + entrada.saldoo + "</td></td></tbody></table>"
                            }
                            document.getElementById('saldoWhatsapp').innerHTML = "<a href='/administrativo/evento/invitadoSaldoWhatsApp/" + clienteId + "' class='btn btn-warning btn-block'>WhatsApp</a>";
                            document.getElementById('nombre').innerHTML = "<div class='modal-header'><h5 class='modal-title'>Movimientos de " + entrada.nombree + "</h5><button type='button' class='close' data-dismiss='modal' aria-label='Close'><span aria-hidden='true'>&times;</span></button>";
                            document.getElementById('movimientos').innerHTML = inicio + lineas + fin;

                            $('#editFormMovimiento').attr('action', '/administrativo/evento/invitado/movimineto/guardar/' + clienteId );
                        } else {
                            document.getElementById('saldoWhatsapp').innerHTML = "<a href='/administrativo/evento/invitadoSaldoWhatsApp/" + clienteId + "' class='btn btn-warning btn-block'>WhatsApp</a>";
                            document.getElementById('nombre').innerHTML = "<div class='modal-header'><h5 class='modal-title'>Movimientos de "+ entrada.nombree + "</h5><button type='button' class='close' data-dismiss='modal' aria-label='Close'><span aria-hidden='true'>&times;</span></button>";
                            document.getElementById('movimientos').innerHTML = "<div><br><p class='text-center'>No Existen Registros</p><br></div>";

                            $('#editFormMovimiento').attr('action', '/administrativo/evento/invitado/movimineto/guardar/' + clienteId );
                        }
                    },
                    error: function (error) {
                        console.log(error);
                    }
                });
            });

        });

    } );
    </script>
@endsection

@section('javascript')
@endsection