@extends('_layout.layout')

@section('title') Edit licence
@endsection

@section('header')
<h1> <a href="{{route('getApiUserDetails',$apiUser->id)}}">{{$apiUser->firstname.' '.$apiUser->lastname}}</a> <small> licence</small></h1>
@endsection

@section('modals')
@include('_layout.partials.confirmmodal')
@endsection

@section('content')
@include('_layout.partials.formerror')

<div class="row">
  <div class="col-md-12">
    <div class="portlet box green">
      <div class="portlet-title">
        <div class="caption">
          <i class="list-ul"></i>
          <span class="caption-subject bold uppercase"> Licence details</span>
        </div>
      </div>
      <div class="portlet-body form">
        {!! Form::open(['route' => ['postEditUserLicence',$apiUser->id],'class' => 'form-horizontal','id' => 'editLicenceForm']) !!}
          <div class="form-body">
            <div class="form-group">
              {!! Form::label('current_expire_date', 'Current expire date', ['class' => 'col-sm-2 control-label']) !!}
              <div class="col-sm-4">
                {!! Form::text('current_expire_date', $apiUser->licence->expire_date->format('m-d-Y'), ['class' => 'form-control', 'disabled' => 'disabled']) !!}
              </div>
            </div>
            <div class="form-group">
              {!! Form::label('expire_date', 'New expire date', ['class' => 'col-sm-2 control-label']) !!}
              <div id="expire_date_datePicker" class="col-sm-4">
                {!! Form::text('expire_date', $apiUser->licence->expire_date->format('m-d-Y'), ['class' => 'form-control', 'required' => 'required']) !!}
              </div>
            </div>
            <div class="form-group">
              {!! Form::label('current_messages', 'Current messages', ['class' => 'col-sm-2 control-label']) !!}
              <div class="col-sm-4">
                {!! Form::text('current_messages', $apiUser->licence->messages, ['class' => 'form-control', 'disabled' => 'disabled']) !!}
              </div>
            </div>
            <div class="form-group">
              {!! Form::label('messages', 'Messages', ['class' => 'col-sm-2 control-label']) !!}
              <div class="col-sm-4">
                {!! Form::number('messages', $apiUser->licence->messages, ['class' => 'form-control', 'required' => 'required']) !!}
              </div>
            </div>
          </div>
          <div class="form-actions">
              <div class="row">
                  <div class="col-sm-offset-2 col-sm-10">
                      <button type="submit" class="btn green">Save</button>
                      <a href="{{url()->previous()}}" class="btn default">Cancel</a>
                  </div>
              </div>
          </div>
        {!! Form::close() !!}
      </div>
    </div>
  </div>
</div>
@endsection



@section('page-script')
<script src="{!!asset('assets/js/bootstrap-datepicker.min.js')!!}"></script>

<script type="text/javascript">
$('#expire_date_datePicker input').datepicker({
    startView: 0,
    maxViewMode: 2,
    orientation: "bottom auto",
    todayHighlight: true,
    format:'mm-dd-yyyy'
});

  $("#editLicenceForm button").on('click', function (e) {
      e.preventDefault();
      $('#confirmModal .modal-title').text('Confirmation');
      $('#confirmModal .modal-body').html('Are you sure you want to change the user licence?');
      $('#confirmModal').modal('show');
  });

  $('#confirmModal-confirmButton').on('click', function (e) {
    $("#editLicenceForm").submit();
  });

</script>
@endsection

@section('page-css') 
<link rel="stylesheet" href="{!!asset('assets/css/bootstrap-datepicker3.min.css')!!}">
@endsection