@extends('masushuaia.plantilla')
@section('titulo', "Token de seguridad")
@section('breadcrumb1')
<a title="Salir" href="#" class="btn-blue py-1 px-2 mr-2" aria-hidden="true" onclick="javascript: $('#modalSalir').modal('toggle');"><span><i class="fas fa-arrow-left"></i></span></a>
@endsection
@section('breadcrumb')
<script>
    var tipo = "" ;
    function fsalir() {
        location.href = "/notificaciones?tipo="+tipo;
    }
</script>
@endsection
@section('breadcrumb-list')
<ol class="breadcrumb">
  <li class="breadcrumb-item"><a href="/">Inicio</a></li><span class="px-2">/</span>
  <li class="breadcrumb-item"><a href="/notificaciones?tipo={{$tipo}}">Notificaciones</a></li>
  <li class="breadcrumb-item active">Notificación nueva</li>
</ol>
@endsection
@section('contenido')
    <div class="row">
        <div class="col-12">
        <div id = "msg"></div>
                </div>
    </div>
    <h1><strong>Importante</strong></h1>
    <p>El ingreso repetido de códigos de aprobación erróneos generará el bloqueo del dispositivo.</p>
    <form id="form" method="post" action="/notificaciones/nuevo?tipo={{ $tipo }}">
        <input type="hidden" name="_token" value="{{ csrf_token() }}"></input>
        <input type="hidden" name="txtMensaje" id="txtMensaje" value="{{ $request->input('txtMensaje') }}"></input>
        <input type="hidden" name="lstDestinatario" id="lstDestinatario" value="{{ $request->input('lstDestinatario') }}"></input>
        <input type="hidden" name="txtUrlNotificacion" id="txtUrlNotificacion" value="{{ $request->input('txtUrlNotificacion') }}"></input>
        <input type="hidden" name="txtTipo" id="txtTipo" value="{{ $tipo }}"></input>
        <h2>Por favor ingrese el código Token.</h2>
        <div class="row align-items-center mt-5 mb-3">
            <div class="col-auto">
                <label>Código de aprobación</label>
            </div>
            <div class="col-auto">
                <input type="password" class="form-control" name="txtIdToken" minlength="6" maxlength="6" id="txtIdToken" value="" required>
            </div>
        </div>
        <div class="row">
            <div class="col-12">
                <button type="button" id="btnSubmit" class="btn btn-primary" onclick="siguiente();">Siguiente</button>
                <div class="spinner-border ml-2" role="status" style="display: none; vertical-align: middle;">
                    <span class="sr-only">Cargando...</span>
                </div>
            </div>
        </div>
    </form>
    <script>
        $('#form').validate();

        function siguiente() {
            if ($("#form").valid()) {
                modificado = false;
                form.submit();
            } else {
                $("#modalGuardar").modal('toggle');
                msgShow("Corrija los errores e intente nuevamente.", "danger");
                return false;
            }
        }
    </script>
@endsection