@extends('plantilla.header')

@section('titulo')
   Análisis/Aprobación de Ayudas de Lentes
@stop

@section('js')
<script>
    function pulsar(obj, variable) {
        if (!obj.checked) return
        //elem=document.getElementsByName('requisitos[]');
        elem=document.getElementsByClassName('req'+variable);
    
        for(i=0;i<elem.length;i++) 
            elem[i].checked=false;

        //$("#require"+variable).val('1');
        obj.checked=true;
    }

    $('input[name="funcion"]').on('click', function(event){
        var opcion = $(this);
        if (opcion.val() == 'SI') {
            console.log("dddd");
        }else{
            console.log("ssss");
        }
        
    });

    function enviar(params) {
        //$('#bmensaje').attr('hidden','hidden');
        $("#bmensaje").empty();
        var uno = document.getElementById('bmensaje');
        uno.textContent = 'Cancelar';

        var aprobar = document.querySelectorAll("input[type=checkbox][id=aprobar]:checked");
        var denegar = document.querySelectorAll("input[type=checkbox][id=denegar]:checked");

        $("#id_mensaje").empty();
        $("#id_mensaje").append('<h3 class="h6 mb-4">Para aprobación: '+aprobar.length+', Para denegar: '+denegar.length+'</h3></br>');

        if (aprobar.length >= 1 || denegar.length >= 1) {
            $("#id_mensaje").append('<a type="submit" onclick="enviar1()" class="btn btn-dark"><i class="fa-solid fa-save"></i> Aceptar</a>');
        }

        $("#modal-mensaje").modal({
            show: false,
            keyboard: false,
            backdrop: 'static'
        });

        $("#modal-mensaje").modal("show");
    }

    function enviar1(){
        document.getElementById("enviarsolicitud").submit();
    }

    function check_aprobado(isChecked) {
        if(isChecked) {
            $('input[id="aprobar"]').each(function() { 
                this.checked = true; 
            });

            $('input[id="denegar"]').each(function() {
                this.checked = false;
            });

            $( "#ddenegar" ).prop( "checked", false );
        } else {
            $('input[id="aprobar"]').each(function() {
                this.checked = false;
            });

            $('input[id="denegar"]').each(function() {
                this.checked = false;
            });
        }
    }

    function check_denegar(isChecked) {
        if(isChecked) {
            $('input[id="denegar"]').each(function() { 
                this.checked = true; 
            });

            $('input[id="aprobar"]').each(function() {
                this.checked = false;
            });

            $( "#aaprobar" ).prop( "checked", false );
        } else {
            $('input[id="denegar"]').each(function() {
                this.checked = false;
            });

            $('input[id="aprobar"]').each(function() {
                this.checked = false;
            });
        }
    }

    </script>
@stop

@section('css')
<style>
    .denegar:checked{
        background-color: rgb(255, 0, 0) !important;
        border: 0;
    }

    .aprobar:checked{
        background-color: rgb(0, 165, 36) !important;
        border: 0;
    }
</style>
@stop

