@extends('layouts.metronic')

@section('content')
<div class="portlet light bordered">
    

    <div class="portlet-title">
        <div class="caption font-dark">
            
            <span class="caption-subject bold uppercase"><i class="fa fa-edit"></i> {{ (!empty($notification))?'Editare':'Adăugare' }} Notificare</span>
        </div>            
    </div>

    <div class="panel-body">
        <div class="col-md-3"></div>
        <div class="col-md-6">
            <div class="row">
                <form method="POST" action="{{ route('notification.save') }}"> 
                    <input type="hidden" name="_token" value="{{ csrf_token() }}">                        
                    
                    @if (!empty($notification))    
                        <input type="hidden" name="id" value="{{ $notification->id }}">
                    @endif

                    <div class="form-group">
                        <label for="name">Nume</label>
                        <input type="text" class="form-control" id="name" name="name" value="{{ (!empty($notification))?$notification->name:'' }}" required autofocus />
                    </div>

                    <div class="form-group">
                        <label for="name">Mesaj</label>
                        <input type="text" class="form-control" id="message" name="message" value="{{ (!empty($notification))?$notification->message:'' }}" required/>
                    </div>

                    <div class="form-group">
                        <label>Dată și Oră</label>                    
                        <div class='input-group date' id='datetimepicker1'>
                            <input  id="date_time" name="date_time" type='text' class="form-control" value="{{ (!empty($notification))?\Carbon\Carbon::parse($notification->date_time)->format('d.m.Y H:i'):'' }}" required autofocus/>
                            <span class="input-group-addon">
                                <span class="glyphicon glyphicon-calendar"></span>
                            </span>
                        </div>
                    </div>  

                    <div class="form-group">
                        <div class="col-md-6">
                            <a href="{{ route('notifications') }}">
                                <button type="button" class="btn btn-danger">                            
                                    <i class="fa fa-close" aria-hidden="true"></i> Închide
                                </button>
                            </a>
                        </div>

                        <div class="col-md-6">
                            <button type="submit" class="btn btn-primary pull-right"><i class="fa fa-save" aria-hidden="true"></i> Salvează</button>
                        </div>
                    </div>
                </form>
            </div>
         </div>   
        <div class="col-md-3"></div>
    </div>
</div>
@endsection

@section('head')  
<link href="//cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/e8bddc60e73c1ec2475f827be36e1957af72e2ea/build/css/bootstrap-datetimepicker.css" rel="stylesheet">
@endsection

@section('scripts')
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment-with-locales.js"></script>
<script src="//cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/e8bddc60e73c1ec2475f827be36e1957af72e2ea/src/js/bootstrap-datetimepicker.js"></script>
<script>
     $('#datetimepicker1').datetimepicker({
         locale: 'ro',
         icons: {
             time: "fa fa-clock-o",
             date: "fa fa-calendar",
             up: "fa fa-arrow-up",
             down: "fa fa-arrow-down"
         }
     });
</script>
@endsection

@section('menuVariables')
    var menuItemName = "menuNotifications";
    var submenuItemName = "";
@stop