@extends('fragments.fullTemplate')
@section('titulo')
    Analistas
@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">Catálogos</div>
        <i class="right chevron icon divider"></i>
        <div class="active section">Analistas</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') || isset($success))
                <div class="alert alert-success text-center alert-dismissible" role="alert">
                    <strong>{{ session()->get('success') ?? $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') || isset($warning))
                <div class="alert alert-warning text-center alert-dismissible" role="alert">
                    <strong>{{ session()->get('warning') ?? $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') || isset($error))
                <div class="alert alert-danger text-center alert-dismissible" role="alert">
                    <strong>{{ session()->get('error') ?? $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="{{$id_linea_trabajo}}" method="get">
            <div class="inline fields sx-remove-margin">
                <div class="twelve wide field">
                    <input type="search" name="search" id="search" value="{{$search}}" placeholder="Nombre del Analista / Personal...">
                </div>
                <div class="four wide field">
                    <input class="ui button" type="submit" name="" value="Buscar Analista / Personal">
                </div>
            </div>
        </form>
    </div>
	@if (isset($permisos->crear) && $permisos->crear == 1)
    <button class="ui button fluid primary create_modal_tecnico">
        <i class="add alternate icon"></i> Nuevo Analista / Personal
    </button>    
	@endif
    <div class="ui divider"></div>

    <div class="sx-autorender">
        <div class="sx-scroll-x">
            <table class="ui celled table unstackable structured">
                <thead>
                    <tr>
                        <th style="width:30%">Línea de trabajo</th>
                        <th style="width:30%">Analista / Personal</th>
                        <th style="width:30%">Puesto</th>
                        <th class="collapsing text-center">Acciones</th>
                    </tr>
                </thead>
                <tbody>
                    @if(isset($tecnicos) && count($tecnicos) > 0)
                    @foreach ($tecnicos as $tecnico)
            
                        <tr @if(!$tecnico->inactividad) class="table-danger" @endif>
                            <td class="collapsing">{{ $tecnico->linea_trabajo['linea_trabajo']}} </td>
                            
                            <td>{{ $tecnico->nombre }} {{ $tecnico->apaterno }} {{ $tecnico->amaterno }} @if(!$tecnico->inactividad) <strong>INACTIVO</strong> @endif</td>

                            <td>{{ $tecnico->jefe}}</td>
                                    
                            <td class="text-center">
                                <div class="ui tiny icon buttons">
                                    @if ($permisos->actualizar == 1)
                                        <!-- Editar -->                                    
                                        <a class="ui button green edit_tecnico" 
                                        title="Modifica" 
                                        id="usuario{{$tecnico->id_tecnico}}"
                                        
                                        data-id_tecnico="{{$tecnico->id_tecnico}}">
                                            <i class="pencil alternate icon"></i>
                                        </a>
                                    @endif
                                    @if ($permisos->eliminar == 1)
                                        <button class="ui button red eliminarTecnico" data-id_tecnico="{{$tecnico->id_tecnico}}" data-nombre_completo="{{$tecnico->nombre." ".$tecnico->amaterno." ".$tecnico->apaterno}}">
                                            <i class="trash alternate icon"></i>
                                        </button>
                                    @endif        
                                </div>
                            </td>
                        </tr>
                    @endforeach
                    @else
                    <tr>
                        <td colspan="8">No se encontraron registros</td>
                    </tr>
                    @endif
                </tbody>
            </table>
            {{ (isset($tecnicos) && count($tecnicos) > 0) ? $tecnicos->links("pagination::bootstrap-4") : '' }}
        </div>
    </div>
    @include('fragments.back', ['url' => 'analistas'])
    @include('Tecnicos.create_modal')
    <script>
        $(document).on('click','.create_modal_tecnico',function(){
            $('#create_modal').modal('show');
        });
        $('#create_modal').on('show.bs.modal', function () {
            try {
                const path = window.location.pathname;
                const defaultPosition = path.split("/").filter(Boolean).pop();
                $('#create_modal #id_linea_trabajo').selectpicker('val', defaultPosition);
            } catch (error) {
                console.log(error);
            }
        });
    </script>
    @include('Tecnicos.modify_modal')
    <script>
        var resultData = {};
        $(document).ready(function(){
            
            $('a.edit_tecnico').on('click', function(){
                showLoader();
                idTecnico = $(this).attr('id');
                id_tecnico = $('#'+idTecnico).data('id_tecnico');
                $('#id_tecnico_edit').val(id_tecnico);
                $.ajax({
                    url:"show_tecnicos",
                    method:"POST",
                    data:{'id_tecnico': id_tecnico, '_token': _token = $('input[name="_token"]').val()},
                    success:function(response){
                        //alert(response);
                        result = JSON.parse(response); 
                        resultData = result.data;
                        hideLoader();
                        $('#modify_modal').modal('show');
                    },
                    error: function () {
                    hideLoader(); 
                    }
                });
            });
            // agregamos las validaciones al formulario al inicializar
            validationsForm();
        });
        
        $('#modify_modal').on('show.bs.modal', function () {
            $('#modal-form-modify #id_linea_trabajo').selectpicker('val', resultData['id_linea_trabajo']);
            $('#modal-form-modify #id_usuario').selectpicker('val', resultData['id_usuario']);
            $('#modal-form-modify #jefe').selectpicker('val', resultData['jefe']);
            $('#modal-form-modify #inactividad').selectpicker('val', resultData['inactividad']);
            $('#modal-form-modify #editar_min').val(resultData['min']);
            $('#modal-form-modify #editar_max').val(resultData['max']);
            console.log('resultData',resultData);
            fotografia_reporte = "";
            if (resultData['firma_digital']) {
                $("#modify_modal #firma_digital_edit_div").hide();  
                asset_storage = `/${resultData['firma_digital']}`;
                    fotografia_reporte += `<div class="form-group col-xs-3 col-sm-3 col-lg-3 text-center">
                        <img class="img-thumbnail" src="{{asset('storage/firma_digital_analista/')}}${asset_storage}" alt="Firma_digital_usuario_${resultData['id_tecnico']}">
                    </div>`;
            }else{
                fotografia_reporte +="<p>No hay ninguna firma para mostrar.</p>"; 
                $("#modify_modal #firma_digital_edit_div").show();    
            }
            $('#div_firma_digital').html(fotografia_reporte);
        });
    </script>
    @include('Tecnicos.delete_modal')
    <script>
        $(document).on('click','.eliminarTecnico',function(){
            var id_tecnico=$(this).attr('data-id_tecnico');
            var nombre_completo=$(this).attr('data-nombre_completo');
            $('#id_tecnico_delete').val(id_tecnico);
            $('#nombre_tecnico').html(nombre_completo);
            $('#delete_tecnico_modal').modal('show'); 
        });
    </script>
    <script>
        // Add the following code if you want the name of the file appear on select
        $(".custom-file-input").on("change", function() {
            const file = $(this)[0].files[0];
            if (file) {
                const tipo = file.type;
                const maxSize = 10 * 1024 * 1024; // 10 MB en bytes
                if (tipo !== "image/png" && tipo !== "image/jpeg") {
                    alert("Solo se permiten imágenes PNG o JPEG");
                    $(this)[0].value = ""; // limpiar input
                    return;
                }
                if (file.size > maxSize) {
                    alert("El archivo excede el tamaño máximo permitido de 10MB");
                    this.value = ""; // limpiar input
                    return;
                }
                var fileName = $(this).val().split("\\").pop();
                $(this).siblings(".custom-file-label").addClass("selected").html(fileName);
            }
        });
    </script>
    <script src="{{ url('assets/js/analistas/tecnicos.js') }}"></script>
@endsection