@extends('layouts.menu')

@section('tittle')
    CREAR SOLICITUD ADMIN IT
@endsection

@section('contenido')
    <div class="row">
        <div class="col-lg-12">

            <div class="card card-table comman-shadow shadow-lg bg-solicitudes">
                <div class="card-body">
                    <div class="row align-items-center">
                        <div class="col">
                            <h3 class="page-title">NUEVO TICKET ADMIN PERSONALIZADO</h3>
                        </div>
                    </div>
                    <br>
                    <div class="card-body">
                        <div class="editConsultaIT">
                            <div class="row">
                                <div class="col-lg-4">
                                    <div class="row asuntoSection">
                                        <div class="form-group">
                                            <label for="" class="col-form-label" for="asuntoBox">Asunto:</label>
                                            <input type="text" class="form-control form-control-sm" name="asuntoBox"
                                                id="asuntoBox">
                                        </div>
                                    </div>
                                    <div class="row descripcionSection">
                                        <div class="form-group">
                                            <label for="" class="col-form-label"
                                                for="descripcionBox">Descripcion:</label>
                                            <textarea style="height: 205px" name="descripcionBox" id="descripcionBox" class="form-control" cols="8"
                                                rows="15"></textarea>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-4">
                                    <div class="form-group">
                                        <label for="" class="col-form-label" for="areaSolicitaSelect">Área
                                            Solicita:</label>
                                        <select type="text" class="form-select form-select-sm selectControls"
                                            name="areaSolicitaSelect" id="areaSolicitaSelect">
                                            <option value="0">Seleccione una opción</option>
                                            @foreach ($allGruposData as $all_grupo)
                                                <option value="{{ $all_grupo->id_grupo }}">{{ $all_grupo->nombre }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="row empleadoSection">
                                        <div class="form-group">
                                            <label for="" class="col-form-label" for="empleadoBox">Solicitado
                                                por:</label>
                                            <select type="text" class="form-select form-select-sm" name="empleadoBox"
                                                id="empleadoBox">
                                                <option value="0">Seleccione un empleado</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="" class="col-form-label" for="areaSolicitaSelect">Área
                                            Encargada:</label>
                                        <select type="text" class="form-select form-select-sm selectControls"
                                            name="areaEncargadaSelect" id="areaEncargadaSelect">
                                            <option value="0">Seleccione una opción</option>
                                            @foreach ($myGruposData as $myGrupo)
                                                <option value="{{ $myGrupo->id_grupo }}">{{ $myGrupo->nombre }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="row asignadoSection">
                                        <div class="form-group">
                                            <label for="" class="col-form-label" for="asignadoBox">Asignado
                                                a:</label>
                                            <select type="text" class="form-select form-select-sm" name="asignadoBox"
                                                id="asignadoBox">
                                                <option value="0">Seleccione un asignado</option>
                                                {{-- @foreach ($asignadosData as $asignado)
                                                    <option value="{{ $asignado->pkUsuario }}">{{ $asignado->userName }}
                                                    </option>
                                                @endforeach --}}
                                            </select>
                                        </div>
                                    </div>
                                    {{-- <div class="row sistemaSection">
                                        <div class="form-group">
                                            <label for="" class="col-form-label" for="sistemaBox">Sistema:</label>
                                            <select type="text" class="form-select form-select-sm" name="sistemaBox"
                                                id="sistemaBox">
                                                <option value="0">Seleccione una opción</option>
                                                @foreach ($sistemasData as $system)
                                                    <option value="{{ $system->id }}">{{ $system->sistema }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div> --}}
                                </div>
                                <div class="col-lg-4">
                                    <div class="row estadoSection">
                                        <div class="form-group">
                                            <label for="" class="col-form-label" for="estadoOption">Estado:</label>
                                            <select type="text" class="form-select form-select-sm" name="estadoOption"
                                                id="estadoOption" disabled>
                                                <option value="2" selected>ASIGNADO</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="row prioridadITSection">
                                        <div class="form-group">
                                            <label for="" class="col-form-label"
                                                for="prioridadIT">Prioridad:</label>
                                            <select type="text" class="form-select form-select-sm" name="prioridadIT"
                                                id="prioridadIT">
                                                <option value="0">Seleccione una opción</option>
                                                @foreach ($prioridadesData as $prioridad)
                                                    <option value="{{ $prioridad->id_prioridad }}">
                                                        {{ $prioridad->prioridad }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="row sucursalSection">
                                        <div class="form-group">
                                            <label for="" class="col-form-label" for="sucursalBox">Sucursal:</label>
                                            <select type="text" class="form-select form-select-sm" name="sucursalBox"
                                                id="sucursalBox">
                                                <option value="0">Seleccione una opción</option>
                                                @foreach ($sucursalesData as $sucursal)
                                                    <option value="{{ $sucursal->id }}">{{ $sucursal->sucursal }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    @if (Session::get('adminIT') == 'adminIT')
                                        <div class="row tipoSolicitudSection">
                                            <div class="form-group">
                                                <label for="" class="col-form-label" for="tipoSolicitudBox">Tipo
                                                    Solicitud:</label>
                                                <select type="text" class="form-select form-select-sm"
                                                    name="tipoSolicitudBox" id="tipoSolicitudBox">
                                                    <option value="0">Seleccione una opción</option>
                                                    @foreach ($tiposData as $tipo)
                                                        <option value="{{ $tipo->pk_tipo }}">{{ $tipo->descripcion_tipo }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    @endif
                                    <div class="row fechaSection" style="display: none">
                                        <div class="form-group">
                                            <label for="" class="col-form-label" for="fechaSelect">Fecha
                                                Estimada:</label>
                                            <input type="datetime-local" class="form-control form-control-sm"
                                                name="fechaSelect" id="fechaSelect" readonly>
                                        </div>
                                    </div>
                                    <div class="row dificultadInicioSection" style="display: none">
                                        <div class="form-group">
                                            <label for="" class="col-form-label"
                                                for="dificultadInicio">Dificultad
                                                Inicio:</label>
                                            <select type="text" class="form-select form-select-sm"
                                                name="dificultadInicio" id="dificultadInicio">
                                                <option value="0">Seleccione una opción</option>
                                                @foreach ($dificultadesData as $dificultad)
                                                    <option value="{{ $dificultad->id_dificultad }}">
                                                        {{ $dificultad->tiempo }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="row dificultadFinalSection" style="display: none">
                                        <div class="form-group">
                                            <label for="" class="col-form-label"
                                                for="dificultadInicio">Dificultad
                                                Final:</label>
                                            <select type="text" class="form-select form-select-sm"
                                                name="dificultadFinal" id="dificultadFinal" disabled>
                                                <option value="0">Seleccione una opción</option>
                                                @foreach ($dificultadesData as $dificultad)
                                                    <option value="{{ $dificultad->id_dificultad }}">
                                                        {{ $dificultad->tiempo }}</option>
                                                @endforeach
                                            </select>

                                            <div class="text-right">
                                                <input class="form-check-input" type="checkbox" value="0"
                                                    id="errorUsuarioCheck" disabled>
                                                <label class="form-check-label" for="errorUsuarioCheck">
                                                    <b> Error Usuario </b>
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group">
                                <label for="" class="col-form-label textControls"
                                    for="justificacionBox">Justificación:</label>
                                <textarea name="justificacionBox" id="justificacionBox" class="form-control textControlsArea" cols="8"
                                    rows="3"></textarea>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="submit" id="btnGuardar" class="btn btn-success">Guardar</button>
                            <button type="button" class="btn btn-secondary" id="btnCancelar"
                                data-dismiss="modal">Cancelar</button>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
@endsection

@section('scripts')
    <script>
        $(document).ready(function() {
            $('#solicitudesMenu, #solicitudAdminITMenu').addClass('active');

            $("#errorUsuarioCheck").click(function() {
                var x = $("#errorUsuarioCheck").is(":checked");

                if (x == true) {
                    $("#errorUsuarioCheck").val(1);
                } else if (x == false) {
                    $("#errorUsuarioCheck").val(0);
                }
            });

            $('#btnCancelar').click(function(e) {
                e.preventDefault();

                window.location = "{{ url('/admin/abrir/tickets/admin') }}";
            });

            $('#areaSolicitaSelect').change(function(e) {
                e.preventDefault();

                var group_id = $.trim($('#areaSolicitaSelect').val());

                $.ajax({
                    beforeSend: function(xhr, type) {
                        if (!type.crossDomain) {
                            xhr.setRequestHeader('X-CSRF-Token', $('meta[name="csrf-token"]')
                                .attr(
                                    'content'));
                        }
                    },
                    type: "POST",
                    url: "{{ url('/admin/fill/select/solicitado/por') }}",
                    async: false,
                    data: {
                        group_id: group_id
                    },
                    success: function(data) {
                        $('#empleadoBox').html(data);
                    }
                });
            });
            $('#areaEncargadaSelect').change(function(e) {
                e.preventDefault();

                var group_id = $.trim($('#areaEncargadaSelect').val());

                $.ajax({
                    beforeSend: function(xhr, type) {
                        if (!type.crossDomain) {
                            xhr.setRequestHeader('X-CSRF-Token', $('meta[name="csrf-token"]')
                                .attr(
                                    'content'));
                        }
                    },
                    type: "POST",
                    url: "{{ url('/admin/fill/select/nivel/4') }}",
                    async: false,
                    data: {
                        group_id: group_id
                    },
                    success: function(data) {
                        $('#asignadoBox').html(data);
                    }
                });
            });

            $(document).on("click", "#btnGuardar", function(e) {
                e.preventDefault();

                var asuntoBox = $.trim($('#asuntoBox').val());
                var descripcionBox = $.trim($('#descripcionBox').val());
                var justificacionBox = $.trim($('#justificacionBox').val());

                /* AREA Y USUARIO SOLICITA */
                var areaSolicitaSelect = $.trim($('#areaSolicitaSelect').val());
                var areaSolicitaSelectText = $("#areaSolicitaSelect option:selected").text();

                var empleadoBox = $.trim($('#empleadoBox').val());
                var empleadoBoxText = $("#empleadoBox option:selected").text();

                /* AREA Y USUARIO ENCARGADO */
                var areaEncargadaSelect = $.trim($('#areaEncargadaSelect').val());
                var areaEncargadaSelectText = $("#areaEncargadaSelect option:selected").text();

                var asignadoBox = $.trim($('#asignadoBox').val());
                var asignadoBoxText = $("#asignadoBox option:selected").text();

                /* SUCURSAL */
                var sucursalBox = $.trim($('#sucursalBox').val());
                var sucursalBoxText = $("#sucursalBox option:selected").text();

                var estado = $.trim($('#estadoOption').val());
                var estadoText = $("#estadoOption option:selected").text();

                var tipo_solicitud = $.trim($('#tipoSolicitudBox').val());
                var tipoSolicitudBoxText = $("#tipoSolicitudBox option:selected").text();

                var sistemaBox = $.trim($('#sistemaBox').val());
                var sistemaBoxText = $("#sistemaBox option:selected").text();

                var prioridadIT = $.trim($('#prioridadIT').val());
                var fechaEstimada = $.trim($('#fechaSelect').val());
                var dificultadInicio = $.trim($('#dificultadInicio').val());
                var dificultadFinal = $.trim($('#dificultadFinal').val());
                var comentarioPausa = $.trim($('#comentarioPausa').val());
                var comentarioFinal = $.trim($('#comentarioFinal').val());
                var errorUsuarioCheck = $.trim($('#errorUsuarioCheck').val());

                if (estado == 2 && (!$.trim($("#asuntoBox").val()) || !$.trim($("#descripcionBox").val()) ||
                        !$('#justificacionBox').val() ||
                        asignadoBox == 0 || empleadoBox == 0 || sucursalBox == 0 ||
                        estado == 0 || prioridadIT == 0 || areaSolicitaSelect == 0 ||
                        areaEncargadaSelect == 0)) {
                    Swal.fire("", "No puede dejar campos sin seleccionar o llenar!", "warning");
                } else if (estado == 3 && (!$.trim($("#asuntoBox").val()) || !$.trim($("#descripcionBox")
                            .val()) || !$('#justificacionBox').val() || asignadoBox == 0 || empleadoBox ==
                        0 ||
                        sucursalBox == 0 || estado == 0 || prioridadIT == 0 ||
                        dificultadInicio == 0 || areaSolicitaSelect == 0 || areaEncargadaSelect == 0)) {
                    Swal.fire("", "No puede dejar campos sin seleccionar o llenar!", "warning");
                } else if ((estado == 4 || estado == 6) && (!$.trim($("#asuntoBox").val()) || !$.trim($(
                            "#descripcionBox").val()) || !$('#justificacionBox').val() || asignadoBox ==
                        0 || empleadoBox == 0 ||
                        sucursalBox == 0 || estado == 0 ||
                        dificultadInicio == 0 || !$.trim($("#comentarioPausa").val()) ||
                        areaSolicitaSelect == 0 || areaEncargadaSelect == 0)) {
                    Swal.fire("", "No puede dejar campos sin seleccionar o llenar!", "warning");
                } else if ((estado == 5) && (!$.trim($("#asuntoBox").val()) || !$('#justificacionBox')
                        .val() || !$.trim($("#descripcionBox")
                            .val()) || asignadoBox == 0 || empleadoBox == 0 ||
                        sucursalBox == 0 || estado == 0 || prioridadIT == 0 ||
                        dificultadInicio == 0 || !$.trim($("#comentarioFinal").val()) ||
                        areaSolicitaSelect == 0 || areaEncargadaSelect == 0)) {
                    Swal.fire("", "No puede dejar campos sin seleccionar o llenar!", "warning");
                } else {
                    try {
                        $.ajax({
                            beforeSend: function(xhr, type) {
                                if (!type.crossDomain) {
                                    xhr.setRequestHeader('X-CSRF-Token', $(
                                        'meta[name="csrf-token"]').attr('content'));
                                }
                            },
                            url: "{{ url('/api/save/admin/ticket/comun') }}",
                            type: "POST",
                            data: {
                                asuntoBox: asuntoBox,
                                descripcionBox: descripcionBox,
                                justificacionBox: justificacionBox,
                                areaEncargadaSelect: areaEncargadaSelect,
                                prioridad: prioridadIT,
                                tipo_solicitud: tipo_solicitud,
                                sistemaBox: sistemaBox,
                                sucursalBox: sucursalBox,
                                areaSolicitaSelect: areaSolicitaSelect,
                                empleadoBox: empleadoBox,
                                asignadoBox: asignadoBox,
                                estado: estado,
                                fechaEstimada: fechaEstimada,
                                dificultadInicio: dificultadInicio,
                                dificultadFinal: dificultadFinal,
                                comentarioPausa: comentarioPausa,
                                comentarioFinal: comentarioFinal,
                                errorUsuarioCheck: errorUsuarioCheck,
                            },
                            success: function(data) {
                                Swal.fire("", "Solicitud ADMIN Creada!", "success");
                                window.location = "{{ url('/admin/abrir/tickets/admin') }}";
                            },
                        });
                    } catch (error) {
                        Swal.fire("", "Error: " + error, "error");
                    }
                }
            });
        });
    </script>
@endsection