@extends('adminlte::page')
@section('plugins.Select2', true)
@section('plugins.Toastr', true)
@section('plugins.iCheck', true)
@section('title', 'Acreditaciones')

@section('content_header')
    <a class="btn btn-dark btn" href="javascript:history.back()"><i class="fas fa-solid fa-arrow-left"></i> REGRESAR</a>
@stop

@section('content')
    @if (auth()->user()->can('user.accreditation'))
        <div id="user_permission" data-user=@json(true)></div>
    @else
        <div id="user_permission" data-user=@json(false)></div>
    @endif
    <div class="container">
        <div class="card card-dark">
            <div class="card-header">
                <h3 class="card-title">Información</h3>
            </div>
            <!-- /.card-header -->
            <div class="card-body">
                <x-validation-errors class="mb-4" />
                <div class="form-group">
                    <label for="inputName">Personal:</label>
                    <select class="form-control" style="width: 100%" id="user_id_id" name="user_id"
                        onchange="getAccreditationsGeneral()">
                    </select>
                </div>
                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label>Cliente:</label>
                            <select class="form-control" style="width: 100%" id="client_id_id" name="client_id" disabled>
                            </select>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label>Faena:</label>
                            <select class="form-control" style="width: 100%" id="chore_id_id" name="chore_id"
                                onchange="getAccreditationsGeneral()" disabled>

                            </select>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /.card-body -->
        </div>

        <div class="card card-dark">
            <div class="card-header">
                <h3 class="card-title">Acreditaciones General</h3>
                <div class="clearfix">
                    <div class="spinner-border float-right" role="status" id="loading_general">
                        <span class="sr-only">Loading...</span>
                    </div>
                </div>
            </div>
            <!-- /.card-header -->
            <div class="card-body">
                <x-validation-errors class="mb-4" />
                <table class="table table-bordered" style="width:100%">
                    <thead class="thead-dark">
                        <tr>
                            <th class="text-center" scope="col">Acreditacion</th>
                            <th class="text-center" colspan="2" scope="col">Fecha de vencimiento</th>
                            <th class="text-center" scope="col"></th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <form data-action="{{ route('accreditation_general_user.store') }}" method="POST"
                                id="form_preocupacionales">
                                @csrf
                                <th class="text-center" scope="row">Ex. Preocupacionales</th>
                                <td> <select class="form-control" style="width: 100%" id="type_date__Preocupacionales_id"
                                        name="type_date" onchange="changeDate(event,'#date_preocupacionales')">
                                        <option value="No Aplica">No Aplica</option>
                                        <option value="Indefinida">Indefinida</option>
                                        <option value="Determinada">Determinada</option>
                                    </select></td>
                                <td><input type="date" id="date_preocupacionales" name="due_date" class="form-control"
                                        disabled></td>
                                <td class="text-center">
                                    <div class="icheck-primary">
                                        <input type="checkbox" id="checkboxPreocupacionales" name="accreditations_id"
                                            value="2"
                                            onchange="CheckedGeneral('#checkboxPreocupacionales','#form_preocupacionales','#date_preocupacionales','#type_date__Preocupacionales_id')"
                                            disabled />
                                        <label for="checkboxPreocupacionales"></label>
                                    </div>
                                </td>
                            </form>
                        </tr>

                        <tr>
                            <form data-action="{{ route('accreditation_general_user.store') }}" method="POST"
                                id="form_altura">
                                @csrf
                                <th class="text-center" scope="row">Ex. Altura Geográfica</th>
                                <td> <select class="form-control" style="width: 100%" id="type_date_altura_id"
                                        name="type_date" onchange="changeDate(event,'#date_altura')">
                                        <option value="No Aplica">No Aplica</option>
                                        <option value="Indefinida">Indefinida</option>
                                        <option value="Determinada">Determinada</option>
                                    </select></td>
                                <td><input type="date" id="date_altura" class="form-control" name="due_date" disabled>
                                </td>
                                <td class="text-center">
                                    <div class="icheck-primary">
                                        <input type="checkbox" id="checkboxAltura" name="accreditations_id" value="3"
                                            onchange="CheckedGeneral('#checkboxAltura','#form_altura','#date_altura','#type_date_altura_id')"
                                            disabled />
                                        <label for="checkboxAltura"></label>
                                    </div>
                                </td>
                            </form>
                        </tr>

                        <tr>
                            <form data-action="{{ route('accreditation_general_user.store') }}" method="POST"
                                id="form_av">
                                @csrf
                                <th class="text-center" scope="row">Aversión Riesgo</th>
                                <td> <select class="form-control" style="width: 100%" id="type_date_av_id"
                                        name="type_date" onchange="changeDate(event,'#date_av')">
                                        <option value="No Aplica">No Aplica</option>
                                        <option value="Indefinida">Indefinida</option>
                                        <option value="Determinada">Determinada</option>
                                    </select></td>
                                <td><input type="date" id="date_av_id" class="form-control" name="due_date" disabled>
                                </td>
                                <td class="text-center">
                                    <div class="icheck-primary">
                                        <input type="checkbox" id="checkboxAV" name="accreditations_id" value="4"
                                            onchange="CheckedGeneral('#checkboxAV','#form_av','#date_av_id','#type_date_av_id')"
                                            disabled />
                                        <label for="checkboxAV"></label>
                                    </div>
                                </td>
                            </form>
                        </tr>

                        <tr>
                            <form data-action="{{ route('accreditation_general_user.store') }}" method="POST"
                                id="form_riohs">
                                @csrf
                                <th class="text-center" scope="row">RIOHS</th>
                                <td> <select class="form-control" style="width: 100%" id="type_date_riohs_id"
                                        name="type_date" onchange="changeDate(event,'#date_riohs')">
                                        <option value="No Aplica">No Aplica</option>
                                        <option value="Indefinida">Indefinida</option>
                                        <option value="Determinada">Determinada</option>
                                    </select></td>
                                <td><input type="date" id="date_riohs" class="form-control" name="due_date" disabled>
                                </td>
                                <td class="text-center">
                                    <div class="icheck-primary">
                                        <input type="checkbox" id="checkboxRIOHS" name="accreditations_id"
                                            value="5"
                                            onchange="CheckedGeneral('#checkboxRIOHS','#form_riohs','#date_riohs','#type_date_riohs_id')"
                                            disabled />
                                        <label for="checkboxRIOHS"></label>
                                    </div>
                                </td>
                            </form>
                        </tr>
                        <tr>
                            <form data-action="{{ route('accreditation_general_user.store') }}" method="POST"
                                id="form_guinez">
                                @csrf
                                <th class="text-center" scope="row">ODI Guiñez</th>
                                <td> <select class="form-control" style="width: 100%" id="type_date_guinez_id"
                                        name="type_date" onchange="changeDate(event,'#date_guinez')">
                                        <option value="No Aplica">No Aplica</option>
                                        <option value="Indefinida">Indefinida</option>
                                        <option value="Determinada">Determinada</option>
                                    </select></td>
                                <td><input type="date" id="date_guinez" class="form-control" name="due_date"
                                        disabled>
                                </td>
                                <td class="text-center">
                                    <div class="icheck-primary">
                                        <input type="checkbox" id="checkboxGuinez" name="accreditations_id"
                                            value="7"
                                            onchange="CheckedGeneral('#checkboxGuinez','#form_guinez','#date_guinez','#type_date_guinez_id')"
                                            disabled />
                                        <label for="checkboxGuinez"></label>
                                    </div>
                                </td>
                            </form>
                        </tr>



                    </tbody>

                </table>
            </div>
            <!-- /.card-body -->
        </div>

        <div class="card card-dark">
            <div class="card-header">
                <h3 class="card-title">Acreditaciones Faena</h3>
                <div class="clearfix">
                    <div class="spinner-border float-right" role="status" id="loading_chore">
                        <span class="sr-only">Loading...</span>
                    </div>
                </div>
            </div>
            <!-- /.card-header -->
            <div class="card-body">
                <x-validation-errors class="mb-4" />
                <table class="table table-bordered" style="width:100%">
                    <thead class="thead-dark">
                        <tr>
                            <th class="text-center" scope="col">Acreditacion</th>
                            <th class="text-center" colspan="2" scope="col">Fecha de vencimiento</th>
                            <th class="text-center" scope="col"></th>
                        </tr>
                    </thead>
                    <tbody>

                        <tr>
                            <form action="{{ route('accreditation_user.store') }}" method="POST" id="form_odi">
                                @csrf
                                <th class="text-center" scope="row">ODI FAENA</th>
                                <td> <select class="form-control" style="width: 100%" id="type_odi_id" name="type_date"
                                        onchange="changeDate(event,'#date_odi_id')">
                                        <option value="No Aplica">No Aplica</option>
                                        <option value="Indefinida">Indefinida</option>
                                        <option value="Determinada">Determinada</option>
                                    </select></td>
                                <td><input type="date" id="date_odi_id" class="form-control" disabled
                                        name="due_date">
                                </td>
                                <td class="text-center">
                                    <div class="icheck-primary">
                                        <input type="checkbox" id="checkboxOdi" name="accreditations_id" value="1"
                                            onchange="Checked('#checkboxOdi','#form_odi','#date_odi_id','#type_odi_id')"
                                            disabled />
                                        <label for="checkboxOdi"></label>
                                    </div>
                                </td>
                            </form>
                        </tr>
                        <tr>
                            <form action="{{ route('accreditation_user.store') }}" method="POST" id="form_3d">
                                @csrf
                                <th class="text-center" scope="row">Informe Competencias 3D</th>
                                <td> <select class="form-control" style="width: 100%" id="type_date_3d_id"
                                        name="type_date" onchange="changeDate(event,'#date_3D')">
                                        <option value="No Aplica">No Aplica</option>
                                        <option value="Indefinida">Indefinida</option>
                                        <option value="Determinada">Determinada</option>
                                    </select></td>
                                <td><input type="date" id="date_3D" class="form-control" name="due_date" disabled>
                                </td>
                                <td class="text-center">
                                    <div class="icheck-primary">
                                        <input type="checkbox" id="checkbox3D" name="accreditations_id" value="6"
                                            onchange="Checked('#checkbox3D','#form_3d','#date_3D','#type_date_3d_id')"
                                            disabled />
                                        <label for="checkbox3D"></label>
                                    </div>
                                </td>
                            </form>
                        </tr>
                    </tbody>

                </table>
            </div>
            <!-- /.card-body -->
        </div>

        <!-- /.card -->
        <div class="card card-dark">
            <div class="card-header">
                <h3 class="card-title">Licencias</h3>
            </div>
            <!-- /.card-header -->
            <div class="card-body">
                @can('user.accreditation')
                    <form data-action="{{ route('license.store') }}" method="POST" id="licenseForm">
                        @csrf
                        <div class="row">
                            <div class="col-sm-4">
                                <div class="form-group">
                                    <label>Licencia:</label>
                                    <input type="text" id="license_id" class="form-control" name="license">
                                </div>
                                <div class="icheck-primary">
                                    <input type="checkbox" id="checkboxLicense_id" />
                                    <label for="checkboxLicense_id">Licencia General</label>
                                </div>
                            </div>
                            <div class="col-sm-4">
                                <div class="form-group">
                                    <label>Fecha De Vencimiento(Opcional) :</label>
                                    <input type="date" id="due_date_id" class="form-control" name="due_date">
                                </div>
                            </div>
                            <div class="col-sm-4">
                                <button type="submit" style="margin-top: 9%" title="Agregar Licencia" id="btn_add_license"
                                    class="btn btn-primary" disabled><i class="fas fa-solid fa-plus"></i></button>
                            </div>
                        </div>
                    </form>
                @endcan
                <br>
                <br>
                <table class="table table-bordered" id="tableLicense" style="width:100%">
                    <thead class="thead-dark">
                        <tr>
                            <th class="text-center" style="width: 15%" scope="col">Licencia</th>
                            <th class="text-center" style="width: 10%" scope="col">Fecha de vencimiento</th>
                            <th class="text-center" style="width: 15%" scope="col">Faena</th>
                            <th class="text-center" style="width: 15%" scope="col">Acciones</th>
                        </tr>
                    </thead>
                </table>

            </div>
            <!-- /.card-body -->
        </div>
    </div>


