@extends('layouts.app')

@section('head')
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.25/css/jquery.dataTables.min.css" />
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.21/css/dataTables.bootstrap4.min.css" />
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/responsive/2.2.9/css/responsive.dataTables.min.css" />
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/buttons/2.0.0/css/buttons.dataTables.min.css" />



@endsection

@section('activeValidaciones')
active
@endsection

@section('content')
<div class="col-md-12">
    <div class="row justify-content-center">
        <div class="col-md-12">

            @if(Auth::user()->rol != 2)
            <div class="card">
                <div class="card-header">Personas a validar</div>
                <div class="card-body">
                    <form action="{{url('/admin/validaciones/nueva')}}" method="POST">
                        {{ csrf_field() }}
                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-3">
                                    <label>Email</label>
                                    <input required type="text" class="form-control" name="email">
                                </div>
                                <div class="col-md-3">
                                    <label>Documento</label>
                                    <input required type="text" class="form-control" name="documento">
                                </div>
                                <div class="col-md-3">
                                    <label>Distrito</label>
                                    <input type="text" class="form-control" name="distrito">
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-3">
                                    <label>Nombre</label>
                                    <input required type="text" class="form-control" name="nombre">
                                </div>
                                <div class="col-md-3">
                                    <label>Apellido</label>
                                    <input type="text" class="form-control" name="apellido">
                                </div>
                                <div class="col-md-3">
                                    <label>Rol</label>
                                    <select required class="form-control" name="tipo_rol">
                                        @foreach ($roles as $item)
                                        <option value="{{$item->id}}">{{$item->nombre}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-3">
                                    <label>Socio</label>
                                    <input type="text" class="form-control" name="socio">
                                </div>

                                <div class="col-md-3">
                                    <label>Celular</label>
                                        <input placeholder="+549 11 22223333" type="text" class="form-control" name="celular">
                                </div>

                                <div class="col-md-3">
                                    <label>Votacion</label>
                                    <select class="form-control" name="votacion">
                                        <option value="0">Sin Voto</option>
                                        @foreach ($votaciones as $voto)
                                        <option value="{{$voto->id}}">{{$voto->nombre}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6">
                                    <label>Razón Social</label>
                                    <input type="text" class="form-control" name="razonsocial">
                                </div>
                            </div>
                        </div>
                </div>
                <div class="col-md-9">
                    <button type="submit" class="btn btn-primary btn-block">Agregar Persona</button>
                </div>
                </form>
            </div>
            @endif

        </br>

            <div class="card-header"><h3>Lista de personas</h3></div>

            @if(Auth::user()->rol != 2)
            <div class="card-header">
                <a href="{{url('/admin/reportes')}}"><button class="btn btn-info">Ir a Reportes</button></a>

                <a href="{{url('/admin/reportes/delegadosensala')}}"><button class="btn btn-success">Reporte de Delegados en Sala</button></a>
            </div>
            @endif



            <div class="card-body">
                <table id="example" class="display" style="width:100%">
                    <thead>
                        <tr>
                            <th>Documento</th>
                            <th>Apellido</th>
                            <th>Nombre</th>
                            <th>Socio</th>
                            <th>Rol</th>
                            <th>Votacion</th>
                            <th>Declaracion</th>
                            <th>Habilitado</th>
                            <th>Asist. Conf.</th>
                            <th>Email</th>
                            <th>Bloqueo</th>
                            <th>VER</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($validaciones as $item)
                        <tr>
                                <td>{{$item->documento}}</td>
                                <td>{{$item->apellido}}</td>
                                <td>{{$item->nombre}}</td>
                                <td>{{$item->socio}}</td>
                                <td>
                                    @if($item->Rol) {{  $item->Rol->nombre  }} @endif
                                </td>
                            <td> @if($item->votacion == 0) Sin Voto @else {{$item->Voto->nombre}} @endif </td>

                            <td> @if($item->declaracion != "") Declaracion Subida @else Sin declaracion @endif </td>

                            <td>
                                @if($item->asistencia == 0) NO @endif
                                @if($item->asistencia == 1) SI @endif
                              </td>

                              <td>
                                @if($item->aconfirmada == 0) NO @endif
                                @if($item->aconfirmada == 1) SI @endif
                              </td>


                              <td>
                                {{ $item->email }}
                              </td>


                            <td style="color: red"> @if($item->intentos > 3) Bloqueado @endif</td>

                                <td><a href="{{url('/admin/validaciones')}}/{{$item->id}}">
                                <button class="btn btn-info">VER</button>
                                </a></td>
                        </tr>
                        @endforeach
                    </tbody>
                    <tfoot>
                        <tr>
                            <th>Documento</th>
                            <th>Apellido</th>
                            <th>Nombre</th>
                            <th>Socio</th>
                            <th>Rol</th>
                            <th>Votacion</th>
                            <th>Declaracion</th>
                            <th>Habilitado</th>
                            <th>Asist. Conf.</th>
                            <th>Bloqueo</th>
                            <th>VER</th>
                        </tr>
                    </tfoot>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection


@section('script')
<script type="text/javascript" src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/responsive/2.2.9/js/dataTables.responsive.min.js"></script>

<script type="text/javascript" src="https://cdn.datatables.net/buttons/2.0.0/js/dataTables.buttons.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/2.0.0/js/buttons.html5.min.js"></script>

<script>
    $(document).ready(function() {
    var table = $('#example').DataTable( {
        "language": {
            "url": "https://cdn.datatables.net/plug-ins/1.10.21/i18n/Spanish.json"
        },
         dom: 'Bfrtip',
         lengthMenu: [
[ 10, 25, 50, -1 ],
[ '10 Filas', '25 Filas', '50 Filas', 'Mostrar todo' ]
],
        buttons: [
            'copyHtml5',
            'excelHtml5',
            'csvHtml5',
            'pdfHtml5',
            'pageLength'
        ],
        stateSave: true,
        "order": [[1, 'asc']]
    } );
} );

function confirmarBorrar(){
    Swal.fire({
        title: 'Are you sure?',
        text: "You won't be able to revert this!",
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#3085d6',
        cancelButtonColor: '#d33',
        confirmButtonText: 'Yes, delete it!'
      }).then((result) => {
        if (result.isConfirmed) {
          Swal.fire(
            'Deleted!',
            'Your file has been deleted.',
            'success'
          )
        }
      })
}


</script>

@endsection