@extends('adminlte::page')

@section('plugins.Datatables', true)
@section('plugins.Sweetalert2', true)
@section('plugins.Select1', true)

@section('title', 'Intranet | Recepcion De Movimientos De Salidas')

@section('content_header')
    <div class="container-fluid">

    </div>
@stop

@section('content')
    <div class="container-fluid">
        <div class="row justify-content-center">
            <div class="col-lg-10">
                <div class="card card-aspen card-tabs">
                    <div class="card-header p-0 pt-1">
                        <ul class="nav nav-tabs" id="custom-tabs-one-tab" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" id="custom-tabs-one-home-tab" data-toggle="pill" href="#custom-tabs-one-home" role="tab" aria-controls="custom-tabs-one-home" aria-selected="true">Requisición</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="custom-tabs-one-profile-tab" data-toggle="pill" href="#custom-tabs-one-profile" role="tab" aria-controls="custom-tabs-one-profile" aria-selected="false">Movimientos De Salida</a>
                            </li>
                        </ul>
                    </div>
                    <div class="card-body">
                        <div class="tab-content" id="custom-tabs-one-tabContent">
                            <div class="tab-pane fade show active" id="custom-tabs-one-home" role="tabpanel" aria-labelledby="custom-tabs-one-home-tab">
                                <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                    <div class="form-group">
                                        <label>Nº Requisición</label>
                                        <div class="input-group">
                                            <input value="{{ $requisicion->numero_rq }}" type="text" class="form-control" name="numero_rq" id="numeroRq" readonly="true">
                                        </div>
                                        <div class="invalid-feedback" id="valicacionCampoNumeroRq">

                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label>Fecha Solicitud</label>
                                        <input type="date" class="form-control" name="fecha_solicitud" id="fechaSolicitud" value="{{ fechaConFormatoDeUSA($requisicion->fecha_solicitud) }}" readonly="true">
                                        <div class="invalid-feedback" id="valicacionCampofechaSolicitud">

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

                                <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                    <div class="form-group">
                                        <label>Centro costo</label>
                                        <div class="input-group">
                                            <input type="text" class="form-control" id="campoCentroCosto" readonly="true" value="{{ $requisicion->centroCosto->centro_costo }}">
                                        </div>
                                        <div class="invalid-feedback" id="valicacionCampoCentroCosto">

                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label>Proyecto</label>
                                        <div class="input-group">
                                            <input type="text" class="form-control" name="proyecto" id="proyecto" readonly="true" value="{{ $requisicion->centroCosto->nombre }}">
                                        </div>
                                        <div class="invalid-feedback" id="valicacionCampoProyecto">

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

                                <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                    <div class="form-group">
                                        <label>Solicitante</label>
                                        <div class="input-group">
                                            <input type="text" class="form-control" id="usuarioSolicitante" readonly="true" value="{{ $requisicion->usuarioSolicitante->name }}">
                                        </div>
                                        <div class="invalid-feedback" id="valicacionCampoUsuarioSolicitante">

                                        </div>
                                    </div>

                                    <div class="form-group">
                                        @if ($requisicion->estado_1 == 'Pendiente')
                                            <label>Autorizado Por</label>
                                        @else
                                            @if ($requisicion->estado_1 == 'Aprobado')
                                                <label>Aprobada Por</label>
                                            @else
                                                @if ($requisicion->estado_1 == 'Rechazado')
                                                    <label>Rechazada Por</label>
                                                @else
                                                    @if ($requisicion->estado_1 == 'Anulada')
                                                        <label>Anulada Por</label>
                                                    @else
                                                        <label>Autorizado Por</label>
                                                    @endif
                                                @endif
                                            @endif
                                        @endif
                                        <div class="input-group">
                                            <input type="text" class="form-control" id="autorizador" readonly="true" @isset($requisicion->autorizador) value="{{ $requisicion->autorizador->name }}" @endisset>
                                        </div>
                                        <div class="invalid-feedback" id="valicacionCampoAutorizador">

                                        </div>
                                    </div>

                                    @if (Gate::check('requisicion.asignar-personal') || Gate::check('requisicion.generar-oc'))
                                        <div class="form-group">
                                            <label>Responsable </label>
                                            <div class="input-group">
                                                <input type="text" class="form-control" id="usuarioAsignadoVisualizado" readonly="true" @isset($requisicion->usuarioAsignado) value="{{ $requisicion->usuarioAsignado->name }}" @endisset>
                                            </div>
                                            <div class="invalid-feedback" id="valicacionCampoUsuarioAsignadoVisualizado">

                                            </div>
                                        </div>
                                    @endif
                                </div>
                            </div>

                            <div class="tab-pane fade" id="custom-tabs-one-profile" role="tabpanel" aria-labelledby="custom-tabs-one-profile-tab">
                                <div class="table-responsive">
                                    <table class="table table-bordered" id="datatable">
                                        <thead>
                                            <tr>
                                                <th>Recepción Salida</th>
                                                <th>Folio</th>
                                                <th>Nombre Artículo</th>
                                                <th>Cuenta Gasto</th>
                                                <th>Centro Costo</th>
                                                <th>Numero RQ</th>
                                                <th>Numero Oc</th>
                                                <th>Cantidad Artículo Oc</th>
                                                <th>Cantidad Entrada</th>
                                                <th>Cantidad Salida</th>
                                                <th>Bodega</th>
                                                <th>Total</th>
                                                <th>Encargado de bodega</th>
                                                <th>Observación General Folio</th>
                                                <th>Observación Salida</th>
                                                <th>Observación Recepción No Conforme</th>
                                                <th>Tipo Recepción No Conforme</th>
                                                <th>Observación Tipo Recepción No Conforme</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($listadoSalidaBodega as $salida)
                                                @if ($salida->estado == 'Pendiente')
                                                    <tr>
                                                        <td class="id-entrada-salida-bodega" style="display: none;">{{ $salida->id }}</td>
                                                        <td class="id-tipo-recepcion-no-conforme" style="display: none;"></td>
                                                        <td class="estado-entrada-salida-bodega" style="display: none;">Pendiente</td>
                                                        <td class="combobox-estado-entrada-salida-bodega">
                                                            <div class="form-group">
                                                                <select class="form-control listaDespegableConBuscador" data-live-search="true" id="estadoRecepcion{{ $salida->id }}" onchange="cambioEstadoMovimientoSalida(this, this.parentElement.parentElement.parentElement.parentElement)">
                                                                    <option value="Pendiente">Pendiente</option>
                                                                    <option value="Recepción No Conforme">Recepción No Conforme</option>
                                                                    <option value="Recepción Conforme">Recepción Conforme</option>
                                                                </select>
                                                            </div>
                                                        </td>
                                                        <td>{{ $salida->salidaBodega->folio }}</td>
                                                        <td>{{ $salida->articulo->descripcion }}</td>
                                                        <td>{{ $salida->articulo->cuentaDeGasto->cuenta_gasto }}</td>
                                                        <td>{{ $salida->centroCosto->centro_costo }}</td>
                                                        @if (isset($salida->articuloRequisicion))
                                                            <td>{{ $salida->articuloRequisicion->requisicion->numero_rq }}</td>
                                                        @else
                                                            <td></td>
                                                        @endif
                                                        <td>{{ $salida->articuloOrdenDeCompra->ordenDeCompra->numero_oc }}</td>
                                                        <td>{{ $salida->articuloOrdenDeCompra->cantidad }}</td>
                                                        <td>{{ $salida->entradaBodega->cantidad }}</td>
                                                        <td>{{ $salida->cantidad }}</td>
                                                        <td>{{ $salida->salidaBodega->bodega->bodega }}</td>
                                                        <td>{{ formatoMenedaSegunTipoDeMonedaOC($salida->articuloOrdenDeCompra->precio_total, $salida->articuloOrdenDeCompra->tipo_moneda) }}</td>
                                                        <td>{{ $salida->salidaBodega->solicitante->name }}</td>
                                                        <td>{{ $salida->salidaBodega->observacion }}</td>
                                                        <td>{{ $salida->observacion }}</td>
                                                        <td class="observacion-no-conforme"></td>
                                                        <td class="tipo-no-conforme"></td>
                                                        <td class="observacion-tipo-no-conforme"></td>
                                                    </tr>
                                                @endif
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class=" card-footer">
                        <button type="button" class="btn btn-aspen" id="botonDeRecepcion" onclick="registrarRecepcionDeSalidas()"><i class="fas fa-people-carry"></i> Recepcionar Salidas </button>
                        <a href="{{ route('requisicion.show', $requisicion) }}" role="button" class="btn btn-secondary mt-1"><i class="fas fa-arrow-alt-circle-left" style="margin-right: 2px;"></i> Volver</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="modalCampoObservacionNoConforme" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <form>
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #B08C1C; color:white;">
                        <h5 class="modal-title" id="tituloCampoObservacionObservacionNoConforme">Editar Observación Recepción No Conforme</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">

                        <div class="form-group">
                            <label>Tipo Recepción No Conforme</label>
                            <select onchange="cambiarEstadoDeVisibilidadTipoRecepcionNoConforme(this)" aria-disabled="true" class="form-control listaDespegableConBuscador" id="tipoRecepcionNoConforme" name="tipoRecepcionNoConforme" data-live-search="true">
                                <option value="">--Seleccionar Tipo Recepción No Conforme--</option>
                                @foreach ($tiposRecepcionesNoConformes as $tipoRecep)
                                    <option value="{{ $tipoRecep->id }}">{{ $tipoRecep->tipo }}</option>
                                @endforeach
                            </select>
                            <div class="invalid-feedback" id="valicacionCampoTipoRecepcionNoConforme">

                            </div>
                        </div>

                        <div class="form-group" id="formGroupObservacionTipoRecepcionNoConforme" style="display: none;">
                            <label for="observacionTipoRecepcionNoConforme">Observación Tipo Recepción No Conforme</label>
                            <textarea class="form-control" id="observacionTipoRecepcionNoConforme" name="observacionTipoRecepcionNoConforme" rows="3" placeholder="Indicar una breve descripción sobre el tipo de recepción no conforme que descubrio"></textarea>
                            <div class="invalid-feedback" id="valicacionCampoObservacionTipoRecepcionNoConforme">

                            </div>
                        </div>

                        <div class="form-group">
                            <label for="observacionNoConforme">Observación Recepción No Conforme</label>
                            <textarea class="form-control" id="observacionNoConforme" name="observacionNoConforme" rows="3"></textarea>
                            <div class="invalid-feedback" id="valicacionCampoObservacionNoConforme">

                            </div>
                        </div>

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                        <button type="button" class="btn btn-aspen" id="botonCampoEditarObservacionNoConforme" onclick="editarColumnaObservacionNoConformeConModal()">Editar</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

