@extends('plantilla.master')
@section('scripts')
    <link rel="stylesheet" href="{{ asset('plugins/datatables/data/css/jquery.dataTables.min.css') }}">
    <link rel="stylesheet" href="{{ asset('plugins/datatables/data/css/dataTables.bootstrap4.min.css') }}">
@endsection
@section('title', 'Empleados')
@section('contenido_title', 'Empleados')
@section('contenido')

    <div class="col-xs-12 mb-2">
        <label for="empresa"><strong>Empresa</strong></label>
        <select class="selectpicker" data-live-search="true" name="empresa" id="empresa">>
            @foreach ($empresas as $empresa)
                <option value="{{ $empresa->CNEMPRESA }}">{{ $empresa->DXEMPRESA }}</option>
            @endforeach
        </select>
    </div>

    <ul class="nav nav-tabs" id="myTab" role="tablist" style="margin-top:15px;">
        <li class="nav-item">
            <a class="nav-link active" id="empleados-tab" data-toggle="tab" href="#empleados" role="tab"
                aria-controls="empleados" aria-selected="true">Empleados</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" id="general-tab" data-toggle="tab" href="#general" role="tab" aria-controls="general"
                aria-selected="false">Estatus</a>
        </li>
        @if (Crypt::decrypt(session('tipo')) == 0 || Crypt::decrypt(session('tipo')) == 1)
            <li class="nav-item">
                <a class="nav-link" id="documentacion-tab" data-toggle="tab" href="#documentacion" role="tab"
                    aria-controls="documentacion" aria-selected="false">Documentación</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" id="nomina-tab" data-toggle="tab" href="#nomina" role="tab" aria-controls="nomina"
                    aria-selected="false">Nómina</a>
            </li>
        @endif
    </ul>
    <div class="tab-content col-12" id="myTabContent">
        <div class="tab-pane fade show active" role="tabpanel" aria-labelledby="empleados-tab" style="padding-top: 15px;"
            id="empleados">
            <div class="row">
                <div class="col-sm-12 col-md-6">
                    <a id="addEmpleado" href="{{ route('empleado.create') }}" onclick="saveid()" class="btn btn-success"
                        data-placement="bottom" title="Nueva registro" style="margin-bottom:20px;">
                        <i class="fas fa-plus"></i> Agregar empleado
                    </a>
                </div>
                <div class="col-sm-12 col-md-6 text-right mb-2">
                    <label class="label label-info" style="margin-bottom:10px;">
                        Seleccionar un filtro de empleado a mostrar:
                    </label>
                    <div class="btn-group btn-group-toggle" data-toggle="buttons">
                        <label class="btn btn-success active" id="primero" onclick="Estatus(1)">
                            <input type="radio" name="options" id="option1" autocomplete="off" checked> Activos <span
                                class="badge badge-light" id="activos"></span>
                        </label>
                        <label class="btn btn-warning" id="segundo" onclick="Estatus(9)">
                            <input type="radio" name="options" id="option2" autocomplete="off"> Prealtas <span
                                class="badge badge-light" id="prealtas"></span>
                        </label>
                        <label class="btn btn-danger" id="tercero" onclick="Estatus(0)">
                            <input type="radio" name="options" id="option3" autocomplete="off"> Bajas
                            <span class="badge badge-light" id="bajas"></span>
                        </label>
                    </div>
                </div>
            </div>
            @include('plantilla.mensajes')
            <table class="table table-hover transform" id="table_empleados">
                <thead>
                    <tr>
                        <th scope="col">Empleados</th>
                        <th scope="col" class="text-center action" style="width:150px;">Acciones</th>
                    </tr>
                </thead>
            </table>
        </div>
        @if (Crypt::decrypt(session('tipo')) == 0 || Crypt::decrypt(session('tipo')) == 1)
            <div class="tab-pane fade" id="documentacion" role="tabpanel" aria-labelledby="documentacion-tab"
                style="padding-top: 15px;">
                <div class="card">
                    <div class="card-header">
                        <div class="form-group row">
                            <label for="empleado"
                                class="col-xs-12 col-sm-4 col-md-4 col-lg-2 col-form-label"><strong>Empleado:
                                </strong></label>
                            <div class="col-xs-12 col-sm-8 col-md-8 col-lg-10">
                                <div id="select_empleados0"></div>
                            </div>
                        </div>
                    </div>
                    <div class="card-body" id="docuemnto_body">

                    </div>
                </div>
            </div>
            <div class="tab-pane fade" id="nomina" role="tabpanel" aria-labelledby="nomina-tab"
                style="padding-top: 15px;">
                <div class="card">
                    <div class="card-header">
                        <div class="form-group row">
                            <label for="empleado"
                                class="col-xs-12 col-sm-4 col-md-4 col-lg-2 col-form-label"><strong>Empleado:
                                </strong></label>
                            <div class="col-xs-12 col-sm-8 col-md-8 col-lg-10">
                                <div id="select_empleados1"></div>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <form action="#" method="POST" id="form_empleados">
                            {{ csrf_field() }}
                            <div class="form-row">
                                <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                                    <label for="regimen">Regimén</label>
                                    <select name="regimen" class="form-control" id="regimen">
                                        <option value="NULL">Sin asignar</option>
                                        @foreach ($regimens as $regimen)
                                            <option value="{{ $regimen->CNTIPOREGIMEN }}">{{ $regimen->DXTIPOREGIMEN }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                                    <label for="jornada">Jornada</label>
                                    <select name="jornada" class="form-control" id="jornada">
                                        @foreach ($tipojornadas as $jornada)
                                            <option value="{{ $jornada->cntipojornada }}">{{ $jornada->dxtipojornada }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="form-row" style="padding-top: 15px;">
                                <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                                    <label for="tipo_nomina">Tipo nómina</label>
                                    <select name="tipo_nomina" class="form-control" id="tipo_nomina">
                                        @foreach ($tiposnomina as $nomina)
                                            <option value="{{ $nomina->CNTIPOSUELDO }}">{{ $nomina->DXTIPOSUELDO }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="form-group col-6">
                                    <label for="salario_diario">Salario Diario</label>
                                    <input name="salario_diario" class="form-control" placeholder="0.0" type="text"
                                        id="salario_diario" required>
                                </div>
                                <!-- div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                                                                        <label for="seldo_real">Sueldo Real</label>
                                                                        <input name="sueldo_real" class="form-control" placeholder="0.00" type="text" id="sueldo_real" required>
                                                                    </div -->
                            </div>

                            <div class="form-row" style="padding-top: 15px;">
                                <div class="form-group col-6">
                                    <label for="aplica_desde">Aplica desde</label>
                                    <input name="aplica_desde" class="form-control" type="date" id="aplica_desde"
                                        required>
                                </div>
                            </div>

                            <div class="form-row" style="padding-top: 20px;">
                                <div class="form-group col-12">
                                    <button type="submit" class="btn btn-success btn-block" data-placement="bottom"
                                        title="Actualizar">
                                        <i class="fas fa-check"></i> Actualizar
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="tab-pane fade" id="general" role="tabpanel" aria-labelledby="general-tab"
                style="padding-top: 15px;">
                <div class="card">
                    <div class="card-header">
                        <div class="form-group row">
                            <label for="empleado"
                                class="col-xs-12 col-sm-4 col-md-4 col-lg-2 col-form-label"><strong>Empleado:
                                </strong></label>
                            <div class="col-xs-12 col-sm-8 col-md-8 col-lg-10">
                                <div id="select_empleados2"></div>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <form action="#" method="POST" id="form_empleados2">
                            {{ csrf_field() }}
                            <div class="form-row" style="padding-top: 15px;">

                                <div class="form-group col-6">
                                    <label for="estatus">Estatus</label>
                                    <select class="form-control" name="estatus" id="estatus">
                                        <option value="1">Activo</option>
                                        <option value="0">Baja</option>
                                    </select>
                                </div>
                                <div class="form-group col-6">
                                    <label for="fecha">Fecha</label>
                                    <input name="fecha" class="form-control" type="date" id="fecha" required>
                                </div>
                            </div>

                            <div class="form-row" style="padding-top: 20px;">
                                <div class="form-group col-12">
                                    <button type="submit" class="btn btn-success btn-block" data-placement="bottom"
                                        title="Actualizar">
                                        <i class="fas fa-check"></i> Actualizar
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        @endif
    </div>
    @if (Crypt::decrypt(session('tipo')) == 0 || Crypt::decrypt(session('tipo')) == 1)
        <div class="modal fade" id="modal_upload" tabindex="-1" role="dialog" aria-labelledby="modal_label"
            aria-hidden="true">
            <div class="modal-dialog modal-dialog-scrollable" role="document">
                <div class="modal-content">
                    <form action="" method="post" accept-charset="UTF-8" enctype="multipart/form-data"
                        id="form_data">
                        {{ csrf_field() }}
                        <div class="modal-header">
                            <h5 class="modal-title" id="modal_label">Seleccione el archivo</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <div class="custom-file">
                                <input type="file" class="custom-file-input" id="customFileLang" name="file"
                                    onchange="SelectData()" lang="es" required>
                                <label class="custom-file-label" id="name_data" for="customFileLang">Seleccionar
                                    Archivo</label>
                                {!! $errors->first('file', '<div class="invalid-feedback">:message</div>') !!}
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="submit" class="btn btn-primary">Guardar</button>
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                        </div>
                </div>
                </form>
            </div>
        </div>
    @endif
@endsection
@section('endscript')
    <script src="{{ asset('plugins/datatables/data/js/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('plugins/datatables/data/js/dataTables.bootstrap4.min.js') }}"></script>

    @if (Crypt::decrypt(session('tipo')) == 0 || Crypt::decrypt(session('tipo')) == 1)
        <script src="{{ asset('plugins/sweetalert/sweetalert.min.js') }}"></script>
    @endif
    <script src="{{ asset('js/function.js') }}"></script>
    <script>
        $(function() {
            evaluarLicenciaEmpleados();
            $('#empresa').change(function() {
                evaluarLicenciaEmpleados();
            });




        });

        async function evaluarLicenciaEmpleados() {
            try {
                // Esperamos el resultado de la función licenciaEmpleados()
                const resultado = await licenciaEmpleados();

                // Verificamos si el resultado es true o false
                console.log(resultado);
                if (resultado === true) {
                    // Si es true, mostramos el botón
                    $('#addEmpleado').show();
                } else {
                    // Si es false, ocultamos el botón
                    $('#addEmpleado').hide();
                }
            } catch (error) {
                // Manejo del error en caso de fallo en la llamada a licenciaEmpleados()
                console.error("Error al obtener la información de licencia de empleados:", error);
            }
        }
    </script>
@endsection