@extends('plantilla.header')

@section('titulo')
   Bienvenido
@stop

@section('js')
<script type="text/javascript">

	function aviso() {
		$("#id_mensaje").append('<h3 class="h6 mb-4">Este Registro no acredita la aprobación de su solicitud, será evaluado por el Equipo Especialista del Programa Independencia + Salud Visual. <br><br>Verifique su solicitud en la pestaña: ESTATUS</h3>');
        $("#modal-mensaje").modal({
            show: false,
            keyboard: false,
            backdrop: 'static'
        });

        $("#modal-mensaje").modal("show");
	}

    function app1() {
        @if($aviso1[0] == 'SI')
            $('#bmensaje').attr('hidden','hidden');
            
            $("#id_mensaje").empty();

            $("#id_mensaje").append('<div class="row"><div class="col-md-12 mb-3"><div class="form-group"><label for="city">Se requiere los siguietes datos para su solicitud</label></div></div></div> <div class="row"><div class="col-md-12 mb-3"><div class="form-group"><label for="city">Solicitud de ayuda para: <br>{{$aviso1[2]}} {{$aviso1[3]}}</label></div></div></div> ');

            $("#id_mensaje").append('{!!Form::open(['url' => route('reapp'), 'method' => 'POST', 'class' => 'login-form'])!!} <div class="row"><div class="col-md-6 mb-3"><div class="form-group"><label for="city">Usted realizó la solicitud en la aplicación VenApp (Línea 58)</label><br>Si <input required="required" name="venapp" type="radio" value="SI">&nbsp; &nbsp; &nbsp;No <input required="required" name="venapp" type="radio" value="NO"></div></div><div class="col-md-6 mb-3" id="venappid" hidden><div class="form-group"><label for="city">Escriba el número del reporte de la aplicación VenApp línea 58</label><input type="hidden" name="iiiii" id="iiiii" value="{{$aviso1[1]}}"><input class="form-control" type="text" name="nreporte" id="nreporte" value="" autocomplete="off" maxlength="30"></div></div></div>  <div class="row"><div class="col-sm-6 mb-3"><div class="form-group"></div></div><div class="col-sm-6" style="text-align: right;"><div class="form-group"><button type="submit" class="btn btn-dark"><i class="fa-solid fa-save"></i> Guardar</button></div></div></div> {!! Form::close() !!}');

            $("#modal-mensaje").modal({
                show: false,
                keyboard: false,
                backdrop: 'static'
            });

            $("#modal-mensaje").modal("show");

            $('input[name="venapp"]').on('click', function(event){
                var opcion = $(this);
                if (opcion.val() == 'SI') {
                $('#venappid').removeAttr('hidden','hidden');
                $('#nreporte').attr('required','required');
                }else{
                $('#venappid').attr('hidden','hidden');
                $('#nreporte').removeAttr('required','required');
                }
                
            });

        @endif
	}
</script>
@stop

@section('contenido')
<div class="col-12 col-xl-12">
    <div class="card card-body bg-white border-light shadow-sm mb-4">

        <div class="row">
            <div class="col-sm-12 mb-3">
                <div style="width:100%;height:500px; background-size:100% 100%; background-position: center; background-repeat: no-repeat; filter:alpha(opacity=20);-moz-opacity:.20;opacity:.30;background-image:url({{ asset('assets/img/siremi.jpg')}}) ">
                    
				</div>
            </div>
        </div>

        
    </div>
</div>


<script type="text/javascript">
    window.addEventListener("load", function(event) {
            @if($aviso == 'SI')
                aviso();
            @endif

            @if($aviso1[0] == 'SI')
                app1();
            @endif
        });
</script>

@stop