@section('contenido')
<div class="col-12 col-xl-12">
    <div class="card card-body bg-white border-light shadow-sm mb-4">

        <div class="row">
            <div class="col-sm-9 mb-3">
                <h3 class="h5 mb-4">Análisis/Aprobación de Ayudas de Lentes</h3>
            </div>
            <div class="col-sm-3" style="text-align: right;">
                <div class="form-group">
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-sm-12 mb-3">
                <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" name="inlineRadioOptions" id="funcion" value="option1" checked>
                    <label class="form-check-label" for="funcion">Rangos</label>
                  </div>
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" name="inlineRadioOptions" id="funcion" value="option2">
                    <label class="form-check-label" for="funcion">Cédula</label>
                  </div>
                  
            </div>
        </div>

        <div id="busqueda">
            {!!Form::open(['url' => route('admin_lentes_analisis'), 'method' => 'POST', 'class' => 'login-form'])!!}
            <div class="row">
                <div class="col-md-3 mb-3">
                    <div class="form-group">
                        <label for="city">Desde</label>
                        <input class="form-control" type="date" name="desde" id="desde" autocomplete="off" required maxlength="9">
                    </div>
                </div>
                <div class="col-md-3 mb-3">
                    <div class="form-group">
                        <label for="city">Hasta</label>
                        <input class="form-control" type="date" name="hasta" id="hasta" autocomplete="off" required maxlength="9">
                    </div>
                </div>

                <div class="col-md-3 mb-3">
                    <div class="form-group">
                        <label for="city">Comunidad</label>
                        {!! 
                            Form::select('comunidad', $comunidad, null, ['placeholder' =>  'SELECCIONE', 'class' =>  'form-select', 'required'  =>  'required', 'id'  =>  'comunidad']) 
                        !!}
                    </div>
                </div>
                <div class="col-md-3 mb-3">
                    <div class="form-group">
                        <label for="city">Ocupación</label>
                        {!! 
                            Form::select('ocupacion', $ocupacion, null, ['placeholder' =>  'SELECCIONE', 'class' =>  'form-select', 'required'  =>  'required', 'id'  =>  'ocupacion']) 
                        !!}
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-3 mb-3">
                    <div class="form-group">
                        <label for="city">Genero</label>
                        {!! 
                            Form::select('sexo', ['M' => 'MASCULINO', 'F' => 'FEMENINO', 'T' => 'TODOS'], null, ['placeholder' =>  'SELECCIONE', 'class' =>  'form-select', 'required'  =>  'required', 'id'  =>  'sexo']) 
                        !!}
                    </div>
                </div>
                <div class="col-md-3 mb-3">
                    <div class="form-group">
                        <label for="city">Edad desde</label>
                        <input class="form-control" type="number" value="0" name="desdee" id="desdee" autocomplete="off" required minlength="1" maxlength="3">
                    </div>
                </div>

                <div class="col-md-3 mb-3">
                    <div class="form-group">
                        <label for="city">Edad hasta</label>
                        <input class="form-control" type="number" value="0" name="hastae" id="hastae" autocomplete="off" required minlength="1" maxlength="3">
                    </div>
                </div>
                <div class="col-md-3 mb-3">
                    <div class="form-group">
                        <label for="city">Estatus</label>
                        {!! 
                            Form::select('estatus', ['4' => 'VENAPP (LINEA 58)', 'T' => 'TODOS'], null, ['placeholder' =>  'SELECCIONE', 'class' =>  'form-select', 'required'  =>  'required', 'id'  =>  'estatus']) 
                        !!}
                    </div>
                </div>

            </div>

            <div class="row">
                <div class="col-md-12 mb-3" style="text-align: right;">
                    <div class="form-group">
                        <button type="submit" class="btn btn-dark"><i class="fa-solid fa-search"></i> Buscar</button>
                    </div>
                </div>
            </div>

            {!! Form::close() !!}
        </div>
        <hr>
        <div id="busqueda2" hidden>
            <div class="row">
                <div class="col-md-3 mb-3">
                    <div class="form-group">
                        <label for="city">Cédula</label>
                        <input class="form-control input_user" type="text" value="" name="usuario" id="usuario" autocomplete="off" required minlength="7" maxlength="12">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 mb-3" style="text-align: right;">
                    <div class="form-group">
                        <button type="submit" class="btn btn-dark"><i class="fa-solid fa-search"></i> Buscar</button>
                    </div>
                </div>
            </div>
        </div>

        <hr>
        @if (!@empty($datos))
        <div class="row">
            <div class="col-md-12 mb-3" style="text-align: right;">
                <div class="form-group">
                    <button type="submit" class="btn btn-dark" onclick="enviar(this)"><i class="fa fa-paper-plane"></i> Aprobar/Denegar</button>
                </div>
            </div>
        </div>
        @endif

        <div class="row">
            <div class="col-md-12 mb-3 table-responsive">
                <table class="table table-striped table-sm">
                    <thead>
                      <tr>
                        <th scope="col">#</th>
                        <th scope="col">Fecha R</th>
                        <th scope="col">Cédula</th>
                        <th scope="col">Nombre</th>

                        <th scope="col">Menor</th>
                        <th scope="col">Cédula</th>
                        <th scope="col">Nombre</th>
                        <th scope="col">Genero</th>
                        <th scope="col">Edad</th>

                        <th scope="col">VenApp/Reporte</th>
                        <th scope="col">Estatus</th>
                        <th scope="col"><input onClick="check_aprobado(this.checked);" type="checkbox" class="form-check-input aprobar" name="aaprobar" id="aaprobar"> A</th>
                        <th scope="col"><input onClick="check_denegar(this.checked);" type="checkbox" class="form-check-input denegar" name="ddenegar" id="ddenegar"> D</th>
                      </tr>
                    </thead>
                    <tbody>
                    	@php $aviso = "NO"; @endphp

                        @if (!@empty($datos))
                            {!!Form::open(['url' => route('aprobacion'), 'method' => 'POST', 'class' => 'login-form', 'id' => 'enviarsolicitud', 'name' => 'enviarsolicitud'])!!}

                            @php $contar = 1; @endphp
                            @foreach ($datos as $i => $d)
                            @if ($d->menor == 'SI')
                                @if ($sexo == $d->generom)
                                <tr>
                                    <td>{{$contar++}}</td>
                                    <td>{{$d->fecha_registro}}</td>
                                    <td>{{$d->cedula}}</td>
                                    <td>{{$d->nombre}}</td>
                                    <td>{{$d->menor}}</td>
                                    <td>{{$d->menor_cedula}}</td>
                                    <td>{{$d->menor_nombre}}</td>
    
                                    @if ($d->menor == 'SI')
                                        <td>{{$d->generom}}</td>
                                        <td>{{$d->edadmenor}}</td>
                                    @else
                                        <td>{{$d->generoa}}</td>
                                        <td>{{$d->edad}}</td>
                                    @endif
    
                                    @if ($d->app == '0')
                                        <td>SIN ESPECIFICAR</td>
                                    @else
                                        @if ($d->app == 'SI')
                                            <td>{{$d->app}}/{{$d->reporte}}</td>
                                        @else
                                            <td>{{$d->app}}</td>
                                        @endif
                                    @endif
    
                                    <td>{{$d->estatus}}</td>
                                    <td><input type="checkbox" onclick="pulsar(this, {{$i+1}})" class="form-check-input req{{$i+1}} aprobar" value="{{$d->id_sol}}" name="aprobar[]" id="aprobar"></td>
                                    <td><input type="checkbox" onclick="pulsar(this, {{$i+1}})" class="form-check-input req{{$i+1}} denegar" name="denegar[]" id="denegar" value="{{$d->id_sol}}"></td>
                                </tr>
                                @elseif ($sexo == 'T')
                                <tr>
                                    <td>{{$contar++}}</td>
                                    <td>{{$d->fecha_registro}}</td>
                                    <td>{{$d->cedula}}</td>
                                    <td>{{$d->nombre}}</td>
                                    <td>{{$d->menor}}</td>
                                    <td>{{$d->menor_cedula}}</td>
                                    <td>{{$d->menor_nombre}}</td>
    
                                    @if ($d->menor == 'SI')
                                        <td>{{$d->generom}}</td>
                                        <td>{{$d->edadmenor}}</td>
                                    @else
                                        <td>{{$d->generoa}}</td>
                                        <td>{{$d->edad}}</td>
                                    @endif
    
                                    @if ($d->app == '0')
                                        <td>SIN ESPECIFICAR</td>
                                    @else
                                        @if ($d->app == 'SI')
                                            <td>{{$d->app}}/{{$d->reporte}}</td>
                                        @else
                                            <td>{{$d->app}}</td>
                                        @endif
                                    @endif
    
                                    <td>{{$d->estatus}}</td>
                                    <td><input type="checkbox" onclick="pulsar(this, {{$i+1}})" class="form-check-input req{{$i+1}} aprobar" value="{{$d->id_sol}}" name="aprobar[]" id="aprobar"></td>
                                    <td><input type="checkbox" onclick="pulsar(this, {{$i+1}})" class="form-check-input req{{$i+1}} denegar" name="denegar[]" id="denegar" value="{{$d->id_sol}}"></td>
                                </tr>
                                @endif
                            @else
                                @if ($sexo == $d->generoa)
                                <tr>
                                    <td>{{$contar++}}</td>
                                    <td>{{$d->fecha_registro}}</td>
                                    <td>{{$d->cedula}}</td>
                                    <td>{{$d->nombre}}</td>
                                    <td>{{$d->menor}}</td>
                                    <td>{{$d->menor_cedula}}</td>
                                    <td>{{$d->menor_nombre}}</td>
    
                                    @if ($d->menor == 'SI')
                                        <td>{{$d->generom}}</td>
                                        <td>{{$d->edadmenor}}</td>
                                    @else
                                        <td>{{$d->generoa}}</td>
                                        <td>{{$d->edad}}</td>
                                    @endif
    
                                    @if ($d->app == '0')
                                        <td>SIN ESPECIFICAR</td>
                                    @else
                                        @if ($d->app == 'SI')
                                            <td>{{$d->app}}/{{$d->reporte}}</td>
                                        @else
                                            <td>{{$d->app}}</td>
                                        @endif
                                    @endif
    
                                    <td>{{$d->estatus}}</td>
                                    <td><input type="checkbox" onclick="pulsar(this, {{$i+1}})" class="form-check-input req{{$i+1}} aprobar" value="{{$d->id_sol}}" name="aprobar[]" id="aprobar"></td>
                                    <td><input type="checkbox" onclick="pulsar(this, {{$i+1}})" class="form-check-input req{{$i+1}} denegar" name="denegar[]" id="denegar" value="{{$d->id_sol}}"></td>
                                </tr>
                                @elseif ($sexo == 'T')
                                <tr>
                                    <td>{{$contar++}}</td>
                                    <td>{{$d->fecha_registro}}</td>
                                    <td>{{$d->cedula}}</td>
                                    <td>{{$d->nombre}}</td>
                                    <td>{{$d->menor}}</td>
                                    <td>{{$d->menor_cedula}}</td>
                                    <td>{{$d->menor_nombre}}</td>
    
                                    @if ($d->menor == 'SI')
                                        <td>{{$d->generom}}</td>
                                        <td>{{$d->edadmenor}}</td>
                                    @else
                                        <td>{{$d->generoa}}</td>
                                        <td>{{$d->edad}}</td>
                                    @endif
    
                                    @if ($d->app == '0')
                                        <td>SIN ESPECIFICAR</td>
                                    @else
                                        @if ($d->app == 'SI')
                                            <td>{{$d->app}}/{{$d->reporte}}</td>
                                        @else
                                            <td>{{$d->app}}</td>
                                        @endif
                                    @endif
    
                                    <td>{{$d->estatus}}</td>
                                    <td><input type="checkbox" onclick="pulsar(this, {{$i+1}})" class="form-check-input req{{$i+1}} aprobar" value="{{$d->id_sol}}" name="aprobar[]" id="aprobar"></td>
                                    <td><input type="checkbox" onclick="pulsar(this, {{$i+1}})" class="form-check-input req{{$i+1}} denegar" name="denegar[]" id="denegar" value="{{$d->id_sol}}"></td>
                                </tr>
                                @endif
                            @endif
                            @endforeach
                            {!! Form::close() !!}
                        @else
                            <tr>
                                <td colspan="13" style="text-align: center"><label>Sin Solicitud</label></td>
                            </tr>
                        @endif
                    </tbody>
                </table>
            </div>
        </div>
        @if (!@empty($datos))
        <div class="row">
            <div class="col-md-12 mb-3" style="text-align: right;">
                <div class="form-group">
                    <button type="submit" class="btn btn-dark" onclick="enviar(this)"><i class="fa fa-paper-plane"></i> Aprobar/Denegar</button>
                </div>
            </div>
        </div>
        @endif

    </div>
</div>
@stop