@stop

@section('js')
    <script>
        let permission = document.querySelector('#user_permission').dataset.user;
        permission = JSON.parse(permission);
        $(document).ready(function() {
            $("#loading_general").hide();
            $("#loading_chore ").hide();
            $('#client_id_id').select2({
                ajax: {
                    url: "{{ route('api.select.client') }}",
                    dataType: 'json',
                    delay: 250,
                    data: function(params) {
                        return {
                            term: params.term
                        }
                    },
                    processResults: function(data) {
                        return {
                            results: data
                        }
                    }
                },
                placeholder: 'Seleccione un cliente',
                theme: "bootstrap4",
            });

            $('#chore_id_id').select2({
                ajax: {
                    url: "{{ route('api.select.chore') }}",
                    dataType: 'json',
                    delay: 250,
                    data: function(params) {
                        return {
                            term: params.term,
                            client: $('#client_id_id').val(),
                        }
                    },
                    processResults: function(data) {
                        return {
                            results: data
                        }
                    }
                },
                placeholder: 'Seleccione una faena',
                theme: "bootstrap4",
            });

            $('#user_id_id').select2({
                ajax: {
                    url: "{{ route('api.select.user') }}",
                    dataType: 'json',
                    delay: 250,
                    data: function(params) {
                        return {
                            term: params.term
                        }
                    },
                    processResults: function(data) {
                        return {
                            results: data
                        }
                    }
                },
                placeholder: 'Seleccione un usuario',
                theme: "bootstrap4",
            });

            var table = $('#tableLicense').DataTable({
                language: {
                    url: '{{ asset('/vendor/datatables/js/cl.json') }}'
                },
                responsive: "true",
                processing: true,
                serverSide: true,
                ajax: {
                    url: "{{ route('license.index') }}",
                    data: function(d) {
                        d.user_id = $('#user_id_id').val();
                        d.chore_id = $('#chore_id_id').val();
                    }
                },
                dom: '',
                columns: [{
                        data: 'license',
                        name: 'license',
                        className: "text-center"
                    },
                    {
                        data: 'due_date',
                        name: 'due_date',
                        className: "text-center"
                    },
                    {
                        data: 'chore',
                        name: 'chore',
                        defaultContent: '<span class="badge badge-danger">Licencia General</span>',
                        className: "text-center"
                    },
                    {
                        data: 'action',
                        name: 'action',
                        orderable: false,
                        searchable: false,
                        className: "text-center"
                    },
                ],

                pageLength: 10,



            });



        });

        function changeDate(event, date) {
            switch (event.target.value) {
                case "Indefinida":
                    $(date).prop('disabled', true);
                    break;
                case "Determinada":
                    $(date).prop('disabled', false);
                    break;
                case "No Aplica":
                    $(date).prop('disabled', true);
                    break;

            }
        }

        function CheckedGeneral(chbox, form, dateId, typeDateId) {
            var idAcriditation = $(chbox).val();
            if ($(chbox).prop('checked')) {
                $(form).submit();
                $(dateId).prop("disabled", true);
                $(typeDateId).prop("disabled", true);

            } else {
                if ($(typeDateId).val() == "Determinada") {
                    $(dateId).prop("disabled", false);
                }
                $(typeDateId).prop("disabled", false);
                var url = "{{ route('accreditation_general_user.destroy', ':id') }}";
                url = url.replace(':id', idAcriditation);
                $.ajax({
                    url: url,
                    type: 'DELETE',
                    data: {
                        _token: "{{ csrf_token() }}",
                        user_id: $('#user_id_id').val(),
                    },
                    success: function(data) {
                        toastr["success"](data['success'])
                    },
                    error: function(data) {
                        if (err.responseJSON.error) {
                            toastr["error"](err.responseJSON.error)
                        } else {
                            toastr["error"]('¡Hubo un error en quitar la acreditación!')
                        }
                    }
                });
            }
        }

        function Checked(chbox, form, dateId, typeDateId) {
            var idAcriditation = $(chbox).val();
            if ($(chbox).prop('checked')) {
                $(form).submit();
                $(dateId).prop("disabled", true);
                $(typeDateId).prop("disabled", true);

            } else {
                if ($(typeDateId).val() == "Determinada") {
                    $(dateId).prop("disabled", false);
                }
                $(typeDateId).prop("disabled", false);
                var url = "{{ route('accreditation_user.destroy', ':id') }}";
                url = url.replace(':id', idAcriditation);
                $.ajax({
                    url: url,
                    type: 'DELETE',
                    data: {
                        _token: "{{ csrf_token() }}",
                        user_id: $('#user_id_id').val(),
                        chore_id: $('#chore_id_id').val(),
                    },
                    success: function(data) {
                        toastr["success"](data['success'])
                    },
                    error: function(data) {
                        if (err.responseJSON.error) {
                            toastr["error"](err.responseJSON.error)
                        } else {
                            toastr["error"]('¡Hubo un error en quitar la acreditación!')
                        }
                    }
                });
            }
        }

        function getAccreditationsGeneral() {
            document.getElementById("form_preocupacionales").reset();
            document.getElementById("form_altura").reset();
            document.getElementById("form_av").reset();
            document.getElementById("form_riohs").reset();
            document.getElementById("form_guinez").reset();
            document.getElementById("form_odi").reset();
            document.getElementById("form_3d").reset();
            document.getElementById("form_odi").reset();
            document.getElementById("form_3d").reset();
            $('#type_date_3d_id').prop("disabled", false);
            $('#type_odi_id').prop("disabled", false);
            $('#checkboxOdi').prop('checked', false);
            $('#checkbox3D').prop('checked', false);
            
            $('#client_id_id').prop("disabled", false);
            $('#chore_id_id').prop("disabled", false);
            $("#loading_general").show();
            $('#checkboxPreocupacionales').prop('checked', false);
            $('#checkboxAltura').prop('checked', false);
            $('#checkboxAV').prop('checked', false);
            $('#checkboxRIOHS').prop('checked', false);
            $('#checkbox3D').prop('checked', false);
            $('#checkboxGuinez').prop('checked', false);
            $('#type_odi_id').prop("disabled", false);
            $('#type_date__Preocupacionales_id').prop("disabled", false);
            $('#type_date_altura_id').prop("disabled", false);
            $('#type_date_av_id').prop("disabled", false);
            $('#type_date_riohs_id').prop("disabled", false);
            $('#type_date_guinez_id').prop("disabled", false);
            if ($('#type_date__Preocupacionales_id').val() == "Determinada") {
                $('#date_preocupacionales').prop("disabled", false);
            }
            if ($('#type_date_altura_id').val() == "Determinada") {
                $('#date_altura').prop("disabled", false);
            }
            if ($('#type_date_av_id').val() == "Determinada") {
                $('#date_av_id').prop("disabled", false);
            }
            if ($('#type_date_riohs_id').val() == "Determinada") {
                $('#date_riohs').prop("disabled", false);
            }
            if ($('#type_date_guinez_id').val() == "Determinada") {
                $('#date_guinez').prop("disabled", false);
            }
            if ($('#type_date__Preocupacionales_id').val() == "Determinada") {
                $('#date_preocupacionales').prop("disabled", false);
            }
            if ($('#user_id_id').val() !== null) {

                $.ajax({
                    url: "{{ route('api.recoverAccreditationsGeneral') }}",
                    type: 'GET',
                    data: {
                        user_id: $('#user_id_id').val(),
                    },
                    success: function(data) {

                        data.forEach(function(element) {

                            switch (element.accreditations_id) {
                                case 2:
                                    $('#checkboxPreocupacionales').prop('checked', true);
                                    $('#type_date__Preocupacionales_id').val(element.type_date).trigger(
                                        'change');
                                    $('#date_preocupacionales').val(element.due_date);
                                    $('#type_date__Preocupacionales_id').prop("disabled", true);
                                    $('#date_preocupacionales').prop("disabled", true);
                                    break;
                                case 3:
                                    $('#checkboxAltura').prop('checked', true);
                                    $('#type_date_altura_id').val(element.type_date).trigger('change');
                                    $('#date_altura').val(element.due_date);
                                    $('#type_date_altura_id').prop("disabled", true);
                                    $('#date_altura').prop("disabled", true);
                                    break;
                                case 4:
                                    $('#checkboxAV').prop('checked', true);
                                    $('#type_date_av_id').val(element.type_date).trigger('change');
                                    $('#date_av_id').val(element.due_date);
                                    $('#type_date_av_id').prop("disabled", true);
                                    $('#date_av_id').prop("disabled", true);
                                    break;
                                case 5:
                                    $('#checkboxRIOHS').prop('checked', true);
                                    $('#type_date_riohs_id').val(element.type_date).trigger('change');
                                    $('#date_riohs').val(element.due_date);
                                    $('#type_date_riohs_id').prop("disabled", true);
                                    $('#date_riohs').prop("disabled", true);
                                    break;
                                case 7:
                                    $('#checkboxGuinez').prop('checked', true);
                                    $('#type_date_guinez_id').val(element.type_date).trigger('change');
                                    $('#date_guinez').val(element.due_date);
                                    $('#type_date_guinez_id').prop("disabled", true);
                                    $('#date_guinez').prop("disabled", true);
                                    break;

                                default:
                                    toastr["error"]('¡Hubo un error en cargar la acreditación!')
                            }
                        });
                        $("#loading_general").hide();
                    },
                    error: function(err) {
                        toastr["error"]('¡Hubo un error en cargar la acreditación!')
                    }
                });
            }


            if ($('#user_id_id').val() !== null && $('#chore_id_id').val() !== null) {
                $("#loading_chore").show();
                $.ajax({
                    url: "{{ route('api.recoverAccreditations') }}",
                    type: 'GET',
                    data: {
                        user_id: $('#user_id_id').val(),
                        chore_id: $('#chore_id_id').val(),
                    },
                    success: function(data) {

                        data.forEach(function(element) {

                            switch (element.accreditations_id) {
                                case 1:
                                    $('#checkboxOdi').prop('checked', true);
                                    $('#type_odi_id').val(element.type_date).trigger('change');
                                    $('#date_odi_id').val(element.due_date);
                                    $('#type_odi_id').prop("disabled", true);
                                    $('#date_odi_id').prop("disabled", true);
                                    break;
                                case 6:
                                    $('#checkbox3D').prop('checked', true);
                                    $('#type_date_3d_id').val(element.type_date).trigger('change');
                                    $('#date_3D').val(element.due_date);
                                    $('#type_date_3d_id').prop("disabled", true);
                                    $('#date_3D').prop("disabled", true);
                                    break;
                                default:
                                    toastr["error"]('¡Hubo un error en cargar la acreditación!')
                            }
                        });
                        $("#loading_chore").hide();
                    },
                    error: function(err) {
                        toastr["error"]('¡Hubo un error en cargar la acreditación!')
                    }
                });
            }
        }


        function getAccreditationChore() {
            document.getElementById("form_odi").reset();
            document.getElementById("form_3d").reset();
            $('#type_date_3d_id').prop("disabled", false);
            $('#type_odi_id').prop("disabled", false);
            $('#checkboxOdi').prop('checked', false);
            $('#checkbox3D').prop('checked', false);


            if ($('#type_date_3d_id').val() == "Determinada") {
                $('#date_3D').prop("disabled", false);
            }
            if ($('#type_odi_id').val() == "Determinada") {
                $('#date_odi_id').prop("disabled", false);
            }

            if ($('#user_id_id').val() !== null && $('#chore_id_id').val() !== null) {
                $("#loading_chore").show();
                $.ajax({
                    url: "{{ route('api.recoverAccreditations') }}",
                    type: 'GET',
                    data: {
                        user_id: $('#user_id_id').val(),
                        chore_id: $('#chore_id_id').val(),
                    },
                    success: function(data) {

                        data.forEach(function(element) {

                            switch (element.accreditations_id) {
                                case 1:
                                    $('#checkboxOdi').prop('checked', true);
                                    $('#type_odi_id').val(element.type_date).trigger('change');
                                    $('#date_odi_id').val(element.due_date);
                                    $('#type_odi_id').prop("disabled", true);
                                    $('#date_odi_id').prop("disabled", true);
                                    break;
                                case 6:
                                    $('#checkbox3D').prop('checked', true);
                                    $('#type_date_3d_id').val(element.type_date).trigger('change');
                                    $('#date_3D').val(element.due_date);
                                    $('#type_date_3d_id').prop("disabled", true);
                                    $('#date_3D').prop("disabled", true);
                                    break;
                                default:
                                    toastr["error"]('¡Hubo un error en cargar la acreditación!')
                            }
                        });
                        $("#loading_chore").hide();
                    },
                    error: function(err) {
                        toastr["error"]('¡Hubo un error en cargar la acreditación!')
                    }
                });
            }
        }

        $('#user_id_id').on('change', function() {
            table = $('#tableLicense').DataTable();
            table.draw();
            if (permission) {
                if ($('#user_id_id').val() !== null) {
                    $("#checkboxPreocupacionales").prop("disabled", false);
                    $("#checkboxAltura").prop("disabled", false);
                    $("#checkboxAV").prop("disabled", false);
                    $("#checkboxRIOHS").prop("disabled", false);
                    $("#checkboxGuinez").prop("disabled", false);
                    $("#btn_add_license").prop("disabled", false);

                } else {
                    $("#checkboxPreocupacionales").prop("disabled", true);
                    $("#checkboxAltura").prop("disabled", true);
                    $("#checkboxAV").prop("disabled", true);
                    $("#checkboxRIOHS").prop("disabled", true);
                    $("#checkboxGuinez").prop("disabled", true);
                    $("#btn_add_license").prop("disabled", true);

                }
            }
            if ($('#user_id_id').val() !== null) {
                $("#btn_add_license").prop("disabled", false);
            } else {
                $("#btn_add_license").prop("disabled", true);
            }



        });




        $('#chore_id_id').on('change', function() {
            table = $('#tableLicense').DataTable();
            table.draw();
            if (permission) {
                if ($('#user_id_id').val() !== null && $('#chore_id_id').val() !== null) {
                    $("#checkboxOdi").prop("disabled", false);
                    $("#checkbox3D").prop("disabled", false);

                } else {
                    $("#checkboxOdi").prop("disabled", true);
                    $("#checkbox3D").prop("disabled", true);
                }
            }

        });
    </script>

    <script src="/js/accreditation_user/form.js"></script>
    <script src="/js/general/sweet.js"></script>
@stop