@extends('fragments.fullTemplate')
@section('titulo')
Equipo de pruebas
@endsection
@php
    $id_usuario = session('id_usuario');
    if (! session('id_usuario')) {
            header('location: /');
            die();
    }
@endphp
@section('contenido')
    <div class="ui big breadcrumb">
        <div class="section">Calidad</div>
        <i class="right chevron icon divider"></i>
        <div class="active section">Equipo de pruebas</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('Control_documentos.Notificacion.notificacion_documento_version')
    @include('Modificaciones.notificacion_modificacion')
    @include('Modificaciones.Notificacion.notificacion_modificacion_firma_modal')
    <div class="ui segment">
        <form class="ui form" action="equipo_pruebas" method="get">
            <div class="inline fields sx-remove-margin">
                <div class="twelve wide field">
                    <input type="search" name="search" id="search" placeholder="Equipo..." value="{{$search ?? ''}}">
                </div>
                <div class="four wide field">
                    <input class="ui button" type="submit" name="" value="Buscar">
                </div>
            </div>
        </form>
    </div>
    
	@if ($permisos->crear == 1)
    <button class="ui button fluid primary create_modal_tecnico">
        <i class="pencil alternate icon"></i> Nuevo equipo
    </button>    
	@endif
    <div class="ui divider"></div>

    <div class="sx-autorender">
        <div class="sx-scroll-x">
            <p class="text-center" >{{ $equipos_de_pruebas->count() }}</strong> resultados en esta página</p>
            <div class="dt-responsive table-responsive">
                <table id="lang-dt" class="ui celled table unstackable structured">
                    <thead>
                        <tr>
                            <th>Clave</th>
                            <th>Descripción</th>
                            <th>Marca</th>
                            <th>Modelo</th>
                            <th>Calibración</th>
                            <th class="collapsing">Estatus</th>
                            <th class="collapsing">Acciones</th>
                        </tr>
                    </thead>
                    <tbody>
                        @if($equipos_de_pruebas->count())
                        
                        @foreach ($equipos_de_pruebas as $dato_equipo)
                        
                        
                            <tr>
                                
                                
                            <td>{{$dato_equipo->clave}}</td>
                            <td>{{$dato_equipo->equipo}}</td>
                            <td>{{$dato_equipo->marca}}</td>
                            <td>{{$dato_equipo->modelo}}</td>
                            <td>{{$dato_equipo->calibracion}}</td>
                            <td>
                                @if($dato_equipo->estatus == "verde")
                                    <span class="btn btn-success">Activo</span>
                                @elseif($dato_equipo->estatus == "rojo")
                                    <span class="btn btn-danger">Inactivo</span>
                                @endif
                            </td>
                                <td >
                                    <div class="ui tiny icon buttons">
                                    @if ($permisos->actualizar == 1)
                                        <!-- Editar -->   
                                                                       
                                        <a class="ui button green edit_equipo_pruebas" 
                                        title="Modifica" 
                                        id="{{$dato_equipo->id_equipo}}"
                                        
                                        data-id_equipo="{{$dato_equipo->id_equipo}}">
                                            <i class="pencil alternate icon"></i>
                                        </a>
                                        
                                    @endif
                                        
                                    @if ($permisos->eliminar == 1)
                                        <button class="ui button red eliminarEquipoPruebas" data-id_equipo="{{$dato_equipo->id_equipo}}" data-equipo="{{$dato_equipo->equipo}} {{$dato_equipo->marca}} {{$dato_equipo->modelo}}">
                                            <i class="trash alternate icon"></i>
                                        </button>
                                    @endif
                                    @if ($permisos->verqr == 1)
                                        {{--<form action="create_informe_pdf" method="post">
                                            {{csrf_field()}}
                                            <input type="hidden" name="id_informe_pdf" id="id_informe_pdf" value="{{--$dato_informe->id_informe--}}">
                                            {{--<button class="ui button orange" type="submit">
                                                <i class="folder icon"></i>
                                            </button>
                                        </form>

                                        <form action="/informes/{{$dato_informe->id_programacion_muestra}}/" method="get">
                                            {{csrf_field()}}
                                            <button class="ui button blue" type="submit">
                                                <i class="eye alternate icon"></i>
                                            </button>
                                        </form>--}}
                                    @endif
                                        
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                        @else
                        <tr class="text-center">
                            <td colspan="8">No se encontraron registros</td>
                        </tr>
                        @endif
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    @include('Equipo_pruebas.create_modal')
    <script>
        $(document).on('click','.create_modal_tecnico',function(){
            //alert("abrir modal");
            /*var id_cuenta_correo_electronico=$(this).attr('data-id_cuenta_correo_electronico');
            var correo_electronico=$(this).attr('data-correo_electronico');
           
            $('#id_usr').val(id_cuenta_correo_electronico);
            $('#nombre_usr').html(correo_electronico);*/

            $('#create_modal').modal('show'); 
        });
    </script>
    @include('Equipo_pruebas.modify_modal')
    <script>
        var resultData = {};
        $(document).ready(function(){
            $('a.edit_equipo_pruebas').on('click', function(){
                
                idEquipo = $(this).attr('id');
                id_equipo = $('#'+idEquipo).data('id_equipo');
                $('#id_equipo_edit').val(id_equipo);

                switch_clave_html = `
                    <div class="custom-control custom-switch">
                        <input type="checkbox" class="custom-control-input" id="mostrar_clave_programacion_${id_equipo}" name="mostrar_clave_programacion">
                        <label class="custom-control-label" for="mostrar_clave_programacion_${id_equipo}">Mostrar en programación</label>
                    </div>
                `;
                $("#switch_clave_programacion").html(switch_clave_html);

                $.ajax({
                    url:"show_equipo_pruebas",
                    method:"POST",
                    data:{'id_equipo': id_equipo, '_token': _token = $('input[name="_token"]').val()},
                    success:function(response){
                        //alert(response);
                        result = JSON.parse(response); 
                        resultData = result.data;
                        
                        console.log(resultData);
                        $('#modify_equipo_pruebas_modal').modal('show');
                    }
                });
        
            });
        });
        
        $('#modify_equipo_pruebas_modal').on('show.bs.modal', function () {
            
            if(resultData['calibracion'] == "Si"){
                $("#edit_calibracion_si").load("{{ url('calibracion/fecha') }}", function(){
                    agregarVar();
                });
            }else{
                $("#edit_calibracion_si").html('');
                agregarVar();
            }
            
    
            
             
        });

        agregarVar = function(){
            $("#modify_equipo_pruebas_modal :input").each(function(){
                
                input = $(this).attr('id'); // This is the jquery object of the input, do what you will
                console.log(input);
                if(input in resultData){
                    if(input == 'calibracion'){
                        
                        $('#modify_equipo_pruebas_modal #'+input).selectpicker('val', resultData[input]);
                    }else{
                        $('#modify_equipo_pruebas_modal #'+input).val(resultData[input]);
                        
                    }
                }
                

            });
            console.log(resultData);
            if (resultData["mostrar_clave_programacion"] == 1) {
                $('#modify_equipo_pruebas_modal #mostrar_clave_programacion_'+resultData['id_equipo']).prop("checked", true);
            } else {
                $('#modify_equipo_pruebas_modal #mostrar_clave_programacion_'+resultData['id_equipo']).prop("checked", false);
            }
        }
    </script>
    @include('Equipo_pruebas.delete_modal')
    <script>
        $(document).on('click','.eliminarEquipoPruebas',function(){
            var id_equipo=$(this).attr('data-id_equipo');
            var equipo=$(this).attr('data-equipo');
           
            $('#id_equipo_delete').val(id_equipo);
            $('#equipo_delete').html(equipo);

            $('#delete_equipo_pruebas_modal').modal('show'); 
        });
    </script>

    <script>
        $('form#create #calibracion').change(function(){
            var opcion = $(this).val();
            if(opcion == "Si"){
                $("#calibracion_si").load("{{ url('calibracion/fecha') }}");
            }else{
                $("#calibracion_si").html('');
            }
        });

        $('div#edit #calibracion').change(function(){
            var opcion = $(this).val();
            if(opcion == "Si"){
                $("#edit_calibracion_si").load("{{ url('calibracion/fecha') }}");
            }else{
                $("#edit_calibracion_si").html('');
            }
        });
    </script>
@endsection