@extends('fragments.fullTemplate')

@section('titulo')
    Laboratorio
@endsection

@section('contenido')
@php
    //use App\Http\Controllers\plaza_de_cobros;
    //$objPlaza = new plaza_de_cobros();
@endphp    

    <div class="ui big breadcrumb">
        <div class="section">Administración</div>
        <i class="right chevron icon divider"></i>
        <div class="section active">Laboratorio</div>
    </div>
    
    <div class="ui divider"></div>
    
    <div data-module-notifications-anchor></div>
    <div class="content">
        <div class="col-lg-12 col-md-12 col-sm-12">
            @if(session()->has('success'))
                <div class="alert alert-success text-center alert-dismissible" role="alert">
                    <strong>{{ session()->get('success') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
            @endif
            @if(session()->has('warning'))
                <div class="alert alert-warning text-center alert-dismissible" role="alert">
                    <strong>{{ session()->get('warning') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
            @endif
            @if(session()->has('error'))
                <div class="alert alert-danger text-center alert-dismissible" role="alert">
                    <strong>{{ session()->get('error') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
            @endif
            @if (count($errors) > 0)
            <div class="alert alert-danger alert-dismissible" role="alert">
                <strong>¡Error!</strong> Revise los campos obligatorios.<br><br>
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <ul>
                @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
                @endforeach
                </ul>
            </div>
            @endif
        </div>
    </div>

    @include('Requisicion_compra.Notificacion.notificacion_requisicion_modal')
    {{--@include('Modificaciones.notificacion_modificacion')--}}
    
    <div class="ui segment">
        <div class="form-row">
            <div class="col-lg-12 text-center">
                <label for="grafica_pastel"><b>Totalidad de reportes</b></label>
                <canvas id="tipo_cliente_grafica_js"></canvas>
            </div>
        </div>
    </div>
    
    <div class="ui divider"></div>

    <div class="sx-autorender">
        <div class="sx-scroll-x">
            <div id="accordion">
            @foreach ($lineas as $linea)
                @php
                    $count_informes = 0;
                @endphp
                @foreach ($linea->analistas as $analista)
                    @php
                        $count_informes+= $analista->informes->count();
                    @endphp
                @endforeach
                <div class="card">
                    <div class="card-header" id="headingOne">
                        <h5 class="mb-0" id="list-item-{{$linea->id_linea_trabajo}}">
                            <button class="btn btn-link" data-toggle="collapse" data-target="#collapse{{$linea->id_linea_trabajo}}" aria-expanded="true" aria-controls="collapse{{$linea->id_linea_trabajo}}">
                                <b>{{ $linea->linea_trabajo}}</b> - {{ $linea->jefe_laboratorio}}
                            </button>
                        </h5>
                        <br>
                        <div class="card-subtitle mb-2">
                            
                            <div class="progress">
                                <div class="progress-bar progress-bar-striped progress-bar-animated @if($count_informes > $linea->maximo_informes_semana) bg-danger @endif"
                                     role="progressbar" 
                                     aria-valuemin="0" 
                                     aria-valuemax="100" 
                                     style="width: {{($count_informes / ($linea->maximo_informes_semana > 0 ? $linea->maximo_informes_semana : 1))*100}}%">
                                     {{$count_informes}} / {{$linea->maximo_informes_semana}}
                                </div>
                            </div>
                        </div>
                    </div>
                
                    <div id="collapse{{$linea->id_linea_trabajo}}" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
                            <table class="ui celled table unstackable">
                                <thead>
                                    <tr>
                                        <th class="">Analista</th>
                                        <th class="">No. informes</th>
                                        <th class="">No. informes ARM</th>
                                        <th class="collapsing">Acciones</th>
                                    </tr>
                                </thead> 
                                <tbody>
                                    @if($linea->analistas->count())
                                    @foreach ($linea->analistas as $analista)
                                        <tr>
                                            <td>{{$analista->nombre}} {{$analista->apaterno}} {{$analista->amaterno}}</td>
                                            <td>{{$analista->informes->count()}}</td>
                                            <td>{{$analista->datos_informes_arm->count()}}</td>
                                            <td>
                                                <div class="ui tiny icon buttons">
                                                    <!-- Editar -->
                                            @if ($permisos->actualizar == 1 ) 
                                                    <a class="ui button green edit_programacion" title="Modifica" id="" data-id="{{$analista->id_tecnico}}" data-id_linea="{{$analista->id_linea_trabajo}}">
                                                        <i class="pencil alternate icon"></i>
                                                    </a>
                                                     @endif   
                                                </div>
                                            </td>
                                        </tr>
                                    @endforeach
                                    @else
                                    <tr>
                                        <td>No se encontraron registros</td>
                                    </tr>
                                    @endif
                                </tbody>
                            </table>
                        </div>
                    </div>
                
            @endforeach
            
            </div>
        </div>
    </div>

    @include('Laboratorio.edit_informe')
    
    <script>

        var labels = Array();

        var densityData = {
            label: 'Cantidad de informe por linea de trabajo', 
            data: [],
            backgroundColor: [
                'rgba(0, 99, 132, 0.6)',
                'rgba(30, 99, 132, 0.6)',
                'rgba(60, 99, 132, 0.6)',
                'rgba(90, 99, 132, 0.6)',
                'rgba(120, 99, 132, 0.6)',
                'rgba(150, 99, 132, 0.6)',
                'rgba(180, 99, 132, 0.6)',
                'rgba(210, 99, 132, 0.6)',
                'rgba(240, 99, 132, 0.6)'
            ],
            borderColor: [
                'rgba(0, 99, 132, 1)',
                'rgba(30, 99, 132, 1)',
                'rgba(60, 99, 132, 1)',
                'rgba(90, 99, 132, 1)',
                'rgba(120, 99, 132, 1)',
                'rgba(150, 99, 132, 1)',
                'rgba(180, 99, 132, 1)',
                'rgba(210, 99, 132, 1)',
                'rgba(240, 99, 132, 1)'
            ],
            borderWidth: 2,
            hoverBorderWidth: 0
        };

        var chartOptions = {
            scales: {
                xAxes: [{
                    ticks: {
                        beginAtZero: true,
                        max: 50
                    }
                }]
            },
            elements: {
                rectangle: {
                    borderSkipped: 'left',
                }
            }
        };

        const lineas = {!! json_encode($lineas) !!};
        let i = 0;

        for(var linea of lineas ){

            labels[i]= linea.linea_trabajo;
            densityData["data"][i] = 0;
            for(var analista of linea.analistas){
                //console.log(analista.informes.length);
                densityData["data"][i] += analista.informes.length;
            }
            i++;
        }

        var ctx = document.getElementById('tipo_cliente_grafica_js').getContext('2d');
        
        var chart = new Chart(ctx, {
            // The type of chart we want to create
            type: 'horizontalBar',

            // The data for our dataset
            data: {
                labels: labels,
                datasets: [densityData]
                
            },

            // Configuration options go here
            options: chartOptions
        });

        $(document).ready(function() {
            
            $('.edit_programacion').click(function() {
                showLoader();
                id_analista = $(this).data('id');
                id_linea_trabajo = $(this).data('id_linea');
                $('#id_linea_trabajo_modal').val(id_linea_trabajo);
                        
                $.ajax({
                    url:"{{ url('laboratorio/informes') }}",
                    method:"POST",
                    data:{'id_analista': id_analista, 'id_linea_trabajo': id_linea_trabajo, '_token': _token = $('input[name="_token"]').val()},
                    success:function(response){
                        result = JSON.parse(response); 
                        resultData = result.data;

                        html_option = "";
                        html_analistas = "<option selected disabled>--Seleccione--</option>";
                        $('#id_informe.selectpicker').selectpicker('refresh')
                        console.log(resultData.informes);
                        if (resultData.informes.length > 0) {
                            $.each(resultData.informes, function(key, value) {
                                html_option +="<option value="+value['id_programacion_muestra']+">"+value['folio_programacion']+" ( "+value['fecha_entrega_cliente']+" )</option>";
                            });
                            
                        }else{
                            //html_option +="<option selected disabled>--Seleccione--</option>";
                        }
                        $.each(resultData.analistas, function(key, value) {
                                html_analistas +="<option value="+value['id_tecnico']+">"+value['nombre']+" "+value['apaterno']+" "+value['amaterno']+"</option>";
                            });

                        html_option_arm = "";
                        if (resultData.reportes_arm.length > 0) {
                            $.each(resultData.reportes_arm, function(key, value) {
                                html_option_arm += "<option value="+value['id_programacion_arm']+">"+value['folio_programacion']+" ( "+value['fecha_entrega_cliente']+" )</option>";
                                    
                            });   
                        }
                        $('#id_informe').html(html_option);
                        $('#id_informe.selectpicker').selectpicker('refresh');
                        $('#id_analista').html(html_analistas);
                        $('#id_analista_arm').html(html_analistas);
                        $('#id_programacion_arm').html(html_option_arm);
                        $('#id_programacion_arm.selectpicker').selectpicker('refresh')

                        $('#id_analista.selectpicker').selectpicker('refresh')
                        $('#id_analista_arm.selectpicker').selectpicker('refresh')

                        $('#modalEditProgramacion').modal('show');
                        hideLoader();
                    }
                });
            });


            /*$('.disponibilidad').keydown(function(){
                cargarDisponibilidad()
            });*/
        });
            
        $('.disponibilidad').change(function(){
                cargarDisponibilidad()
        });

        cargarDisponibilidad = function(){
            id_informe = $('#id_informe').val();
            id_analista = $('#id_analista').val();
            fecha_entrega_cliente = $('#fecha_entrega_cliente').val();
            if(id_analista && fecha_entrega_cliente){
                fecha_entrega_cliente = fecha_entrega_cliente.split("-")
                let day = parseInt(fecha_entrega_cliente[2]);
                let month = parseInt(fecha_entrega_cliente[1]);
                let year = parseInt(fecha_entrega_cliente[0]);
                console.log(day);
                $('#disponibilidad').load("{{url('laboratorio/analista')}}"+"/"+id_analista+"/fecha/year/"+year+"/month/"+month+"/day/"+day);
            }
            console.log(id_informe, id_analista, fecha_entrega_cliente);
        };
    </script>

    <script>
        $(document).ready(function () {

            $('.form_informes_general').click(function (e) { 
               $('#tipo_form').val(1);
            });
            $('.form_informes_arm').click(function (e) { 
               $('#tipo_form').val(2);
            });

            function carga_analaistas_linea(params) {
                
            }
        });
    </script>
    
@endsection