@extends('layouts.'.((Session::get('user')->CurrentRole === 'Firm Admin')?'admin':'filer').'-dashboard')
@section('content')

<div class="serviceContactForm">
  <form method="POST" class="form addFormWrap" id="add_upload_doc">
    <span class="notification" id="notification"></span>

    <div class="addForm fleft">
      <p>
        {{ Form::label('file_upload', 'File to Upload') }}
        {{ Form::file('file_upload', Input::old('file'),array('class'=>'inputStyle')) }}
        <img id="uploading" style="display: none;width: 24px" alt="loading..." src="/images/uploading.gif">
        @if($errors->has('file'))<p class="error">{{$errors->first('file')}}</p> @endif

      </p>
      <p>
        {{ Form::label('description', 'Description') }}
        {{ Form::text('description', Input::old('description'),array('class'=>'inputStyle')) }}
      </p>
      <p>
        {{ Form::label('cause', 'Cause') }}
        {{ Form::text('cause', Input::old('cause'),array('class'=>'inputStyle')) }}

      </p>

      <p>
        {{ Form::label('client_matter', 'Client Matter') }}
        {{ Form::text('client_matter', Input::old('client_matter'),array('class'=>'inputStyle')) }}
      </p>


    </div>
    <div class="clearfix"></div>
    <input type='hidden' id='instance_id' name='filingCabinetId' value='0'/>
    <p class="submitBtnWrap submitCenter">      
      <input type="submit" value="Submit Details" class="btn btn-large" name='uploaddoc'>
    </p>

  </form>
</div>
@stop

@section('scripts_bottom')
<script src="/js/jquery.validate.min.js"></script>
<script src="/js/additional-methods.min.js"></script>
<script type="text/javascript" src="/js/servicecontact.js?@assetsVersion()"></script>
<script type="text/javascript" src="/js/ajaxupload.js"></script>
<script>
  $(function() {
    new AjaxUpload('file_upload', {
      action: 'http://' + window.location.host + '/cabinet/upload',
      name: 'file_upload',
      responseType: "json",
      onSubmit: function(file, extension) {
        jQuery('#uploading').css('display', 'inline');
        $("#notification").html('');
      },
      onComplete: function(file, response)
      {
        if (response.error == false) {
          jQuery('#instance_id').val(response.message)
          $("#notification").html('Document uploaded successfully');
        }
        else {
          $("#notification").html(response.message);
        }
        jQuery('#uploading').css('display', 'none');
      }


    });
    $('#add_upload_doc').submit(function() {
      submit_form();
      return false;
    });
  });
  function submit_form() {
    if (jQuery('#instance_id').val() === '0') {
      $("#notification").html('Please upload a file.');
      return;
    }
    $('#add_upload_doc').find(':input').removeAttr('disabled');
    var sdata = $('#add_upload_doc').serialize();
    var $inputs = $('#add_upload_doc').find("input, select, button, textarea");
    $inputs.prop("disabled", true);
    request = $.ajax({
      url: "/cabinet",
      type: "post",
      beforeSend: function(request) {
        $('.loader').show();
        $('.overlay').show();
      },
      data: sdata
    });
    request.done(function(msg) {
      if (msg.error) {
        $("#notification").html(msg.errors);
        $('.loader').hide();
        $('.overlay').hide();
        $inputs.prop("disabled", false);
      } else {
        $.ajax({
          url: "/cabinet",
          type: 'get',
          success: function(msg) {
            if (msg.error) {
              if (msg.errorMsg == "loginredirect")
                location.href = 'auth/login';
            }else{
				window.location.href='/cabinet';
			}
		  }
        });
      }
    });
    request.always(function() {
      $inputs.prop("disabled", true);
    });
    
  }


</script>
@stop