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

<br>

<div class="pull-left search-box"><input id="super-admin_filter_search_case_value" value="" type="text" placeholder="Search Case" class="searchInput pull-left"><span class="search-case" id="super-admin_filter_search_case_icon"></span></div>

@stop

@section('scripts_bottom')
<script type="text/javascript" src="/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="/js/jquery.quicksearch.js"></script>
<script type="text/javascript" src="/js/jquery.dataTables.columnFilter.js"></script>
<script type="text/javascript" src="/js/jquery-ui-1.10.3.custom.min.js"></script>
<script src="/js/jquery.validate.min.js"></script>
<script type="text/javascript" src="/js/file-cabinet.js"></script>

<script type="text/javascript">
    
$(function() {
    $("#to,#from,.to,.from").datepicker({dateFormat: 'mm-dd-yy'});
    var filter_period = $('#filter_period').val();
    var from_date = $('#from_date').val();
    var to_date = $('#to_date').val();
    if(filter_period=="month" || filter_period=="half_yearly" || filter_period=="yearly" || filter_period=="all"){
        $("div.filter_dropdown select").val(filter_period);
        jQuery('#filter_range_div').toggle('show');
    }
    else{
        jQuery('#filter_period_div').toggle('show');
    }
    $("#date_picker_icon a").click(function() {
        jQuery('#filter_range_div').toggle('show');
        jQuery('#filter_period_div').toggle('show');
    });
    $("#filter_icon a").click(function() {
        jQuery('#filter_range_div').toggle('show');
        jQuery('#filter_period_div').toggle('show');
    });
    $("#caseFeesTable").dataTable({
        "sDom": "rtip",
        "iDisplayLength": 10,
        "sScrollX": "100%",
        "aaSorting": [[6, 'desc']],
        "aoColumns": [
            null,null,null
        ],
        "fnDrawCallback": function() {
				if (Math.ceil((this.fnSettings().fnRecordsDisplay()) / 10) <= 1) {
					$('#caseFeesTable_next').css({"display": "none"});
					$('#caseFeesTable_previous').css({"display": "none"});
				} else {
					$('#caseFeesTable_next').css({"display": "block"});
					$('#caseFeesTable_previous').css({"display": "block"});
				}

			}
    });

});

</script>
@stop