@extends('layouts.'.((Session::get('user')->CurrentRole === 'Firm Admin')?'admin':'filer').'-dashboard')
@section('heading')
Case number: {{$case_no}} Documents
@stop
@section('content')

@if(isset($docs))
@if(count($docs)>0)
<div class="tableTopBlk" style="width: 47.3rem">
    <h4 class="titleBlk"></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>Filename</span><span style="display: block;background:none;margin-top:0.5rem;"></span></th>
                <th><span>Sumitted Date</span></th>
                <th><span>Action</span></th>
            </tr>
        </thead>
        <tbody>
        @foreach($docs as $doc)
        <tr>
            <td class="text_overflow_limit_with_block"><input class="all_single_document" id='{{ $doc['id'] }}' name='{{ $doc['link'] }}' type='checkbox' value="" />
		<label for="{{ $doc['id'] }}" title="{{ $doc['name'] }}">{{ $doc['name'] }} </label>
            </td>
            <td class="server_datetime">
                {{ $doc['date'] }}
            </td>
            <td>
                <ul class="service-actions">
                    <li><a target="_blank" href="/cabinet/fetchdocs_firm/{{$doc['link']}}" title='View' data-value="" class="file_cabinet_single_download"></a></li>
                </ul>
            </td>
        </tr>
        @endforeach
        </tbody>
    </table>
</div>
@else
<p class="empty-result c-align">There is no documents related to this case no</p>
@endif
@endif
<div class="popupWrapper customPopWidth popup_response" id='mfr_message_box'>
    <div class="popupContent">
        <img src="/images/modal_close.png"  class="closePopup" alt="close">
        <div class="popupBody">
            <div class="centerstyle" style="text-align:center">
                <p id="popup_response_text" class="mb35"></p>
                <p class="c-align">
                    <a href="#" class="btn btn-medium btn-bluebg" id="response_msg" style="margin-left:15px">OK</a>&nbsp;&nbsp;
                </p>
            </div>
        </div>
    </div>
</div>
<br>
<br>
<br>
<br>




@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() {
    $("#caseFeesTable").dataTable({
        "sDom": "rtip",
        "iDisplayLength": 10,
        "sScrollX": "100%",
        "aaSorting": [[0, '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"});
				}

			}
    });
    
    $('.server_datetime').each(function() {
			var serverDatetime = $(this).html();
			serverDatetime = MFR.getDateFormat(serverDatetime);
			var clientDatetime = new Date(serverDatetime);
                        var tmp;
                        if (clientDatetime.getHours() >=12) {
                            if(clientDatetime.getHours()!=12)
                            {
                                hour = clientDatetime.getHours() - 12;
                            }
                            else
                            {
                                hour = clientDatetime.getHours();
                            }
                            tmp = "PM";
                        }
                        else 
                        {
                            if(clientDatetime.getHours()==0)
                            {
                                hour = 12;
                            }
                            else
                            {
                                hour = clientDatetime.getHours();
                            }
                            tmp = "AM";
                        }
                        if(hour<10)
                        {
                            hour="0"+hour;
                        }
                        var minutes=clientDatetime.getMinutes();
                        if(minutes<10)
                        {
                            minutes="0"+minutes;
                        }
                        var seconds=clientDatetime.getSeconds();
                        if(seconds<10)
                        {
                            seconds="0"+seconds;
                        }
			$(this).html(clientDatetime.toDateString() + " " + hour + ':' + minutes + ':' + seconds + ' ' + tmp);
		});
    
});

</script>
@stop