@extends('layout.master')
@section('parentPageTitle', 'Notificaciones')
@section('title', 'Editar notificación')
@section('page-style')
    <link rel="stylesheet" href="{{asset('assets/plugins/jquery-timepicker/jquery.timepicker.css')}}">  
<link rel="stylesheet" href="{{asset('assets/jquery-ui.css')}}">
<link rel="stylesheet" href="{{asset('assets/bootstrap.min.css')}}">
@stop

@section('content')
    

    <div class="row clearfix">
        <div class="col-lg-12 col-md-12 col-sm-12">
            <div class="card">
                <!-- <div class="header">
                    <h2 align="center"><strong>Información para la nota</strong></h2>

                </div> -->
                <div class="body">
                    <form action="{{ route('notificaciones.editar') }}" id="formEditarNota" method="post">

                        
                        {{ csrf_field() }}

                        <div class="row clearfix">                            
                            <div class="col-sm-12">
                                <div class="form-group">
                                    Notificación
                                    <textarea rows="4" style="width: 100%;" id="nota" name="nota" required>{{$data[0]->texto}}</textarea>
                                </div>
                            </div>
                        </div>

                        <div class="row clearfix">                            
                            <div class="col-sm-2">                                
                                <div class="form-group">
                                    Vigencia
                                </div>
                            </div>                             
                            <div class="col-sm-4">
                                <div class="form-group">
                                                                        <input type="text" class="datetimepicker form-control" id="fvigencia" name="fvigencia" value="{{$vigencia}}" autocomplete="off" required>
                                </div>
                            </div>  
                        </div>

                        <div class="row clearfix">                            
                            <div class="col-sm-2">                                
                                <div class="form-group">
                                    Usuarios notificados
                                </div>
                            </div>                             
                            <div class="col-sm-4">
                                <div class="form-group">
                                    
                                </div>
                            </div>  
                        </div>

                        <input type="hidden" name="id" value="{{$data[0]->id}}">                      

                        <div class="row clearfix" align="right">          
                            <div class="col-sm-12">
                                <button type="submit" class="btn btn-primary btn-round">Grabar</button>
                                <button type="button" class="btn btn-default btn-round btn-simple" onclick="window.history.back()">Cancelar</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>




@stop

@section('page-script')
    <script src="{{asset('assets/jquery-ui.js')}}"></script>
    <script src="{{asset('assets/plugins/jquery-timepicker/jquery.timepicker.js')}}"></script>

    <script>
    $(function () {

        $.datepicker.regional['es'] = {
             closeText: 'Cerrar',
             prevText: '< Ant',
             nextText: 'Sig >',
             currentText: 'Hoy',
             monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
             monthNamesShort: ['Ene','Feb','Mar','Abr', 'May','Jun','Jul','Ago','Sep', 'Oct','Nov','Dic'],
             dayNames: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'],
             dayNamesShort: ['Dom','Lun','Mar','Mié','Juv','Vie','Sáb'],
             dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','Sá'],
             weekHeader: 'Sm',
             dateFormat: 'dd-mm-yy',
             firstDay: 1,
             isRTL: false,
             showMonthAfterYear: true,
             yearSuffix: ''
        };

        

        var arrayConfig = null;

        $.datepicker.setDefaults($.datepicker.regional['es']);
        //var diasHabilitados="+3M";
        var diasHabilitados="+"+arrayConfig[4].valor+"M";

        $('.datetimepicker').datepicker({ 
            minDate: 0, 
            maxDate: diasHabilitados, 
            format: 'Y-M-D',
            //changeYear: true,
            yearRange : 'c-100:c+80',
            time: false
        });

        $("#fvigencia").keyup(function(){
            $("#fvigencia").val("");
        });


    });
    </script>
@stop