@extends('layouts/contentLayoutMaster')

@section('title', 'Input')

@section('content')
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<style>
    .input-container {
        position: relative;
    }

    .input-container::before {
        content: "$";
        position: absolute;
        left: 20px;
        top: 56%;
        transform: translateY(-50%);
    }

    .input-container>input {
        padding-left: 20px;
        /* Espacio para el símbolo del dólar */
    }

</style>
<!-- Basic Inputs start -->

<section id="basic-input">
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title">Profesion de {{$empleado_profesion->profesion_nombre}}</h4>
                </div>
                <div class="card-body">
                    <div class="row">

                        <div class=" col-12 row">
                            <form method="POST" action="/dashboard/crear_profesion/guardar"
                                enctype="multipart/form-data" id="colaborador">
                                {!! csrf_field() !!}

                                <input type="hidden" name="id" value="{{ $empleado_profesion->id }}" />

                                <input type="hidden" name="id_profesion" value="{{ $empleado_profesion->id_profesion }}" />


                                <div class="col-12 row">
                                    <div class="col-xl-3 col-md-3 col-12">
                                        <label class="form-check-label" for="addSaveCard">
                                            Educación
                                        </label>
                                        <div class="mb-1">
                                            <input type="checkbox" @if($user->rol==2) disabled @endif @if($empleado_profesion->primaria==1)checked @endif
                                            name="primaria"
                                            class="form-check-input"
                                            id="checkbox" />
                                            <label class="form-check-label" for="addSaveCard">
                                                Primaria
                                            </label>
                                        </div>


                                        <div class="mb-1">
                                            <input type="checkbox" name="secundaria" @if($user->rol==2) disabled @endif
                                                @if($empleado_profesion->secundaria==1)checked @endif
                                            class="form-check-input"
                                            id="secundaria" />
                                            <label class="form-check-label" for="secundaria">
                                                Secundaria
                                            </label>
                                        </div>
                                    </div>
                                    <div class="col-xl-3 col-md-3 col-12">
                                        <label class="form-check-label">
                                            Turno Disponible para laborar
                                        </label>
                                        <div class="mb-1">
                                            <input type="checkbox" name="matutino" @if($user->rol==2) disabled @endif
                                                @if($empleado_profesion->matutino==1)checked @endif
                                            class="form-check-input"
                                            id="matutino" />
                                            <label class="form-check-label" for="matutino">
                                                Matutino
                                            </label>
                                        </div>


                                        <div class="mb-1">
                                            <input type="checkbox" name="vespertino" @if($user->rol==2) disabled @endif
                                                @if($empleado_profesion->vespertino==1)checked @endif
                                            class="form-check-input"
                                            id="vespertino" />
                                            <label class="form-check-label" for="vespertino">
                                                Vespertino
                                            </label>
                                        </div>
                                        <div class="mb-1">
                                            <input type="checkbox" name="nocturno" @if($user->rol==2) disabled @endif
                                                @if($empleado_profesion->nocturno==1)checked @endif
                                            class="form-check-input"
                                            id="nocturno" />
                                            <label class="form-check-label" for="nocturno">
                                                Nocturno
                                            </label>
                                        </div>
                                        <div class="mb-1">
                                            <input type="checkbox" name="rotativo" @if($user->rol==2) disabled @endif
                                                @if($empleado_profesion->rotativo==1)checked @endif
                                            class="form-check-input"
                                            id="rotativo" />
                                            <label class="form-check-label" for="rotativo">
                                                Rotativo
                                            </label>
                                        </div>
                                    </div>
                                    <div class="col-xl-3 col-md-3 col-12">
                                        <label class="form-check-label" for="addSaveCard">
                                            Licencia de Conducir
                                        </label>
                                        <div class="row">
                                        <div class="col-6">
                                        <div class="mb-1">
                                            <input type="checkbox" @if($user->rol==2) disabled @endif   @if($empleado_profesion->b==1)checked @endif name="b" class="form-check-input"
                                                id="b" />
                                            <label class="form-check-label" for="b">
                                                B
                                            </label>
                                        </div>
                                        <div class="mb-1">
                                            <input type="checkbox" @if($user->rol==2) disabled @endif   @if($empleado_profesion->c==1)checked @endif name="c" class="form-check-input"
                                                id="c" />
                                            <label class="form-check-label" for="c">
                                                C
                                            </label>
                                        </div>
                                        <div class="mb-1">
                                            <input type="checkbox" @if($user->rol==2) disabled @endif  @if($empleado_profesion->d==1)checked @endif name="d" class="form-check-input"
                                                id="d" />
                                            <label class="form-check-label" for="d">
                                                D
                                            </label>
                                        </div>
                                        <div class="mb-1">
                                            <input type="checkbox" @if($user->rol==2) disabled @endif  @if($empleado_profesion->e==1)checked @endif name="e" class="form-check-input"
                                                id="e" />
                                            <label class="form-check-label" for="e">
                                                E1
                                            </label>
                                        </div>

                                        <div class="mb-1">
                                            <input type="checkbox"  @if($user->rol==2) disabled @endif @if($empleado_profesion->e==1)checked @endif name="e" class="form-check-input"
                                                id="e" />
                                            <label class="form-check-label" for="e">
                                                E2
                                            </label>
                                        </div>



                                        </div>
                                        <div class="col-6">
                                        <div class="mb-1">
                                            <input type="checkbox" @if($user->rol==2) disabled @endif  @if($empleado_profesion->e==1)checked @endif name="e" class="form-check-input"
                                                id="e" />
                                            <label class="form-check-label" for="e">
                                                E3
                                            </label>
                                        </div>
                                        <div class="mb-1">
                                            <input type="checkbox" @if($user->rol==2) disabled @endif  @if($empleado_profesion->f==1)checked @endif name="f" class="form-check-input"
                                                id="f" />
                                            <label class="form-check-label" for="f">
                                                F
                                            </label>
                                        </div>
                                        <div class="mb-1">
                                            <input type="checkbox" @if($user->rol==2) disabled @endif   @if($empleado_profesion->g==1)checked @endif name="g" class="form-check-input"
                                                id="g" />
                                            <label class="form-check-label" for="g">
                                                G
                                            </label>
                                        </div>

                                        <div class="mb-1">
                                            <input type="checkbox"@if($user->rol==2) disabled @endif  @if($empleado_profesion->h==1)checked @endif name="h" class="form-check-input"
                                                id="h" />
                                            <label class="form-check-label" for="h">
                                                H
                                            </label>
                                        </div>
                                        <div class="mb-1">
                                            <input type="checkbox" @if($user->rol==2) disabled @endif   @if($empleado_profesion->i==1)checked @endif name="i" class="form-check-input"
                                                id="i" />
                                            <label class="form-check-label" for="i">
                                                I
                                            </label>
                                        </div>

                                        <div class="mb-1">
                                            <input type="checkbox" @if($user->rol==2) disabled @endif   @if($empleado_profesion->a==1)checked @endif  name="a" class="form-check-input"
                                                id="a" />
                                            <label class="form-check-label" for="a">
                                            J
                                            </label>
                                        </div>
                                        <div>
                                        </div>
                                            </div>
                                    </div>
                                    </div>
                                    <div class="col-xl-3 col-md-3 col-12">
                                        <h1 id="puntos"><strong style="font-size: 100px;">
                                            0</strong> Ptos.</h1>

                                            @if ($busqueda)
                                            <a class="btn btn-outline-primary col-md-12" target="_blanck" href="/dashboard/buscar_empleado/{{$empleados_enregla->id_empleado}}">Ver historial EnReglas</a>
                                            @endif
                                            <br><br>

                                            <a class="btn btn-outline-primary col-md-12" target="_blanck" href="/chatify/{{$empleado_profesion->id_empleado}}">Chat</a>
                                            <br><br>
                                            <a class="btn btn-outline-primary col-md-12" target="_blanck" href="/pdf/{{$empleado_profesion->id_empleado}}/{{$empleado_profesion->id}}">Contactame</a>




                                    </div>

                                    <div class="mb-1">
                                        <label class="form-label" for="helperText">Descripción Personal</label>
                                    <textarea
                                        class="form-control"
                                        id="descripcion"
                                        rows="3"
                                        placeholder="Textarea"
                                        name="descripcion">{{$empleado_profesion->descripcion}}</textarea>
                                    </div>

                                    <div class="mb-1">
                                        <label class="form-label" for="helperText">Habilidades</label>
                                        <select class="js-example-basic-multiple" @if($user->rol==2) disabled @endif name="habilidades_seleccionadas[]" multiple="multiple">
                                           @foreach ($habilidades as $item)
                                                <option value="{{$item->id}}" @if ($item->select==1)
                                                    selected
                                                @endif >{{$item->nombre}}</option>
                                           @endforeach
                                          </select>
                                    </div>

                                    @if($user->rol==3)





                                    <div class="mb-1">
                                        <label class="form-label" for="helperText">Universidad</label>
                                        <input type="file" accept="application/pdf" name="universidad" id="contrato"
                                            class="form-control" placeholder="Name" />
                                        <!-- <p><small class="text-muted">Find helper text here for given textbox.</small></p>-->
                                    </div>
                                    <div class="mb-1">
                                        <label class="form-label" for="helperText">Idoneidad</label>
                                        <input type="file" accept="application/pdf" name="idoneidad" id="contrato"
                                            class="form-control" placeholder="Name" />
                                        <!-- <p><small class="text-muted">Find helper text here for given textbox.</small></p>-->
                                    </div>
                                    <div class="mb-1">
                                        <label class="form-label" for="helperText">Curso</label>
                                        <input type="file" accept="application/pdf" name="cursos" id="contrato"
                                            class="form-control" placeholder="Name" />
                                        <!-- <p><small class="text-muted">Find helper text here for given textbox.</small></p>-->
                                    </div>

                                    <div class="mb-1">
                                        <label class="form-label" for="helperText">Carnet de Salud (Vigente)</label>
                                        <input type="file" accept="application/pdf" name="salud" id="contrato"
                                            class="form-control" placeholder="Name" />
                                        <!-- <p><small class="text-muted">Find helper text here for given textbox.</small></p>-->
                                    </div>

                                    <div class="mb-1">
                                        <label class="form-label" for="helperText">Licencia de Conducir (Vigente) </label>
                                        <input type="file" accept="application/pdf" name="licencia" id="contrato"
                                            class="form-control" placeholder="Name" />
                                        <!-- <p><small class="text-muted">Find helper text here for given textbox.</small></p>-->
                                    </div>
                                    @endif

                                </div>
                                <input type="hidden" accept="application/pdf" name="puntos" id="points"
                                            class="form-control" placeholder="Name" />

                                @if($user->rol!=2)
                                <button style="margin-bottom:5px; color:#28c76f"
                                    class="btn btn-outline-success  form-control">Guardar</button>


                                 @endif
                            </form>



                            @if($user->rol==1)@if($empleado_profesion->status!=1)
                                    <a style="margin:10px;" href="/dashboard/aprobar/{{$empleado_profesion->id}}"
                                        class="btn btn-outline-info  form-control"     >Verificado</a>
                                     @endif
                            @endif






                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section id="basic-input">
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title">Archivos Aportados</h4>
                </div>
                <div class="card-body">
                    <table id="example" class="table">
                        <thead>
                            <tr>

                                <th>Tipo</th>
                               {{-- <th>Puntos</th>--}}
                                <th>Acciones</th>
                            </tr>
                        </thead>
                        <tbody>

                            @foreach($archivos as $archivo)
                                <tr>
                                    <td>{{ $archivo->id_tipo_descripcion }}</td>
                                    {{-- <td>{{ $archivo->puntos }}</td>--}}
                                    <td>
                                        <a class="btn btn-outline-primary" href="{{$archivo->archivo}}">Ver</a>
                                    </td>
                                </tr>
                            @endforeach

                        </tbody>
                        <tfoot>
                            <tr>

                                <th>Tipo</th>
                                {{-- <th>Puntos</th>--}}
                                <th>Acciones</th>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </div>
    </div>

