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

@stop
@section('content')

<a></a>
<div class="filingSteps" ng-controller='FirmDocumentsCtrl' id="FirmDocumentsCtrl">
    
    <div class="overlay" style="display: hide"></div>
    <div class="popupWrapper_attorney customPopWidthwithListScroll" id="firm_document_edit_popup">
        <div class="popupContentwithListScroll">
            <img src="../images/modal_close.png" class="closePopup" alt="close">
            <p id="popup_response_text2" class="popup_response_text_attorney" style="/*height: 1.3em;*/">Add/Update Client Matter number</p>
            <div id="attorney_body">
                <div id="configure_content_attorney">			    
                  <ul class="content_attorney">
                        <li><label class="input-label">Add/Update</label> <input name="edit_cmn" id="edit_cmn" class="serviceContactList fileName" type="text" > 
                        </li>
                    </ul>                           
                </div>
                <p class="c-align">
                    <a class="btn btn-medium btn-bluebg" ng-click = "editDocument(0, 1)">OK</a>
                </p>
            </div>
        </div>
    </div>
    
    <div class="popupWrapper customPopWidth popup_response" id='mfr_document_queue_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>
    
     <h3>Upload New Documents</h3>
    <div class="uploadBlkWrap" ng-click='bind_click($event)' id="drop-zone">
       <div class="pull-left uploadBlkInner browseComp">
           <!--<img class="uploadBlkInnerimg" src="/images/newCaseTab.png" alt="" width="80px"/> -->
           <span  id="multipleupload_label" class="uploadBlkInnerimg uploadFromComp">&nbsp;</span>
           <!--<input ng-click='bind_click()'type="file" name="file_upload"  id="multipleupload" value="BROWSE COMPUTER TO UPLOAD" class="btn btn-upload btn-bluebg filingUpload"  />-->
           <label  id="multipleupload_label" class="browse btn btn-upload btn-bluebg">UPLOAD DOCUMENTS
               <input type="file" name="file_upload"  multiple id="multipleupload" class="inputStyle fixview filingUpload hidden " />
           </label>
       </div>
<!--       <div class="pull-right uploadBlkInner dragNDrop">
           <img class="uploadBlkInnerimg" src="/images/newCaseTab.png" alt="" width="80px"/> 
            <span class="uploadBlkInnerimg dragNDropImg">&nbsp;</span>
               <input type="button" value="DRAG & DROP TO UPLOAD" class="btn btn-upload btn-bluebg"  />
           <div >
                   <input type="file" name="file_upload" id="file" class="inputStyle fixview filingUpload hidden " />

                    <span class="uploadBlkInnerimg dragNDropImg">&nbsp;</span>
               <input type="button" ng-click='bind_click($event)' name="file_upload" multiple value="DRAG & DROP TO UPLOAD" id="file" class="btn btn-upload btn-bluebg inputStyle fixview filingUpload"  />
           </div>
       </div>-->
   </div>
     <!--For Enabled btn-->
    <div class="edit-client-number-btn pull-left full-width">
        <div class="pull-left"><h3>Uploaded Documents</h3></div>
        <div class="pull-right uploadBlkInner browseComp" id="enabled_multiple_cmn" style="display: show;">
            <label ng-click="editDocument(0,0,1)" id="multipleupload_label" class="browse btn btn-upload btn-bluebg"><img class="btn-edit-pencil" src="/images/white_pencil.png" alt="Edit-Pencil"/><span class="edit-client-matter-txt">Edit Client Matter Number</span>
                <input type="" name="file_upload" id="" class="inputStyle fixview filingUpload hidden ">
            </label> 
        </div>
        <!--For Disabled btn-->
        <div class="pull-right disabled-btn uploadBlkInner browseComp" id="disabled_multiple_cmn" style="display: none;">
            <label ng-click="" id="multipleupload_label" class="browse btn btn-upload btn-bluebg"><img class="btn-edit-pencil" src="/images/white_pencil.png" alt="Edit-Pencil"/><span class="edit-client-matter-txt">Edit Client Matter Number</span>
                <input type="" name="file_upload" id="" class="inputStyle fixview filingUpload hidden ">
            </label> 
        </div>
        <!--End For Disabled btn-->
    </div>
    
     <table  class="table colorStriped" id="documentQueueTable">
         <thead class="theader theaderTab">
             <tr>
                 <th class="document-file">DOCUMENT FILE NAME</th>
                 <th>CLiENT MATTER NUMBER</th>
                 <th>DATE & TIME</th>
                 <th>ACTIONS</th>
             </tr>
         </thead>
         <tbody>
             <tr ng-repeat="doc in firm_documents|filter:{file_cabinet:'!!'}">
                 <td class="document-file text_overflow_limit" ng-cloak title='[[doc.file_cabinet.file_name]]'><input class="all_single_document" id="[[ doc.filing_cabinet_id ]]" type="checkbox" name="">[[doc.file_cabinet.file_name]]</td>
                 <td class="text_overflow_limit" ng-cloak title='[[doc.client_matter]]'>[[doc.client_matter]]</td>
                  <td class="server_datetime" ng-cloak>[[doc.file_cabinet.updated_at]]</td>
                 <td>
                     <a href="" ng-click='editDocument(doc)'ng-cloak  class="edit" title='Edit'>&nbsp;</a>
                     <a href="/cabinet/[[doc.file_cabinet.id]]" ng-cloak target="_blank" class="view" title='View'>&nbsp;</a>
                     <a href="" ng-click='deleteDocument(doc)' ng-cloak class="delete" title='Delete'>&nbsp;</a>
                 </td>
             </tr>
         </tbody>
     </table>
     
     
