@extends('layout.master')
@section('parentPageTitle', 'Notificaciones')
@section('title', 'Ingresar 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.nuevo') }}" id="formIngresarNota" 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></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" autocomplete="off" required>
                                </div>
                            </div>  
                        </div>

                        <div class="row clearfix">                            
                            <div class="col-sm-2">                                
                                <div class="form-group">
                                    Asignar
                                </div>
                            </div>                             
                            <div class="col-sm-4">
                                <div class="form-group" style="text-transform: uppercase;">
                                    <label>Seleccionar por usuario:</label><br>
                                                                        @foreach ($data as $user)

                                    {{$user->name}} {{$user->apaterno}} {{$user->amaterno}} <input type="checkbox" name="user_{{$cont}}" value="{{$user->id}}"><br>
                                    
                                    @endforeach    
                                </div>
                            </div>  
                            <div class="col-sm-4">
                                <div class="form-group" style="text-transform: uppercase;">
                                    <label>Seleccionar por rol:</label><br>
                                                                        @foreach ($roles as $rol)
                                                                        {{$rol->nombre}}  <input type="checkbox" name="rol_{{$cont2}}" value="{{$rol->id}}"><br>
                                    
                                    @endforeach    
                                </div>
                            </div>  
                        </div>



                        <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 () {

        //var bootstrapButton = $.fn.button.noConflict(); // return $.fn.button to previously assigned value
        //$.fn.bootstrapBtn = bootstrapButton;

        $.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