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

<!--<form action="/filing/fetch-documents-caseno" method="POST" class="form addForm" id='fetchdocs'>
	<p>
	<label for="draft" class=""> Enter Case Number</label>
        <input type="text" id="caseno" name="caseno" value="{{Input::get('caseno');}}" >&nbsp;&nbsp;
	</p>
	<p>
        <label></label>
	<input type="submit" value="submit" class="btn btn-padding btn-bluebg"/>
	</p>
</form>-->
<br>
<script>
    
  function changeFilterValue(filterValue) {
    window.location = '/filing/fetch-documents-caseno?filter_period=' + filterValue;
  }
  
 </script>
<input id='filter_period' type='hidden' value={{$filter_period}} />
<input id='from_date' type='hidden' value={{$from}} />
<input id='to_date' type='hidden' value={{$to}} />

<div class="searchBlk" id="filter_period_div">
    <div class="searchBlkRight">
        <ul>
            <li class="active">
                <a class="filterIcon"></a>
            </li>
            <li>
                <div id ="date_picker_icon"><a href="#" class="datePickerIcon"></a></div>
            </li>
        </ul>
    </div>
    <div class="searchBlkLeft filter_dropdown">
        <select class="pull-right selectStyles" onchange="changeFilterValue(this.value)">
            <option value="month">Last Month</option>
            <option value="half_yearly">Last 6 Month</option>
            <option value="yearly">Last Year</option>
            <option value="all">All</option>
        </select>
        <!--<input type="text" placeholder="Search Case" class="searchInput pull-right" />-->
         <div class="pull-left search-box"><input id="filter_search_case_value" value="<br />
<b>Warning</b>:  Undefined variable $case_no in <b>/home/dario/Servidor/CodingIt/MyFileRunner/App/app/views/filing/fetchdocuments.blade.php</b> on line <b>48</b><br />
" type="text" placeholder="Search Case" class="searchInput pull-left"><span class="search-case" id="filter_search_case_icon"></span></div>
    </div>
</div>
<div class="searchBlk" id="filter_range_div">
    <div class="searchBlkRight">
        <ul>
            <li >
                <div id ="filter_icon"><a href="#" class="filterIcon"></a></div>
            </li>
            <li class="active">
                <a class="datePickerIcon"></a>
            </li>
        </ul>
    </div>
    <div class="searchBlkLeft">
<!--        <input type="submit" placeholder="Search" class="searchBtn btn btn-bluebg pull-right" />-->
<!--        <input type="text" placeholder="Search Case" class="searchInput dateInput pull-right" />
        <input type="text" placeholder="Search Case" class="searchInput dateInput pull-right" />-->
<!--        <form id="filterByDate" action="" class="customform">
            <p><label>From:</label><input type="text" id="from" name="from" value="<br />
<b>Warning</b>:  Undefined variable $from in <b>/home/dario/Servidor/CodingIt/MyFileRunner/App/app/views/filing/fetchdocuments.blade.php</b> on line <b>67</b><br />
"><img src="/images/calender_icon.png" class="from" alt="calendar"/></p>
            <p><label>To:</label><input type="text" id="to" name="to" value="<br />
<b>Warning</b>:  Undefined variable $to in <b>/home/dario/Servidor/CodingIt/MyFileRunner/App/app/views/filing/fetchdocuments.blade.php</b> on line <b>68</b><br />
"><img src="/images/calender_icon.png" alt="calendar" class="to"/></p>
            <input type="submit" id="filter" value="Filter" class="btn btn-bluebg btn-medium">
        </form>-->
        <div id="slides" class="pull-right">
    <div class="slide_container">

        <div class="slide">
            <div>
                <form id="filterByDate" action="" class="customform">
                    <p><label>From:</label><input type="text" id="from" name="from" value="<br />
<b>Warning</b>:  Undefined variable $from in <b>/home/dario/Servidor/CodingIt/MyFileRunner/App/app/views/filing/fetchdocuments.blade.php</b> on line <b>77</b><br />
"><img src="/images/calender_icon.png" class="from" alt="calendar"/></p>
                    <p><label>To:</label><input type="text" id="to" name="to" value="<br />
<b>Warning</b>:  Undefined variable $to in <b>/home/dario/Servidor/CodingIt/MyFileRunner/App/app/views/filing/fetchdocuments.blade.php</b> on line <b>78</b><br />
"><img src="/images/calender_icon.png" alt="calendar" class="to"/></p>
                    <input type="submit" id="filter" value="Filter" class="btn btn-bluebg btn-medium">

                </form>
            </div>
        </div>
    </div>
</div>
        <div class="pull-left search-box"><input id="range_search_case_value" value="<br />
<b>Warning</b>:  Undefined variable $case_no in <b>/home/dario/Servidor/CodingIt/MyFileRunner/App/app/views/filing/fetchdocuments.blade.php</b> on line <b>86</b><br />
" type="text" placeholder="Search Case" class="searchInput pull-left"><span class="search-case" id="range_search_case_icon"></span></div>
    </div>
</div>
@if(isset($docs))
@if(count($docs)>0)
<div class="tableTopBlk" style="max-width: 51.6rem; background-color:#ffffff">
<!--    <h4 class="titleBlk">All Cases</h4>-->
<!--    <input type="button" id="download_selected_files" value="Download" class="btn btn-padding btn-bluebg file_cabinet_multiple_download"/>-->
</div>


<div class="dashboardTable" id="UserList">
    <table class="table colorStriped" id ="caseFeesTable" style="margin-top:0">
        <thead class="theader theaderTab">
            <tr>
                <th><span>Case No</span></th>
                <th><span>Case Title</span></th>
                <th><span>Actions</span></th>
            </tr>
        </thead>
        <tbody>
        @foreach($docs as $doc)
        <tr>
             <td>{{ $doc->case_no }}
            </td>
            <td class="text_overflow_limit_with_block" title='{{ $doc->case_title }}'>
                {{ $doc->case_title }}
            </td>
            <td>
                <ul class="service-actions">
                    <li><a target="_blank" href="/filing/file-cabinet/alldocument/{{ $doc->case_no_decode }}" title='View all files' data-value="" class="file_cabinet_single_download"></a></li>
                </ul>
                <ul class="service-actions-download">
                    <li><a target="_blank" href="/filing/download-documents?case_no={{ $doc->case_no_decode }}" title='Download all files' class="file_cabinet_multiple_download" data-value=""></a></li>
                </ul>
            </td>
        </tr>
        @endforeach
        </tbody>
    </table>
</div>
@else
<p class="empty-result c-align">There are no filed documents to be displayed now</p>
@endif
@endif

@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