@stop

@section('footer')
    <div class="float-right d-none d-sm-inline">
        Intranet
    </div>
    <strong>Copyright © 2023 <a href="https://aspenspa.cl/">aspenspa.cl</a></strong>
@stop

@section('css')
    <link rel="stylesheet" href="{{ asset('css/estilo-generico.css') }}">
@stop

@section('js')
    <script src="{{ asset('js/funcionalidades-genericas.js') }}"></script>

    <script>
        $('.listaDespegableConBuscador').selectpicker({
            dropupAuto: false
        });
        $('#tipoRecepcionNoConforme').selectpicker({
            dropupAuto: false
        });
    </script>

    <script>
        var filaActual;

        function cambioEstadoMovimientoSalida(estado, fila) {
            switch (estado.value) {
                case "Pendiente":
                    fila.querySelector(".observacion-no-conforme").innerHTML = "";
                    fila.querySelector(".estado-entrada-salida-bodega").innerHTML = "Pendiente";
                    break;
                case "Recepción No Conforme":
                    $('#estadoRecepcion' + fila.querySelector(".id-entrada-salida-bodega").innerHTML).selectpicker('val', "Pendiente");
                    abrirModalEditarObservacionNoConforme(fila);
                    break;
                case "Recepción Conforme":
                    fila.querySelector(".observacion-no-conforme").innerHTML = "";
                    fila.querySelector(".estado-entrada-salida-bodega").innerHTML = "Recepción Conforme";
                    break;
            }
        }

        function abrirModalEditarObservacionNoConforme(fila) {
            filaActual = fila;
            document.getElementById("observacionNoConforme").setAttribute("class", "form-control");
            document.getElementById("valicacionCampoObservacionNoConforme").innerHTML = "";

            document.getElementById("formGroupObservacionTipoRecepcionNoConforme").style.display = "none";
            document.getElementById("observacionTipoRecepcionNoConforme").setAttribute("class", "form-control");
            document.getElementById("valicacionCampoObservacionTipoRecepcionNoConforme").innerHTML = "";

            document.getElementById("valicacionCampoTipoRecepcionNoConforme").innerHTML = "";
            document.getElementById("tipoRecepcionNoConforme").classList.remove('input-success-icon');
            document.getElementById("tipoRecepcionNoConforme").classList.remove('input-error-icon');
            document.getElementById("valicacionCampoTipoRecepcionNoConforme").style.display = "none";

            document.getElementById("observacionNoConforme").value = filaActual.querySelector(".observacion-no-conforme").innerHTML;
            $('#tipoRecepcionNoConforme').selectpicker('val', filaActual.querySelector(".tipo-no-conforme").innerHTML);
            document.getElementById("observacionTipoRecepcionNoConforme").value = filaActual.querySelector(".observacion-tipo-no-conforme").innerHTML;

            $("#modalCampoObservacionNoConforme").modal("show");
        }

        function cambiarEstadoDeVisibilidadTipoRecepcionNoConforme(tipo) {
            var nombreTipoRecepcionNoConforme = $('#tipoRecepcionNoConforme option:selected').text();
            if (nombreTipoRecepcionNoConforme == "Otro") {
                document.getElementById("formGroupObservacionTipoRecepcionNoConforme").style.display = "block";
            } else {
                document.getElementById("formGroupObservacionTipoRecepcionNoConforme").style.display = "none";
            }
        }

        function editarColumnaObservacionNoConformeConModal() {
            if (document.getElementById("observacionNoConforme").value.trim() != "" && document.getElementById("tipoRecepcionNoConforme").value.trim() != "") {
                var nombreTipoRecepcionNoConforme = $('#tipoRecepcionNoConforme option:selected').text();
                if (nombreTipoRecepcionNoConforme == "Otro") {
                    if (document.getElementById("observacionTipoRecepcionNoConforme").value.trim() != "") {
                        filaActual.querySelector(".observacion-no-conforme").innerHTML = document.getElementById("observacionNoConforme").value.trim();
                        filaActual.querySelector(".tipo-no-conforme").innerHTML = nombreTipoRecepcionNoConforme;
                        filaActual.querySelector(".id-tipo-recepcion-no-conforme").innerHTML = document.getElementById("tipoRecepcionNoConforme").value.trim();
                        filaActual.querySelector(".observacion-tipo-no-conforme").innerHTML = document.getElementById("observacionTipoRecepcionNoConforme").value.trim();
                        $('#estadoRecepcion' + filaActual.querySelector(".id-entrada-salida-bodega").innerHTML).selectpicker('val', "Recepción No Conforme");
                        filaActual.querySelector(".estado-entrada-salida-bodega").innerHTML = "Recepción No Conforme";
                        $("#modalCampoObservacionNoConforme").modal("hide");
                    } else {
                        if (document.getElementById("observacionNoConforme").value.trim() != "") {
                            document.getElementById("observacionNoConforme").setAttribute("class", "form-control is-valid");
                            document.getElementById("valicacionCampoObservacionNoConforme").innerHTML = "";
                        } else {
                            document.getElementById("observacionNoConforme").setAttribute("class", "form-control is-invalid");
                            document.getElementById("valicacionCampoObservacionNoConforme").innerHTML = "El campo observación recepción no conforme es obligatorio";
                        }

                        if (document.getElementById("observacionTipoRecepcionNoConforme").value.trim() != "") {
                            document.getElementById("observacionTipoRecepcionNoConforme").setAttribute("class", "form-control is-valid");
                            document.getElementById("valicacionCampoObservacionTipoRecepcionNoConforme").innerHTML = "";
                        } else {
                            document.getElementById("observacionTipoRecepcionNoConforme").setAttribute("class", "form-control is-invalid");
                            document.getElementById("valicacionCampoObservacionTipoRecepcionNoConforme").innerHTML = "El campo tipo observación recepción no conforme es obligatorio";
                        }

                        if (document.getElementById("tipoRecepcionNoConforme").value.trim() != "") {
                            document.getElementById("tipoRecepcionNoConforme").classList.remove('input-error-icon');
                            document.getElementById("tipoRecepcionNoConforme").classList.add('input-success-icon');
                            document.getElementById("valicacionCampoTipoRecepcionNoConforme").innerHTML = "";
                            document.getElementById("valicacionCampoTipoRecepcionNoConforme").style.display = "none";
                        } else {
                            document.getElementById("tipoRecepcionNoConforme").classList.remove('input-success-icon');
                            document.getElementById("tipoRecepcionNoConforme").classList.add('input-error-icon');
                            document.getElementById("valicacionCampoTipoRecepcionNoConforme").innerHTML = "El campo tipo recepción no conforme es obligatorio";
                            document.getElementById("valicacionCampoTipoRecepcionNoConforme").style.display = "block";
                        }
                    }
                } else {
                    filaActual.querySelector(".observacion-no-conforme").innerHTML = document.getElementById("observacionNoConforme").value.trim();
                    filaActual.querySelector(".tipo-no-conforme").innerHTML = nombreTipoRecepcionNoConforme;
                    filaActual.querySelector(".id-tipo-recepcion-no-conforme").innerHTML = document.getElementById("tipoRecepcionNoConforme").value.trim();
                    filaActual.querySelector(".observacion-tipo-no-conforme").innerHTML = document.getElementById("observacionTipoRecepcionNoConforme").value.trim();
                    $('#estadoRecepcion' + filaActual.querySelector(".id-entrada-salida-bodega").innerHTML).selectpicker('val', "Recepción No Conforme");
                    filaActual.querySelector(".estado-entrada-salida-bodega").innerHTML = "Recepción No Conforme";
                    $("#modalCampoObservacionNoConforme").modal("hide");
                }
            } else {
                if (document.getElementById("observacionNoConforme").value.trim() != "") {
                    document.getElementById("observacionNoConforme").setAttribute("class", "form-control is-valid");
                    document.getElementById("valicacionCampoObservacionNoConforme").innerHTML = "";
                } else {
                    document.getElementById("observacionNoConforme").setAttribute("class", "form-control is-invalid");
                    document.getElementById("valicacionCampoObservacionNoConforme").innerHTML = "El campo observación recepción no conforme es obligatorio";
                }

                if (document.getElementById("tipoRecepcionNoConforme").value.trim() != "") {
                    document.getElementById("tipoRecepcionNoConforme").classList.remove('input-error-icon');
                    document.getElementById("tipoRecepcionNoConforme").classList.add('input-success-icon');
                    document.getElementById("valicacionCampoTipoRecepcionNoConforme").innerHTML = "";
                    document.getElementById("valicacionCampoTipoRecepcionNoConforme").style.display = "none";
                } else {
                    document.getElementById("tipoRecepcionNoConforme").classList.remove('input-success-icon');
                    document.getElementById("tipoRecepcionNoConforme").classList.add('input-error-icon');
                    document.getElementById("valicacionCampoTipoRecepcionNoConforme").innerHTML = "El campo tipo recepción no conforme es obligatorio";
                    document.getElementById("valicacionCampoTipoRecepcionNoConforme").style.display = "block";
                }
            }
        }
    </script>

    <script>
        function registrarRecepcionDeSalidas() {
            Swal.fire({
                title: '¿Esta seguro?',
                text: "Esta seguro de recepcionar estas salidas",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '¡Si, recepcionar!',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    generarLoading('{{ asset('img/logo.png') }}')
                    document.getElementById("botonDeRecepcion").setAttribute("disabled", true);
                    var filas = document.getElementById('datatable').tBodies[0].querySelectorAll("tr");
                    var listadoDeSalidas = [];
                    var haySalidasNoPendientes = false;
                    var cantidadDeFilas=0;
                    filas.forEach(elementoPadre => {
                        cantidadDeFilas++;
                        var idEntradaSalidaBodega = elementoPadre.querySelector(".id-entrada-salida-bodega").innerHTML;
                        var idTipoRecepcionNoConforme = elementoPadre.querySelector(".id-tipo-recepcion-no-conforme").innerHTML;
                        var estadoEntradaSalidaBodega = elementoPadre.querySelector(".estado-entrada-salida-bodega").innerHTML;
                        var observacionNoConforme = elementoPadre.querySelector(".observacion-no-conforme").innerHTML;
                        var tipoObservacionNoConforme = elementoPadre.querySelector(".observacion-tipo-no-conforme").innerHTML;

                        if (estadoEntradaSalidaBodega != "Pendiente") {
                            haySalidasNoPendientes = true;
                            listadoDeSalidas.push({
                                idEntradaSalidaBodega: idEntradaSalidaBodega,
                                idTipoRecepcionNoConforme: idTipoRecepcionNoConforme,
                                estadoEntradaSalidaBodega: estadoEntradaSalidaBodega,
                                observacionNoConforme: observacionNoConforme,
                                tipoObservacionNoConforme: tipoObservacionNoConforme
                            });
                        }
                    });

                    listadoDeSalidas = JSON.stringify(listadoDeSalidas);
                    if (cantidadDeFilas > 0) {
                        if (haySalidasNoPendientes == true) {
                            var formData = new FormData();
                            formData.append('listadoDeSalidas', listadoDeSalidas);
                            var csrf = '{{ csrf_token() }}';

                            $.ajax({
                                url: '{{ route('salida-bodega.store-recepcion', $requisicion) }}',
                                method: 'POST',
                                data: formData,
                                contentType: false,
                                processData: false,
                                dataType: 'json',
                                headers: {
                                    'X-CSRF-TOKEN': csrf
                                },
                                success: function(data) {
                                    eliminarLoading()
                                    Swal.fire({
                                            icon: 'success',
                                            title: '¡Recepcionado!',
                                            text: 'La recepcion de los movimientos de salidas se guardaron con éxito',
                                            confirmButtonColor: "#448aff",
                                            confirmButtonText: "Confirmar"
                                        }).then((result) => {
                                            location.reload();
                                        })
                                        .catch((error) => {
                                            location.reload();
                                        });
                                },
                                error: function(data) {
                                    console.log(data)
                                    document.getElementById("botonDeRecepcion").removeAttribute("disabled");
                                    eliminarLoading()
                                }
                            })
                        } else {
                            eliminarLoading()
                            document.getElementById("botonDeRecepcion").removeAttribute("disabled");
                            Swal.fire({
                                icon: 'error',
                                title: '¡Debe recepcionar los articulos!',
                                text: 'No ha recepcionado los articulos, al menos debe dejar como recepcionado un articulo',
                                confirmButtonColor: "#448aff",
                                confirmButtonText: "Confirmar"
                            })
                        }
                    } else {
                        eliminarLoading()
                        document.getElementById("botonDeRecepcion").removeAttribute("disabled");
                        Swal.fire({
                            icon: 'error',
                            title: '¡No hay articulo por recepcionar!',
                            text: 'No es posible recepcionar los articulos, no hay articulos que puedan ser recepcionado',
                            confirmButtonColor: "#448aff",
                            confirmButtonText: "Confirmar"
                        })
                    }
                }
            })
        }
    </script>
@stop