@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">Ajustes <small>Eventos</small></h1>
                </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-regular fa-calendar mr-1"></i>
                                Eventos Futuros
                            </h3>
                            <div class="card-tools">
                                <button type="button" class="btn btn-tool" data-toggle="modal" data-target="#eventoDuplicar">
                                    <i class="fa-solid fa-copy fa-lg"></i>
                                </button>
                                <button type="button" class="btn btn-tool" data-toggle="modal" data-target="#eventoAgregar">
                                    <i class="fas fa-plus fa-lg"></i>
                                </button>
                            </div>
                        </div>
                        <div class="card-body">
                            @if(count($eventosFuturos))
                                <table class="table table-hover table-striped nowrap" style="width:100%">
                                    <thead>
                                        <tr>
                                            <th>Nombre</th>
                                            <th>Fecha</th>
                                            <th class="text-center">Entradas</th>
                                            <th class="text-center">Detalles</th>
                                            <th class="text-center">Link</th>
                                            <th class="text-center">RRPP</th>
                                            <th class="text-center">Codigos</th>
                                            <th class="text-center">Activo</th>
                                            <th class="text-center">Editar</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($eventosFuturos as $key => $evento)
                                            <tr>
                                                <td>{{ $evento->nombre }}</td>
                                                <td class="text-center">{{ date('d/m/y - H:i',strtotime($evento->fecha)) }}</td>
                                                <td class="text-center"><a href="#" class="btn btn-tool" data-toggle="modal" data-target="#entradas{{$evento->id}}" style="color:inherit;"><i class="fa-solid fa-ticket fa-lg"></i></a></td>
                                                <td class="text-center"><a href="#" class="btn btn-tool" data-toggle="modal" data-target="#detalle{{$evento->id}}" style="color:inherit;"><i class="fas fa-bars fa-lg"></i></a></td>
                                                <td class="text-center"><a href="{{ url("evento/".$evento->hash) }}" target='_blank' style="color:inherit;"><i class='fas fa-link fa-lg'></i></a></td>
                                                <td class="text-center"><a href="#" class="btn btn-tool" data-toggle="modal" data-target="#rrppAgregar{{$evento->id}}" style="color:inherit;"><i class="fas fa-plus fa-lg"></i></a></td>
                                                <td class="text-center"><a href="#" class="btn btn-tool" data-toggle="modal" data-target="#eventoCodigoAgregar{{$evento->id}}" style="color:inherit;"><i class="fas fa-barcode fa-lg"></i></a></td>
                                                <td class="text-center"><a href="{{ route('administrador.evento.activar', [Hashids::encode($evento->id, time())]) }}" style="color:inherit;">{!! $evento->act ? "<i class='fas fa-check fa-lg'>&zwnj;</i>" : "<i class='fas fa-times fa-lg'></i>"!!}</a></td>
                                                <td class="text-center"><a href="#" class="btn btn-tool" data-toggle="modal" data-target="#eventoEditar{{$evento->id}}" style="color:inherit;"><i class="fas fa-edit 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-regular fa-calendar mr-1"></i>
                                Eventos Pasados
                            </h3>
                        </div>
                        <div class="card-body">
                            @if(count($eventosPasados))
                                <table class="table table-hover table-striped nowrap" style="width:100%">
                                    <thead>
                                        <tr>
                                            <th>Nombre</th>
                                            <th>Fecha y Hora</th>
                                            <th class="text-center">Entradas</th>
                                            <th class="text-center">Detalles</th>
                                            <th class="text-center">Link</th>
                                            <th class="text-center">Activo</th>
                                            <th class="text-center">Editar</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($eventosPasados as $key => $evento)
                                            <tr>
                                                <td>{{ $evento->nombre }}</td>
                                                <td>{{ date('d/m/y - H:i',strtotime($evento->fecha)) }}</td>
                                                <td class="text-center"><a href="#" class="btn btn-tool" data-toggle="modal" data-target="#entradas{{$evento->id}}" style="color:inherit;"><i class="fa-solid fa-ticket fa-lg"></i></a></td>
                                                <td class="text-center"><a href="#" class="btn btn-tool" data-toggle="modal" data-target="#detalle{{$evento->id}}" style="color:inherit;"><i class="fas fa-bars fa-lg"></i></a></td>
                                                <td class="text-center"><a href="{{ url("evento/".$evento->hash) }}" target='_blank' style="color:inherit;"><i class='fas fa-link fa-lg'></i></a></td>
                                                <td class="text-center"><a href="{{ route('administrador.evento.activar', [Hashids::encode($evento->id, time())]) }}" style="color:inherit;">{!! $evento->act ? "<i class='fas fa-check fa-lg'>&zwnj;</i>" : "<i class='fas fa-times fa-lg'></i>"!!}</a></td>
                                                <td class="text-center"><a href="#" class="btn btn-tool" data-toggle="modal" data-target="#eventoEditar{{$evento->id}}" style="color:inherit;"><i class="fas fa-edit 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 Evento Duplicar -->
    <div class="modal fade" id="eventoDuplicar" tabindex="-1" role="dialog" aria-labelledby="contactoAgregar" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Duplicar Evento</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' => 'administrador.evento.duplicar', 'method'=>'POST']) }}

                    {{ Form::label('', "Evento", ['style'=>'font-weight: bold;']) }} *
                    {{ Form::select('evento_id', $ddEventos, null, ['required' => 'required', 'class'=>'form-control', 'placeholder'=>'Seleccione un Evento']) }}
                    <br>
                    <div class="row">
                        <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                            {{ Form::submit('Duplicar', 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 evento Agregar -->
    <div class="modal fade" id="eventoAgregar" tabindex="-1" role="dialog" aria-labelledby="contactoAgregar" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Agregar Evento</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' => 'administrador.evento.guardar', 'method'=>'POST', 'files'=> true]) }}

                    {{ Form::label('', "Nombre", ['style'=>'font-weight: bold;']) }} *
                    {{ Form::text('nombre', null, ['required' => 'required', 'class'=>'form-control', 'placeholder'=>'Ingrese el nombre del evento']) }}
                    <br>
                    {{ Form::label('', "Fecha", ['style'=>'font-weight: bold;']) }} *
                    {{ Form::date('fecha', null, ['required' => 'required', 'class'=>'form-control']) }}
                    <br>
                    {{ Form::label('', "Hora", ['style'=>'font-weight: bold;']) }} *
                    {{ Form::time('hora', "23:59", ['required' => 'required', 'class'=>'form-control']) }}
                    <br>
                    {{ Form::label('', "Salon", ['style'=>'font-weight: bold;']) }} *
                    {{ Form::select('salon_id', $ddSalones, null, ['required' => 'required', 'class'=>'form-control', 'placeholder'=>'Seleccione un Salon']) }}
                    <br>
                    {{ Form::label('', "Color", ['style'=>'font-weight: bold;']) }} *
                    {{ Form::select('color_id', $ddColores, null, ['required' => 'required', 'class'=>'form-control', 'placeholder'=>'Seleccione el color del QR']) }}
                    <br>
                    {{ Form::label('', "Seña", ['style'=>'font-weight: bold;']) }} *
                    {{ Form::number('sena', null, ['required' => 'required', 'class'=>'form-control', 'placeholder'=>'Seña inicial']) }}
                    <br>
                    {{ Form::label('', "Porcentaje", ['style'=>'font-weight: bold;']) }} *
                    {{ Form::number('porcentaje', null, ['required' => 'required', 'class'=>'form-control','min'=>0, 'max'=>100,'step'=>1,'placeholder'=>'Porcentaje productora'])  }}
                    <br>
                    {{ Form::label('', "Hash URL", ['style'=>'font-weight: bold;']) }} *
                    {{ Form::text('hash', null, ['required' => 'required', 'class'=>'form-control', 'placeholder'=>'Ingrese el hash del evento']) }}
                    <br>
                    {{ Form::label('', "Dirección", ['style'=>'font-weight: bold;']) }} *
                    {{ Form::text('direccion', "Godoy Cruz 1967 - Palermo", ['class'=>'form-control', 'placeholder'=>'Ingrese la dirección del evento']) }}
                    <br>
                    {{ Form::label('', "GoogleMap URL", ['style'=>'font-weight: bold;']) }} *
                    {{ Form::text('direccion_url', "https://maps.app.goo.gl/sxtKwXaymQ98ZtSk6", ['class'=>'form-control', 'placeholder'=>'Ingrese la url de google para mostrar la ubicacion del evento']) }}
                    <br>
                    {{ Form::label('', "AU", ['style'=>'font-weight: bold;']) }} *
                    {{ Form::text('au', "Bearer APP_USR-6716487126642755-080118-e55bf4c9710def718f65375b24efe439-1074275244", ['required' => 'required', 'class'=>'form-control', 'placeholder'=>'Ingrese el AU de Mercado Pago']) }}
                    <br>
                    <div class="form-floating">
                        {{ Form::label('', "Descripcíon del Evento", ['style'=>'font-weight: bold;']) }} *
                        {{ Form::textarea('descripcion', null, ['class'=>'form-control','style'=>'height:100px' ,'placeholder'=>'Ingrese descripcíon del Evento']) }}
                    </div>
                    <br>
                    {{ Form::checkbox('documento', 1, false) }}
                    &nbsp;
                    {{ Form::label('', "Solicitar Documento", ['style'=>'font-weight: bold;']) }}
                    <br>
                    {{ Form::label('', "Imagen/GIF", ['style'=>'font-weight: bold;']) }}
                    <br>
                    {{ Form::file('img', array()) }}
                    <br>
                    {{ Form::label('', "Mapa", ['style'=>'font-weight: bold;']) }}
                    <br>
                    {{ Form::file('imgMapa', array()) }}
                    <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>


    @foreach ($eventosFuturos as $evento)

        <!-- Modal evento Codigo Agregar -->
        <div class="modal fade" id="eventoCodigoAgregar{{$evento->id}}" tabindex="-1" role="dialog" aria-labelledby="eventoCodigoAgregar" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Agregar Codigo de Promocion</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->codigos))
                            <table class="table table-hover table-striped nowrap" style="width:100%">
                                <thead>
                                    <tr>
                                        <th>Codigos</th>
                                        <th class="text-center">Porcentajes</th>
                                        <th class="text-center">Activo</th>
                                        <th class="text-center">Eliminar</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($evento->codigos as $key => $codigo)
                                        <tr>
                                            <td>{{ $codigo->codigo }}</td>
                                            <td class="text-center"><a href="" target='_blank' style="color:inherit;"><i >{{$codigo->porcentaje * 100}}</i> %</a></td>
                                            <td class="text-center"><a href="{{ route('administrador.evento.codigoActivar', [Hashids::encode($codigo->id, time())]) }}" style="color:inherit;">{!! $codigo->act ? "<i class='fas fa-check fa-lg'>&zwnj;</i>" : "<i class='fas fa-times fa-lg'></i>"!!}</a></td>
                                            <td class="text-center"><a href="{{ route('administrador.evento.codigoEliminar', [Hashids::encode($codigo->id, time())]) }}" onclick="return confirm('{{Auth::User()->nickname()}} estas seguro que desea eliminar el Codigo {{$codigo->codigo}}?');"  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
                        {{ Form::model($evento, ['route' =>['administrador.evento.codigoGuardar', Hashids::encode($evento->id, time())], 'method'=>'POST', 'files'=> true]) }}

                        {{ Form::label('', "Codigo", ['style'=>'font-weight: bold;']) }} *
                        {{ Form::text('codigo', null, ['required' => 'required', 'class'=>'form-control', 'placeholder'=>'Ingrese el codigo de promocion']) }}
                        <br>
                        {{ Form::label('', "Porcentaje (0 a 100)", ['style'=>'font-weight: bold;']) }} *
                        {{ Form::number('porcentaje', 0 * 100, ['required' => 'required', 'class'=>'form-control','min'=>0, 'max'=>100,'step'=>1,'placeholder'=>'Porcentaje del codigo de descuento'])  }}
                        <br>
                        <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 RRPP Agregar -->
        <div class="modal fade" id="rrppAgregar{{$evento->id}}" tabindex="-1" role="dialog" aria-labelledby="contactoAgregar" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Agregar RRPP para  {{ $evento->nombre }}</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->rrpps))
                            <table class="table table-hover table-striped nowrap" style="width:100%">
                                <thead>
                                    <tr>
                                        <th>Nombre</th>
                                        <th class="text-center">Porcentaje</th>
                                        <th class="text-center">Link</th>
                                        <th class="text-center">Invitar</th>
                                        <th class="text-center">Eliminar</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($evento->rrpps as $key => $rrpp)
                                        <tr>
                                            <td>{{ $rrpp->name }}</td>
                                            <td class="text-center"><a href="" target='_blank' style="color:inherit;"><i >{{$rrpp->pivot->porcentaje * 100}}</i></a></td>
                                            <td class="text-center"><a href="{{ url("evento/".$evento->hash."/".Hashids::encode($rrpp->id)) }}" target='_blank' style="color:inherit;"><i class='fas fa-link fa-lg'></i></a></td>
                                            <td class="text-center"><a href="{{ route('administrador.evento.organizador.invitar', [Hashids::encode($rrpp->id, $evento->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.rrppEliminar', [Hashids::encode($rrpp->pivot->id, time())]) }}" onclick="return confirm('{{Auth::User()->nickname()}} estas seguro que desea eliminar al RRPP {{$rrpp->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
                        <br>
                        {{ Form::open(['route' => ['administrador.evento.rrppAgregar',Hashids::encode($evento->id,  time())], 'method'=>'POST']) }}

                        {{ Form::label('', "RRPP", ['style'=>'font-weight: bold;']) }} *
                        {{ Form::select('user_id',$usuarios, null, ['required' => 'required', 'class'=>'form-control', 'placeholder'=>'Seleccione RRPP']) }}
                        <br>
                        {{ Form::label('', "Porcentaje", ['style'=>'font-weight: bold;']) }} *
                        {{ Form::number('porcentaje', null, ['required' => 'required', 'class'=>'form-control','min'=>0, 'max'=>100,'step'=>1,'placeholder'=>'Porcentaje RRPP'])  }}
                        <br>
                        <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 editar eventos futuros -->
        <div class="modal fade" id="eventoEditar{{$evento->id}}" tabindex="-1" role="dialog" aria-labelledby="eventoEditar" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Editar {{ $evento->nombre }}</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($evento, ['route' =>['administrador.evento.actualizar', Hashids::encode($evento->id, time())], 'method'=>'POST', 'files'=> true]) }}

                        {{ Form::label('', "Nombre", ['style'=>'font-weight: bold;']) }} *
                        {{ Form::text('nombre', null, ['required' => 'required', 'class'=>'form-control', 'placeholder'=>'Ingrese el nombre del evento']) }}
                        <br>
                        {{ Form::label('', "Fecha", ['style'=>'font-weight: bold;']) }} *
                        {{ Form::date('fecha', date('Y-m-d',strtotime($evento->fecha)), ['required' => 'required', 'class'=>'form-control']) }}
                        <br>
                        {{ Form::label('', "Hora", ['style'=>'font-weight: bold;']) }} *
                        {{ Form::time('hora', date('H:i',strtotime($evento->fecha)), ['required' => 'required', 'class'=>'form-control']) }}
                        <br>
                        {{ Form::label('', "Salon", ['style'=>'font-weight: bold;']) }} *
                        {{ Form::select('salon_id', $ddSalones, null, ['required' => 'required', 'class'=>'form-control', 'placeholder'=>'Seleccione un Salon']) }}
                        <br>
                        {{ Form::label('', "Color", ['style'=>'font-weight: bold;']) }} *
                        {{ Form::select('color_id', $ddColores, null, ['required' => 'required', 'class'=>'form-control', 'placeholder'=>'Seleccione el color del QR']) }}
                        <br>
                        {{ Form::label('', "Seña", ['style'=>'font-weight: bold;']) }} *
                        {{ Form::number('sena', null, ['required' => 'required', 'class'=>'form-control', 'placeholder'=>'Seña inicial']) }}
                        <br>
                        {{ Form::label('', "Porcentaje", ['style'=>'font-weight: bold;']) }} *
                        {{ Form::number('porcentaje', $evento->porcentaje * 100, ['required' => 'required', 'class'=>'form-control','min'=>0, 'max'=>100,'step'=>1,'placeholder'=>'Porcentaje productora'])  }}
                        <br>
                        {{ Form::label('', "Hash URL", ['style'=>'font-weight: bold;']) }} *
                        {{ Form::text('hash', null, ['required' => 'required', 'class'=>'form-control', 'placeholder'=>'Ingrese el hash del evento']) }}
                        <br>
                        {{ Form::label('', "Dirección", ['style'=>'font-weight: bold;']) }} *
                        {{ Form::text('direccion', null, [ 'class'=>'form-control', 'placeholder'=>'Ingrese la dirección del evento']) }}
                        <br>
                        {{ Form::label('', "GoogleMap URL", ['style'=>'font-weight: bold;']) }} *
                        {{ Form::text('direccion_url', null, ['class'=>'form-control', 'placeholder'=>'Ingrese la url de google para mostrar la ubicacion del evento']) }}
                        <br>
                        {{ Form::label('', "AU", ['style'=>'font-weight: bold;']) }} *
                        {{ Form::text('au', null, ['required' => 'required', 'class'=>'form-control', 'placeholder'=>'Ingrese el AU de Mercado Pago']) }}
                        <br>
                        <div class="form-floating">
                            {{ Form::label('', "Descripcíon del Evento", ['style'=>'font-weight: bold;']) }} *
                            {{ Form::textarea('descripcion', null, ['class'=>'form-control','style'=>'height:100px' ,'placeholder'=>'Ingrese descripcíon del Evento']) }}
                        </div>
                        <br>
                        {{ Form::checkbox('documento', 1, false) }}
                        &nbsp;
                        {{ Form::label('', "Solicitar Documento", ['style'=>'font-weight: bold;']) }}
                        <br>
                        {{ Form::label('', "Imagen/GIF", ['style'=>'font-weight: bold;']) }}
                        <br>
                        {{ Form::file('img', array()) }}
                        <br>
                        {{ Form::label('', "Mapa", ['style'=>'font-weight: bold;']) }}
                        <br>
                        {{ Form::file('imgMapa', array()) }}
                        <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>
                </div>
            </div>
        </div>

        <div class="modal fade" id="entradas{{$evento->id}}" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog modal-lg" 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">
                        {{ Form::label('', "Entradas", ['style'=>'font-weight: bold;']) }}
                        @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-right">Valor</th>
                                        <th class="text-right">Multiplo</th>
                                        <th class="text-right">Subtotal</th>
                                        <th class="text-center">Publica</th>
                                        <th class="text-center">Editar</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-right">$ {{ number_format($entrada->valor, 0, ',', '.') }}</td>
                                            <td class="text-center">{{ $entrada->multiplo }}</td>
                                            <td class="text-right">$ {{ number_format(($entrada->valor * $entrada->cantidad), 0, ',', '.') }}</td>
                                            <td class="text-center"><a href="{{ route('administrador.evento.entrada.privada', [Hashids::encode($entrada->id, time())]) }}" style="color:inherit;"> {!! $entrada->privada ? "<i class='fas fa-times fa-lg'>&zwnj;</i>" : "<i class='fas fa-check fa-lg'></i>"!!}</a></td>
                                            <td class="text-center"><a href="#" class="btn btn-tool" data-toggle="modal" data-target="#entradaEditar{{$entrada->id}}" style="color:inherit;"><i class="fas fa-edit fa-lg"></i></a></td>
                                        </tr>

                                        <div class="modal fade" id="entradaEditar{{$entrada->id}}" tabindex="-1" role="dialog" aria-labelledby="eventoEditar" aria-hidden="true">
                                            <div class="modal-dialog" role="document">
                                                <div class="modal-content">
                                                    <div class="modal-header">
                                                        <h5 class="modal-title">Editar <small>{{ $entrada->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::model($entrada, ['route' =>['administrador.evento.entrada.actualizar', Hashids::encode($entrada->id, time())], 'method'=>'POST']) }}

                                                        {{ Form::open(['route' => ['administrador.evento.entrada.guardar', Hashids::encode($evento->id, time())], 'method'=>'POST']) }}

                                                        {{ Form::label('', "Nombre", ['style'=>'font-weight: bold;']) }} *
                                                        {{ Form::text('nombre', null, ['required' => 'required', 'class'=>'form-control', 'placeholder'=>'Ingrese el nombre de la entrada']) }}
                                                        <br>
                                                        {{ Form::label('', "Valor", ['style'=>'font-weight: bold;']) }} *
                                                        {{ Form::number('valor', null, ['required' => 'required', 'min'=>0, 'class'=>'form-control', 'placeholder'=>'Ingrese el valor de la entrada']) }}
                                                        <br>
                                                        {{ Form::label('', "Cantidad", ['style'=>'font-weight: bold;']) }} *
                                                        {{ Form::number('cantidad', null, ['required' => 'required', 'min'=>0, 'class'=>'form-control', 'placeholder'=>'Ingrese el valor de la entrada']) }}
                                                        <br>
                                                        {{ Form::label('', "Multiplo", ['style'=>'font-weight: bold;']) }} *
                                                        {{ Form::number('multiplo', null, ['required' => 'required', 'min'=>0, 'class'=>'form-control', 'placeholder'=>'Ingrese el multiplo de entradas']) }}
                                                        <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>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                    <tr>
                                        <th>Total</th>
                                        <th class="text-center">{{ $evento->entradasCantidadTotal() }}</th>
                                        <th class="text-center"></th>
                                        <th class="text-center"></th>
                                        <th class="text-right">$ {{ number_format($evento->entradasRecaudacionTotal(), 0, ',', '.') }}</th>
                                        <th class="text-center"></th>
                                        <th class="text-center"></th>
                                    </tr>
                                </tbody>
                            </table>
                        @else
                            <div><br><p class="text-center">No Existen Registros</p><br></div>
                        @endif
                        <hr>
                        {{ Form::open(['route' => ['administrador.evento.entrada.guardar', Hashids::encode($evento->id, time())], 'method'=>'POST']) }}

                        {{ Form::label('', "Nombre", ['style'=>'font-weight: bold;']) }} *
                        {{ Form::text('nombre', null, ['required' => 'required', 'class'=>'form-control', 'placeholder'=>'Ingrese el nombre de la entrada']) }}
                        <br>
                        {{ Form::label('', "Valor", ['style'=>'font-weight: bold;']) }} *
                        {{ Form::number('valor', null, ['required' => 'required', 'min'=>0, 'class'=>'form-control', 'placeholder'=>'Ingrese el valor de la entrada']) }}
                        <br>
                        {{ Form::label('', "Cantidad", ['style'=>'font-weight: bold;']) }} *
                        {{ Form::number('cantidad', null, ['required' => 'required', 'min'=>0, 'class'=>'form-control', 'placeholder'=>'Ingrese cantidad de la entrada']) }}
                        <br>
                        {{ Form::label('', "Multiplo", ['style'=>'font-weight: bold;']) }} *
                        {{ Form::number('multiplo', null, ['required' => 'required', 'min'=>0, 'class'=>'form-control', 'placeholder'=>'Ingrese el multiplo de entradas']) }}
                        <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>

        <div class="modal fade" id="detalle{{$evento->id}}" tabindex="-1" role="dialog" aria-labelledby="eventoEditar" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Detalle <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">
                        <strong><i class="fa-solid fa-signature mr-1"></i> Nombre</strong>
                        <p class="text-muted">{{ $evento->nombre }}</p>
                        <hr>
                        <strong><i class="fa-solid fa-calendar mr-1"></i> Fecha</strong>
                        <p class="text-muted">{{ date('d/m/y - H:i', strtotime($evento->fecha)) }}</p>
                        <hr>
                        <strong><i class="fa-solid fa-location-dot mr-1"></i> Direccion</strong>
                        <p class="text-muted">
                            @if($evento->direccion_url != null)
                                <a href="{{$evento->direccion_url}}" target="_blank" style="color:inherit;"><i class="fa-solid fa-location-dot"></i></a>
                            @else
                                <i style="opacity: 0.25;" class="fa-solid fa-location-dot"></i>
                            @endif
                            &nbsp;
                            {{$evento->direccion}}
                        </p>
                        <hr>
                        <strong><i class="fa-solid fa-palette mr-1"></i> Color</strong>
                        <p class="text-muted"><i style="color:rgb({{$evento->color->r}}, {{$evento->color->g}}, {{$evento->color->b}}); opacity: {{$evento->color->t}}%;" class="fa-solid fa-circle fa-lg"></i>
                        </p>
                        <hr>
                        <strong><i class="fa-solid fa-users mr-1"></i> Capacidad</strong>
                        <p class="text-muted">{{ $evento->entradasCantidadTotal() }}</p>
                        <hr>
                        @if(0)
                            <strong><i class="fa-solid fa-money-bills mr-1"></i> Entradas por Compra</strong>
                            <p class="text-muted">{{ $evento->entradas_compra }}</p>
                            <hr>
                        @endif
                        <strong><i class="fa-solid fa-id-card mr-1"></i> Documento</strong>
                        <p class="text-muted">{{ $evento->documento ? "Si" : "No"}}</p>
                        <hr>
                        <strong><i class="fa-solid fa-hand-holding-dollar mr-1"></i> Seña</strong>
                        <p class="text-muted">$ {{ number_format($evento->sena, 0, ',', '.') }}</p>
                        <hr>
                        <strong><i class="fa-solid fa-percent mr-1"></i> Porcentaje</strong>
                        <p class="text-muted">{{ $evento->porcentaje }}</p>
                        <hr>
                        <strong><i class="fa-solid fa-hashtag mr-1"></i> Hash URL</strong>
                        <p class="text-muted">
                            <a href="{{ url($evento->hash) }}" target='_blank' style="color:inherit;">{{ url($evento->hash) }}</a>
                        </p>
                        <hr>
                        @if(count($evento->entradas))
                            <strong><i class="fa-solid fa-ticket mr-1"></i> Entradas</strong>
                            <p class="text-muted">
                                @foreach ($evento->entradas as $key => $entrada)
                                    {{ $entrada->nombre }} - $ {{ number_format($entrada->valor, 0, ',', '.') }}<br>
                                @endforeach
                            </p>
                            <hr>
                        @endif
                        @if($evento->imagen)
                            <strong><i class="fa-solid fa-image mr-1"></i> Imagen</strong>
                            <p align="center" class="text-muted"><a href="{{URL::asset($evento->imagen)}}" target='_blank' style="color:inherit;"><img src="{{URL::asset($evento->imagen)}}" class="img-fluid mb-2" alt="" style="width:250px !important"></a></p>
                            <hr>
                        @endif
                        @if($evento->mapa)
                            <strong><i class="fa-solid fa-image mr-1"></i> Plano</strong>
                            <p align="center" class="text-muted"><a href="{{URL::asset($evento->mapa)}}" target='_blank' style="color:inherit;"><img src="{{URL::asset($evento->mapa)}}" class="img-fluid mb-2" alt="" style="width:250px !important"></a></p>
                            <hr>
                        @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>
        @endforeach

        <!-- Modal evento Pasados -->
        @foreach ($eventosPasados as $evento)

            <!-- Modal editar eventos futuros -->
            <div class="modal fade" id="eventoEditar{{$evento->id}}" tabindex="-1" role="dialog" aria-labelledby="eventoEditar" aria-hidden="true">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title">Editar {{ $evento->nombre }}</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($evento, ['route' =>['administrador.evento.actualizar', Hashids::encode($evento->id, time())], 'method'=>'POST', 'files'=> true]) }}

                            {{ Form::label('', "Nombre", ['style'=>'font-weight: bold;']) }} *
                            {{ Form::text('nombre', null, ['required' => 'required', 'class'=>'form-control', 'placeholder'=>'Ingrese el nombre del evento']) }}
                            <br>
                            {{ Form::label('', "Fecha", ['style'=>'font-weight: bold;']) }} *
                            {{ Form::date('fecha', date('Y-m-d',strtotime($evento->fecha)), ['required' => 'required', 'class'=>'form-control']) }}
                            <br>
                            {{ Form::label('', "Hora", ['style'=>'font-weight: bold;']) }} *
                            {{ Form::time('hora', date('H:i',strtotime($evento->fecha)), ['required' => 'required', 'class'=>'form-control']) }}
                            <br>
                            {{ Form::label('', "Salon", ['style'=>'font-weight: bold;']) }} *
                            {{ Form::select('salon_id', $ddSalones, null, ['required' => 'required', 'class'=>'form-control', 'placeholder'=>'Seleccione un Salon']) }}
                            <br>
                            {{ Form::label('', "Color", ['style'=>'font-weight: bold;']) }} *
                            {{ Form::select('color_id', $ddColores, null, ['required' => 'required', 'class'=>'form-control', 'placeholder'=>'Seleccione el color del QR']) }}
                            <br>
                            {{ Form::label('', "Seña", ['style'=>'font-weight: bold;']) }} *
                            {{ Form::number('sena', null, ['required' => 'required', 'class'=>'form-control', 'placeholder'=>'Seña inicial']) }}
                            <br>
                            {{ Form::label('', "Porcentaje", ['style'=>'font-weight: bold;']) }} *
                            {{ Form::number('porcentaje', $evento->porcentaje * 100, ['required' => 'required', 'class'=>'form-control','min'=>0, 'max'=>100,'step'=>1,'placeholder'=>'Porcentaje productora'])  }}
                            <br>
                            {{ Form::label('', "Hash URL", ['style'=>'font-weight: bold;']) }} *
                            {{ Form::text('hash', null, ['required' => 'required', 'class'=>'form-control', 'placeholder'=>'Ingrese el hash del evento']) }}
                            <br>
                            {{ Form::label('', "Dirección", ['style'=>'font-weight: bold;']) }} *
                            {{ Form::text('direccion', null, [ 'class'=>'form-control', 'placeholder'=>'Ingrese la dirección del evento']) }}
                            <br>
                            {{ Form::label('', "GoogleMap URL", ['style'=>'font-weight: bold;']) }} *
                            {{ Form::text('direccion_url', null, ['class'=>'form-control', 'placeholder'=>'Ingrese la url de google para mostrar la ubicacion del evento']) }}
                            <br>
                            {{ Form::label('', "AU", ['style'=>'font-weight: bold;']) }} *
                            {{ Form::text('au', null, ['required' => 'required', 'class'=>'form-control', 'placeholder'=>'Ingrese el AU de Mercado Pago']) }}
                            <br>
                            <div class="form-floating">
                                {{ Form::label('', "Descripcíon del Evento", ['style'=>'font-weight: bold;']) }} *
                                {{ Form::textarea('descripcion', null, ['class'=>'form-control','style'=>'height:100px' ,'placeholder'=>'Ingrese descripcíon del Evento']) }}
                            </div>
                            <br>
                            {{ Form::checkbox('documento', 1, false) }}
                            &nbsp;
                            {{ Form::label('', "Solicitar Documento", ['style'=>'font-weight: bold;']) }}
                            <br>
                            {{ Form::label('', "Imagen/GIF", ['style'=>'font-weight: bold;']) }}
                            <br>
                            {{ Form::file('img', array()) }}
                            <br>
                            {{ Form::label('', "Mapa", ['style'=>'font-weight: bold;']) }}
                            <br>
                            {{ Form::file('imgMapa', array()) }}
                            <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>
                    </div>
                </div>
            </div>

            <div class="modal fade" id="entradas{{$evento->id}}" tabindex="-1" role="dialog" aria-hidden="true">
                <div class="modal-dialog modal-lg" 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">
                            {{ Form::label('', "Entradas", ['style'=>'font-weight: bold;']) }}
                            @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-right">Valor</th>
                                            <th class="text-center">Publica</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-right">$ {{ number_format($entrada->valor, 0, ',', '.') }}</td>
                                                @if($entrada->privada)
                                                    <td class="text-center"><i class="fa-solid fa-times fa-lg"></i></a></td>
                                                @else
                                                    <td class="text-center"><i class="fa-solid fa-check fa-lg"></i></a></td>
                                                @endif
                                            </tr>
                                        @endforeach
                                        <tr>
                                            <th>Total</th>
                                            <th class="text-center">{{ $evento->entradasCantidadTotal() }}</th>
                                            <th class="text-right">$ {{ number_format($evento->entradasRecaudacionTotal(), 0, ',', '.') }}</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>

            <div class="modal fade" id="detalle{{$evento->id}}" tabindex="-1" role="dialog" aria-labelledby="eventoEditar" aria-hidden="true">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title">Detalle <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">
                            <strong><i class="fa-solid fa-signature mr-1"></i> Nombre</strong>
                            <p class="text-muted">{{ $evento->nombre }}</p>
                            <hr>
                            <strong><i class="fa-solid fa-calendar mr-1"></i> Fecha y Hora</strong>
                            <p class="text-muted">{{ date('d/m/y - H:i', strtotime($evento->fecha)) }}</p>
                            <hr>
                            <strong><i class="fa-solid fa-users mr-1"></i> Capacidad</strong>
                            <p class="text-muted">{{ $evento->entradasCantidadTotal() }}</p>
                            <hr>
                            @if(0)
                                <strong><i class="fa-solid fa-money-bills mr-1"></i> Entradas por Compra</strong>
                                <p class="text-muted">{{ $evento->entradas_compra }}</p>
                                <hr>
                            @endif
                            <strong><i class="fa-solid fa-id-card mr-1"></i> Documento</strong>
                            <p class="text-muted">{{ $evento->documento ? "Si" : "No"}}</p>
                            <hr>
                            <strong><i class="fa-solid fa-hand-holding-dollar mr-1"></i> Seña</strong>
                            <p class="text-muted">$ {{ number_format($evento->sena, 0, ',', '.') }}</p>
                            <hr>
                            <strong><i class="fa-solid fa-percent mr-1"></i> Porcentaje</strong>
                            <p class="text-muted">{{ $evento->porcentaje }}</p>
                            <hr>
                            <strong><i class="fa-solid fa-hashtag mr-1"></i> Hash URL</strong>
                            <p class="text-muted">
                                {{ $evento->hash }}
                                <br>
                                <a href="{{ url($evento->hash) }}" target='_blank' style="color:inherit;">{{ url($evento->hash) }}</a>
                            </p>
                            <hr>
                            @if(count($evento->entradas))
                                <strong><i class="fa-solid fa-ticket mr-1"></i> Entradas</strong>
                                <p class="text-muted">
                                    @foreach ($evento->entradas as $key => $entrada)
                                        {{ $entrada->nombre }} - $ {{ number_format($entrada->valor, 0, ',', '.') }}<br>
                                    @endforeach
                                </p>
                                <hr>
                            @endif
                            @if($evento->imagen)
                                <strong><i class="fa-solid fa-image mr-1"></i> Imagen</strong>
                                <p align="center" class="text-muted"><a href="{{URL::asset($evento->imagen)}}" target='_blank' style="color:inherit;"><img src="{{URL::asset($evento->imagen)}}" class="img-fluid mb-2" alt="" style="width:150px !important"></a></p>
                                <hr>
                            @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>
            @endforeach

            <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() {
                $('#eventos').DataTable( {
                    "columnDefs": [
                        { "orderable": false, "targets": [1,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": 50,
                    //"dom": 'f<<t>p>'
                    "dom": '<"top"f>rt<"bottom"p><"clear">'
                } );

                $('#eventosPasados').DataTable( {
                    "columnDefs": [
                        { "orderable": false, "targets": [1,2,3,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": 50,
                    //"dom": 'f<<t>p>'
                    "dom": '<"top"f>rt<"bottom"p><"clear">'
                } );

            } );
            </script>
        @endsection

        @section('javascript')
        @endsection