</section>
<!-- Basic Inputs end -->


<!-- Tooltip validations end -->
@endsection

@section('page-script')
<!-- Page js files -->
<script src="{{ asset(mix('js/scripts/forms/form-tooltip-valid.js')) }}"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>

<script>
    document.addEventListener('DOMContentLoaded', function() {
        // Obtén referencias a las casillas de verificación
        const primariaCheckbox = document.getElementById('checkbox');
        const secundariaCheckbox = document.getElementById('secundaria');

        // Agrega un event listener a la casilla de "Secundaria"
        secundariaCheckbox.addEventListener('change', function() {
            // Si la casilla de "Secundaria" está marcada, marca también la casilla de "Primaria"
            primariaCheckbox.checked = secundariaCheckbox.checked;
        });
    });
</script>

<script>

var archivos = {{$puntos_archivo}};

document.addEventListener('DOMContentLoaded', function() {
    const checkboxes = document.querySelectorAll('input[type="checkbox"]');
    const puntosElement = document.getElementById('puntos');



    function updatePoints() {
        let totalPoints = 0;
        let eGroupChecked = false;

        checkboxes.forEach(checkbox => {
            if (checkbox.checked) {
                if (checkbox.name === 'e') {
                    eGroupChecked = true; // At least one 'e' checkbox is checked
                } else if (checkbox.closest('.col-6')) {
                    totalPoints += 1; // Add 1 point for other checkboxes under 'col-6'
                } else {
                    totalPoints += 5; // Add 5 points for checkboxes outside 'col-6'
                }
            }
        });

        // If the 'e' group is checked, add 1 point
        if (eGroupChecked) {
            totalPoints += 1;
        }

        totalPoints += archivos;
        document.getElementById("points").value = totalPoints;
        puntosElement.innerHTML = `<strong style="font-size: 100px;">${totalPoints}</strong> Ptos.`;
    }

    checkboxes.forEach(checkbox => {
        checkbox.addEventListener('change', updatePoints);
    });

    // Call it once to initialize in case there are any checkboxes pre-checked
    updatePoints();
});

$(document).ready(function() {
    $('.js-example-basic-multiple').select2();
});

</script>
@endsection