@extends('layouts.app')

@section('title', 'Edit Notification |')

@section('content')

  <!-- Page Content -->
<div class="content container-fluid" style="background: #fff; min-height: 820px;">         
<div class="row">
<div class="col-md-8 offset-2">
         <!-- Page Header -->
<div class="page-header" style="padding-top: 20px;">
    <div class="row align-items-center">
        <div class="col">
            <h3>Edit notification</h3>                              
        </div>

        <div class="col-auto float-right ml-auto">
            <a href="{{ route('notifications') }}" class="btn btn-info btn-sm"> <i class="fa fa-arrow-left"></i> Back</a>
        </div>
    </div>
</div>
<!-- /Page Header -->

<div style="padding: 10px 10px;">
{{ Form::open(array('url' => 'notification/update', 'files' => true)) }}
            
<!-- Title of Post Form Input -->
<div class="form-group @if ($errors->has('subject')) has-error @endif">
    {!! Form::label('subject', 'Subject', ['class' => 'lgfont']) !!}
    <input class="form-control " id="subject" type="text" name="subject" placeholder="Subject" value="{{$notification->subject}}">
    @if ($errors->has('subject')) <p class="help-block">{{ $errors->first('subject') }}</p> @endif
</div>

<!-- Text body Form Input -->
<div class="form-group @if ($errors->has('text')) has-error @endif">
    {!! Form::label('text', 'Description', ['class' => 'lgfont']) !!}
    <textarea class="form-control summernote" name="text" rows="3">{!!$notification->text!!}</textarea>
    @if ($errors->has('text')) <p class="help-block">{{ $errors->first('text') }}</p> @endif
</div>

<!-- row -->
<div class="row timeLineDate " >
<div class="col-sm-6">
  <div class="form-group">
    <label>Start Date</label>
    <div class="cal-icon">
      <input class="form-control " id="from_date" type="text" name="start_date" value="{{date('d-m-Y',strtotime($notification->start_date))}}" placeholder="dd-mm-yyyy">
      @if ($errors->has('start_date')) <div class=" text-danger">{{ $errors->first('start_date') }}</div> @endif
    </div>
  </div>
</div>
<div class="col-sm-6">
  <div class="form-group">
    <label>End Date</label>
    <div class="cal-icon">
      <input class="form-control " id="to_date" type="text" name="end_date" value="{{date('d-m-Y',strtotime($notification->end_date))}}" placeholder="dd-mm-yyyy">
      @if ($errors->has('end_date')) <div class=" text-danger">{{ $errors->first('end_date') }}</div> @endif
    </div>
  </div>
</div>

</div>
<!-- row end -->

<div class="form-group">
    {!! Form::label('document', 'Upload File', ['class' => 'lgfont']) !!}
    <div class="input-group control-group increment" >
      <input type="file" name="document[]" class="form-control">
      <div class="input-group-btn"> 
        <button class="btn addMore btn-success btn-sm" type="button"><i class="fa fa-plus"></i> Add</button>
      </div>
    </div>
    <div class="clone hide">
      <div class="control-group input-group" style="margin-top:10px">
        <input type="file" name="document[]" class="form-control">
        <div class="input-group-btn"> 
          <button class="btn btn-sm btn-danger" type="button"><i class="fa fa-remove"></i> Remove</button>
        </div>
      </div>
    </div>
</div>
        
<!-- Submit Form Button -->    
<div class="col-lg-12">    
    <input type="hidden" name="id" value="{{base64_encode($notification->id)}}">

    {!! Form::submit('Update', ['class' => 'btn btn-sm btn-success']) !!}
    {!! Form::close() !!}
</div>
 </div>
</div>
</div>
</div>
</div>

@stack('scripts')

<script type="text/javascript">   


$(".addMore").click(function(){ 
    var html = $(".clone").html();
    $(".increment").after(html);
});

$("body").on("click",".btn-danger",function(){ 
    $(this).parents(".control-group").remove();
});

//
$( "#from_date,#to_date" ).datepicker({
changeMonth: true,
changeYear: true,
firstDay: 1,
autoclose:true,
todayHighlight: true,
format: 'dd-mm-yyyy',
startDate:'today'
});
 
$( "#from_date" ).datepicker({ dateFormat: 'dd-mm-yyyy' });
$( "#to_date" ).datepicker({ dateFormat: 'dd-mm-yyyy' });
 
$(document).on('change','#to_date',function() {

var start = $('#from_date').datepicker('getDate');
var end   = $('#to_date').datepicker('getDate');
 
if (start==end) {  
  alert('ok');
  var days   = (end - start)/1000/60/60/24;
  $('.total_days').val('1');
}

if (start < end) {  
  var days   = (end - start)/1000/60/60/24+(1);
  $('.total_days').val(days);
}

if (start > end) {
  alert ("Please select appropriate date start and end date!");
  $('#from_date').val("");
  $('#to_date').val("");
  $('.total_days').val("");
 }

 });

//

</script>             

@endsection