@extends('layouts.app')

@section('head')

@endsection

@section('activeReportes')
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"> <h3>Reportes

                <div class="float-right">
                    <a href="{{url('/admin/validaciones')}}">
                    <button type="button" class="btn btn-primary">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-left" viewBox="0 0 16 16">
                        <path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z"></path>
                        </svg>
                        Volver
                      </button>
                    </a>
                    </div>
                </h3>
                </div>

                <div class="card-body">
                    <form action="{{url('/admin/reportes/generar')}}" method="POST">
                        {{ csrf_field() }}


                        <div class="card-header mb-1"> <h4>Roles
                            <button type="button" class="btn btn-info" onclick="marcarTodo('rol')">Marcar todo</button>
                            <button type="button" class="btn btn-info" onclick="desmarcarTodo('rol')">Desmarcar todo</button>
                        </h4>
                             </div>


                        <div class="row">
                            @foreach ($roles as $rol)
                            <div class="col-lg-3">
                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <div class="input-group-text">
                                        <input class="rol" name="rol_{{$rol->id}}" checked type="checkbox">
                                    </div>
                                </div>
                                <input data-toggle="tooltip" data-placement="top" title="{{$rol->nombre}}"  disabled type="text" class="form-control" value="{{$rol->nombre}}">
                            </div>
                            </div>
                            @endforeach
                        </div>

                        <div class="card-header mb-1"><h4>Opciones de Votacion
                            <button type="button" class="btn btn-info" onclick="marcarTodo('vot')">Marcar todo</button>
                            <button type="button" class="btn btn-info" onclick="desmarcarTodo('vot')">Desmarcar todo</button>
                        </h4>
                             </div>
                        <div class="row">
                            <div class="col-lg-2">
                                <div class="input-group mb-3">
                                    <div class="input-group-prepend">
                                        <div class="input-group-text">
                                            <input class="vot" name="vot_0" checked type="checkbox">
                                        </div>
                                    </div>
                                    <input disabled type="text" class="form-control" value="Sin Voto">
                                </div>
                                </div>

                            @foreach ($votaciones as $item)
                            <div class="col-lg-3">
                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <div class="input-group-text">
                                        <input  class="vot" name="vot_{{$item->id}}" checked type="checkbox">
                                    </div>
                                </div>
                                <input data-toggle="tooltip" data-placement="top" title="{{$item->nombre}}"  disabled type="text" class="form-control" value="{{$item->nombre}}">
                            </div>
                            </div>
                            @endforeach
                        </div>


                        <div class="card-header mb-1"><h4>Otras Opciones
                            <button type="button" class="btn btn-info" onclick="marcarTodo('otras')">Marcar todo</button>
                            <button type="button" class="btn btn-info" onclick="desmarcarTodo('otras')">Desmarcar todo</button>
                        </h4>

                        </div>
                        <div class="row">
                            <div class="col-lg-3">
                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <div class="input-group-text">
                                        <input class="otras" name="declaracion_si" checked type="checkbox">
                                    </div>
                                </div>
                                <input disabled type="text" class="form-control" value="Declaracion Presentada">
                            </div>
                            </div>

                            <div class="col-lg-3">
                                <div class="input-group mb-3">
                                    <div class="input-group-prepend">
                                        <div class="input-group-text">
                                            <input class="otras" name="declaracion_no" checked type="checkbox">
                                        </div>
                                    </div>
                                    <input disabled type="text" class="form-control" value="Declaracion No Presentada">
                                </div>
                                </div>
                        </div>

                        <div class="row">
                        <div class="col-lg-3">
                        <div class="input-group mb-3">
                            <div class="input-group-prepend">
                                <div class="input-group-text">
                                    <input class="otras" name="habilitado_si" checked type="checkbox">
                                </div>
                            </div>
                            <input disabled type="text" class="form-control" value="Habilitados">
                        </div>
                        </div>

                        <div class="col-lg-3">
                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <div class="input-group-text">
                                        <input class="otras" name="habilitado_no" checked type="checkbox">
                                    </div>
                                </div>
                                <input disabled type="text" class="form-control" value="No Habilitados">
                            </div>
                            </div>
                    </div>

                    <div class="row">
                        <div class="col-lg-3">
                        <div class="input-group mb-3">
                            <div class="input-group-prepend">
                                <div class="input-group-text">
                                    <input class="otras" name="asistencia_si" checked type="checkbox">
                                </div>
                            </div>
                            <input disabled type="text" class="form-control" value="Asistencia Confirmada">
                        </div>
                        </div>

                        <div class="col-lg-3">
                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <div class="input-group-text">
                                        <input class="otras" name="asistencia_no" checked type="checkbox">
                                    </div>
                                </div>
                                <input disabled type="text" class="form-control" value="Asistencia No Confirmada">
                            </div>
                            </div>
                    </div>

                    <div class="row">
                        <div class="col-lg-3">
                        <div class="input-group mb-3">
                            <div class="input-group-prepend">
                                <div class="input-group-text">
                                    <input class="otras" name="ensala" type="checkbox">
                                </div>
                            </div>
                            <input disabled type="text" class="form-control" value="En Sala">
                        </div>
                        </div>
                    </div>



                        <div class="col-md-9">
                            <button type="submit" class="btn btn-primary btn-block">Generar Reporte</button>
                        </div>
                    </form>
                </div>
                @endif

                </br>

                @endsection


                @section('script')


                <script>
                    function marcarTodo(clase){
                        $("."+clase).prop("checked",true);
                     }

                     function desmarcarTodo(clase){
                        $("."+clase).prop("checked",false);
                     }

                </script>

                @endsection