<!--    <div class="uploadSection clearfix">
    <h5><span></span>Upload Documents</h5>
    <label ng-click='bind_click()' id="multipleupload_label" class="browse">Click to Browse
        <input type="file" name="file_upload"  id="multipleupload" class="inputStyle fixview filingUpload hidden " />
    </label>   
    </div>-->
   

<!--    <div class='files' ng-repeat="doc in firm_documents|filter:{file_cabinet:'!!'}">
        <p class="fileName"><a href="/cabinet/[[doc.file_cabinet.id]]" target="_blank">[[doc.file_cabinet.file_name]] ([[(doc.file_cabinet.file_size/1048756).toFixed(2)]]) MB</a></p>                                
        <p class="fileName" ng-if="(doc.file_cabinet.file_size/1048576)>=1"><a href="/cabinet/[[doc.file_cabinet.id]]" target="_blank">[[doc.file_cabinet.file_name]] ([[(doc.file_cabinet.file_size/1048576).toFixed(2)]]) MB</a></p>
        <p class="fileName" ng-if="(doc.file_cabinet.file_size/1048576)<1"><a href="/cabinet/[[doc.file_cabinet.id]]" target="_blank">[[doc.file_cabinet.file_name]] ([[(doc.file_cabinet.file_size/1024).toFixed(2)]]) KB</a></p>
        <img src="/images/modal_close.png"  class="firmclosePopup" alt="close" ng-click='deleteDocument(doc)'>
    </div>-->
</div>
@stop
@section('scripts_bottom')
<script src="/js/jquery.quicksearch.js"></script>
<script type="text/javascript" src="/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="/js/jquery.easytabs.min.js"></script>
<script type="text/javascript" src="/js/jquery-ui-1.10.3.custom.min.js"></script>
<script type="text/javascript" src="/js/jquery.fileupload.js"></script>
<!--<script type="text/javascript" src="/js/filing-common.js?@assetsVersion()"></script>-->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular-resource.min.js"></script>
<script type="text/javascript" src="/js/firm-documents.js?@assetsVersion()"></script>
<script type="text/javascript">


$(function() {
    
    
    $('.server_datetime').each(function() {
            var serverDatetime = $(this).html();
            serverDatetime = serverDatetime.trim();
            serverDatetime = serverDatetime.replace(" ", "T");
            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);
    });
    
    $("#documentQueueTable").dataTable({
        "sDom": "rtip",
        "iDisplayLength": 10,
        "sScrollX": "100%",
        "aaSorting": [[2, 'desc']],
        "aoColumns": [
            null,null, null, null
        ],
        "fnDrawCallback": function() {
				if (Math.ceil((this.fnSettings().fnRecordsDisplay()) / 10) <= 1) {
					$('#documentQueueTable_next').css({"display": "none"});
					$('#documentQueueTable_previous').css({"display": "none"});
				} else {
					$('#documentQueueTable_next').css({"display": "block"});
					$('#documentQueueTable_previous').css({"display": "block"});
				}

			}
    });

    $('.dataTables_scrollHead').css({"height": "70px"});
    
    $('.closePopup').click(function(e) {
            $("#firm_document_edit_popup").css({ display: "none" });
                $(this).parents('.popupWrapper_attorney').hide();
                $(".overlay").hide();
                MFR.hideLoader();
            });

});

</script>
@stop