<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!-->


<html lang="en" data-ng-app="FinancialReport">
<!--<![endif]-->
<!-- BEGIN HEAD -->


<!-- Mirrored from web.arttech.ps/rocab/Site/Pages/FinancialReport.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 27 Nov 2025 16:26:47 GMT -->
<head>
      <meta charset="UTF-8" />
    <title>Taxi Management System </title>
       <link rel="icon" href="assets/img/main_logo.png">
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
    <meta content="" name="description" />
    <meta content="" name="author" />
    <!--[if IE]>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <![endif]-->
    <!-- GLOBAL STYLES -->
       <link rel="stylesheet" href="../../assets/css/mainbar.css" />

    <link rel="stylesheet" href="../../assets/plugins/bootstrap/css/bootstrap.css" />
    <link rel="stylesheet" href="../../assets/css/main.css" />
    <link rel="stylesheet" href="../../assets/css/mainbar.css" />
     <link rel="stylesheet" href="../../assets/css/appbooking.css" />

    <link rel="stylesheet" href="../../assets/plugins/Font-Awesome-master/css/font-awesome.css" />

    <link rel="stylesheet" href="../../assets/font.css" />
    <link rel="stylesheet" href="../../assets/css/MoneAdmin.css" />
    <link rel="stylesheet" href="../../assets/plugins/Font-Awesome/css/font-awesome.css" />
    <link rel="stylesheet" href="../../assets/plugins/Font-Awesome/css/font-awesome.min.css" />
    <!--END GLOBAL STYLES -->
    <link rel="stylesheet" href="../../assets/css/horizontalmenubar.css" />
    <!-- PAGE LEVEL STYLES -->
  
    <link rel="stylesheet" href="../../assets/css/managementstyle.css" />
       <link rel="stylesheet" href="../../assets/css/Tabs.css" />

    <script type="text/javascript" src="../../bower_components/angular/angular.js"></script>
    <!--ng-storage-->
    <script type="text/javascript" src="../../bower_components/ngstorage/ngStorage.js"></script>
    <!--ngDialog-->
    <link rel="stylesheet" href="../../bower_components/modaldialog/css/ngDialog.css">
    <link rel="stylesheet" href="../../bower_components/modaldialog/css/ngDialog-theme-default.css">
    <link rel="stylesheet" href="../../bower_components/modaldialog/css/ngDialog-theme-plain.css">
    <script src="../../bower_components/modaldialog/js/ngDialog.js"></script>
    <!--Loading Spinner-->
    <script type="text/javascript" src="../../bower_components/loading-Spinner/spin.js"></script>
    <script type="text/javascript" src="../../bower_components/loading-Spinner/angular-spinner.js"></script>
    <!-- Application Configuration-->        
    <script type="text/javascript" src="../../Controller/AppConfig.js"></script>

    <script type="text/javascript" src="../Controller/FinancialReport.js"></script>
         <link rel="stylesheet" href="../../assets/js/ol/ol.css" />

    <script type="text/javascript" src="../../assets/js/ol/ol.js"></script>
        <script type="text/javascript" src="../../assets/js/Tabs.js"></script>

    <script type="text/javascript" src="../../Controller/LoginStatus.js"></script>

    <!--Pagination-->
    <script type="text/javascript" src="../../bower_components/dirPagination/dirPagination.js"></script>
    <!--Validation-->
    <script type="text/javascript" src="../../Validation/SAValidation.js"></script>
    <!--Popup-->
    <script src="../../bower_components/Popup/ui-bootstrap-tpls-0.12.0.js"></script>
      <link rel="stylesheet" href="../../assets/plugins/multiselect/fastselect.min.css">
          <script src="../../../../cdn.jsdelivr.net/timepicker.js/latest/timepicker.min.js"></script>
<link href="../../../../cdn.jsdelivr.net/timepicker.js/latest/timepicker.min.css" rel="stylesheet"/>
    <!--Utility.js-->
    <style>
     
        .total {
        padding:0!important
        }
.NoData {     
    padding: 9px;
    background: #f8f8f8;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    border-radius: 5px;
    border: 1px solid #eee;
}
.Status {
    float: right;
    padding: 0;
    width: 18%;
    margin-left: 1%;
}
.controls a {
            background: #ffc83e;
            padding: 1px;
            padding-left: 5px;
            padding-right: 5px;
            color: #fff;
            margin-left: 6px;
            text-align: center;
}
.controls a:hover {    
    background: #f9ba2d;
    color: #fff;
    text-decoration:none
 }
.controls  { 
     text-align: center;
 }

        .exportBtn {
           padding:3px;
    border: 1px solid #ccc;
    border-radius: 6px;
    float: left;
    margin-top: -3px;
    background: #f7f7f7;
    margin-bottom: 9px;
        }
            .exportBtn span {
                font-size: 13px;
    font-weight: 800;
            }
             
    </style>
     
   

</head>
<body data-ng-controller="FinancialReportCtrl">
     <div>

       
    <section>
				<div class="tabs tabs-style-circle">
					   <div id="top">
              <div class="row header-border">             
      
	                <div class="col-md-2 logo-ara"style="line-height: 33px;">
							<div class="animbrand">
								 <a href="DashBoard.html"><img class="logo" src="assets/img/qaf-logo-icon.png"></a>
							</div>
					</div>
                   <div class="tabs tabs-style-circle" style="    width: 30%;
    text-align: center;1">
					<nav>
						<ul>
							<li><a href="#section-circle-1" class="icon icon-user"><span>السائقون</span></a></li>
							<li><a href="#section-circle-2" class="icon icon-user"><span>المستخدمون</span></a></li>
							<!--<li><a href="#section-circle-3" class="icon icon-box"><span>Boxes</span></a></li>
							<li><a href="#section-circle-4" class="icon icon-date"><span>Prints</span></a></li>
							<li><a href="#section-circle-5" class="icon icon-plane"><span>Fun</span></a></li>-->
						</ul>
					</nav>
                </div>
               </div><!-- /header-border -->
			  
             </div>
					<div class="content-wrap">
						<section id="section-circle-1">
                             <div class="row " style="height: auto;padding: 11px;margin-bottom: 10px;border-bottom: 1px solid #eee;border-radius: 8px;background: #f7f7f7;border-right: 1px solid #eee;">    
                                 <div class="col-md-6" style="float:right; padding:0px">
                                     <label style="font-size: 0.75em;"> نوع الحركة</label>
                                     <input type="text" style="display:inline-block;width:80%" id="DriverPayementTypes" class="name form-control user-success" name="name" />
                                     <i class="fa fa-minus-circle" ng-click="ClearDriverList()" style="cursor:pointer;font-size: 20px;vertical-align: middle;color: #C40056;"></i>
                                </div>
                                <div class="ChooseDate col-md-2" style="float:right;padding:0px">
                                      <span ng-bind="lblFromDate" style="font-size: 0.75em;"></span>
                                      <input type="date" style="    width: 50%;" id="Date1" class="form-control" ng-model="DriverFromDate" />
                                      <input type="text" id="DriverFromTime"  style="height: 30px;padding: 10px;border-radius: 4px;border: 0;border: 1px solid #aaa;vertical-align: middle;width: 30%; font-size: 0.75em;" placeholder="الوقت" name="alwaysTime" required class="AlwaysTime  input-field"  >
                                </div>
                                <div class="col-md-2" style="float:right;padding:0px" >
                                     <span ng-bind="lblToDate" style="font-size: 0.75em;"></span>
                                     <input type="date" style="width: 50%;" id="Date2" class="form-control" ng-model="DriverToDate" />        
                                     <input type="text" id="DriverToTime"  style="height: 30px;padding: 10px;border-radius: 4px;border: 0;border: 1px solid #aaa; vertical-align: middle;width: 30%;font-size: 0.75em;" id="Text4" placeholder="الوقت" name="alwaysTime" required class="AlwaysTime  input-field" >
                                </div> 
                                 <div class="col-md-1" style="float:right;padding:0px ">       
                                      <button type="button" class="btn btn-info btn-sm btn-flat btn-rect btn-speci" id="ViewDrivers" data-toggle="collapse" style="    width: 100%;vertical-align: top;" >
                                           <span> اعرض </span>
                                      </button>    
                                </div>
                             </div>                
                             <div class="col-lg-12 col-md-12 col-sm-12 List" style="display:block;      padding: 0;  float: right;padding-top:10px">
                                  <div class="col-md-2" style="float:right; ">  
                                       <div class="total">
                                             <table class="alltable table table-bordered responsive-table TotalTable" style="    margin-left: 8px;margin-bottom: 5px; width: auto;">
                                                 <tr style="height: 32px;">
                                                     <td  class="td1"> المجموع</td>
                                                    <td   class="td2"  > {{calculateTotalDrivers(filteredDriverList)}} </td>
                                                 </tr>
                                             </table>
                                              <table class="alltable table table-bordered responsive-table TotalTable" style="  margin-bottom: 5px; width: auto;">
                                                 <tr style="height: 32px;">
                                                     <td  class="td1"> العدد</td>
                                                      <td   class="td2"  > {{DriverBallanceDetails.length }} </td>
                                                 </tr>
                                             </table>
                                     </div>         
                                   </div>
                                   <div class="col-md-2" style="float:left;padding:0 ">  
                                        <a onclick="Export.Drivers()" class="exportBtn">
                                             <span ng-bind="lblDownload" class="ng-binding">  تصدير الى ملف أكسل</span>
                                             <i class="fa fa-download"></i>
                                        </a>     
                                   </div>
                                <div class="rocab_table">
                                     <div class="rocab_table_header">
                                         <div class="rocab_table_cell" > <span >رقم الحركة</span></div>  
                                         <div class="rocab_table_cell" > <span >التاريخ</span></div>  
                                         <div class="rocab_table_cell" > <span >قيمة الحركة</span></div>    
                                         <div class="rocab_table_cell" > <span >نوع الحركة </span></div> 
                                          <div class="rocab_table_cell" > <span >ملاحظات</span></div> 
                                    </div>
                                     <div class="rocab_table_row" data-ng-repeat="d in (filteredDriverList = (DriverBallanceDetails | filter: search)) track by $index ">
                                        <div  class="rocab_table_cell" data-ng-bind="d.Transaction_ID"></div>
                                        <div  class="rocab_table_cell"  style="font-weight: 800;" data-ng-bind="d.Time"></div>                                  
                                        <div class="rocab_table_cell"  data-ng-bind="d.Amount"></div>
                                        <div  class="rocab_table_cell" data-ng-bind="d.TypeText"></div>
                                        <div  class="rocab_table_cell" data-ng-bind="d.Notes"></div>
                                    </div>
                                     <div class="rocab_table_row" data-ng-if="DriverBallanceDetails.length == 0">    
                                          <span >لا توجد بيانات</span> 
                                     </div>
                                </div>
                            </div>
						</section>
						<section id="section-circle-2">

                             <div class="row " style="height: auto;padding: 11px;margin-bottom: 10px;border-bottom: 1px solid #eee;border-radius: 8px;background: #f7f7f7;border-right: 1px solid #eee;">    
                   
                   
                    <div class="col-md-6" style="float:right; padding:0px ">
                         <label  style="font-size: 0.75em;"> نوع الحركة</label>
                         <input type="text" style="display:inline-block;width:80%" id="DriverMEssage" class="name form-control user-success" name="name" />
                         <i class="fa fa-minus-circle" ng-click="ClearList()" style="cursor:pointer;font-size: 20px;vertical-align: middle;color: #C40056;"></i>
                    </div>
                  <div class="ChooseDate col-md-2" style="float:right; padding:0px">
                         <span ng-bind="lblFromDate"  style="font-size: 0.75em;"></span>
                          <input type="date" style="    width: 50%;" id="fdate" class="form-control" ng-model="FromDate" />
                         <input type="text" id="FromTime"  style="height: 30px;font-size: 0.75em;padding: 10px;border-radius: 4px;border: 0;border: 1px solid #aaa;vertical-align: middle;width: 30%;" placeholder="الوقت" name="alwaysTime" required class="AlwaysTime  input-field"  >
                </div>
                
               <div class="col-md-2" style="float:right; padding:0px" >
                   <span ng-bind="lblToDate"  style="font-size: 0.75em;"></span>
                   <input type="date"style="    width: 50%;" id="tdate" class="form-control" ng-model="ToDate" />        
                     <input type="text" style="    height: 30px;    padding: 10px;font-size: 0.75em;    border-radius: 4px;    border: 0;    border: 1px solid #aaa; vertical-align: middle;    width: 30%;" id="ToTime" placeholder="الوقت" name="alwaysTime" required class="AlwaysTime  input-field" >
               </div> 
                <div class="col-md-1" style="float:right;  padding:0px">       
                      <button type="button" class="btn btn-info btn-sm btn-flat btn-rect btn-speci" id="viewall" data-toggle="collapse" style="    width: 100%;vertical-align: top;" >
                           <span> اعرض </span>
                      </button>    
               </div>
 
                  
                
                    
                     
                </div>           
          
                <!--Driver List-->
                <div class="col-lg-12 col-md-12 col-sm-12 List" style="display:block;      padding: 0;  float: right;padding-top:10px">


                        <div class="col-md-2" style="float:right; ">  
                              <div class="total">
                         <table class="alltable table table-bordered responsive-table TotalTable" style="    margin-left: 8px;margin-bottom: 5px; width: auto;">
                             <tr style="height: 32px;">
                                 <td  class="td1"> المجموع</td>
                                <td   class="td2"  > {{calculateTotalCustomers(filteredList)}} </td>
                             </tr>
                        
                         </table>
                             <table class="alltable table table-bordered responsive-table TotalTable" style="  margin-bottom: 5px; width: auto;">
                             <tr style="height: 32px;">
                                 <td  class="td1"> العدد</td>
                               
                                  <td   class="td2"  > {{CustomerBallanceDetails.length }} </td>
                             </tr>
                        
                         </table>
                     </div>         
              
                       </div>
                 
                       <div class="col-md-2" style="float:left;padding:0 ">  
                            <a onclick="Export.Customers()" class="exportBtn">
                                 <span ng-bind="lblDownload" class="ng-binding">  تصدير الى ملف أكسل</span>
                                 <i class="fa fa-download"></i>
                            </a>     
                      </div>
                    <div class="rocab_table">
          
                   
                        <div class="rocab_table_header">
                          
                             <div class="rocab_table_cell" > <span >رقم الحركة</span></div>  
                             <div class="rocab_table_cell" > <span >التاريخ</span></div>  
                         
                             <div class="rocab_table_cell" > <span >قيمة الحركة</span></div> 
                             <div class="rocab_table_cell" > <span >نوع الحركة</span></div>     
                            <div class="rocab_table_cell" > <span >ملاحظات</span></div> 
                            

                        </div>
                        <div class="rocab_table_row" data-ng-repeat="d in (filteredList = (CustomerBallanceDetails | filter: search)) track by $index ">
                            <div  class="rocab_table_cell" data-ng-bind="d.Transaction_ID"></div>
                            <div  class="rocab_table_cell"  style="font-weight: 800;" data-ng-bind="d.Time"></div>                                  
                            <div class="rocab_table_cell"  data-ng-bind="d.Amount"></div>
                            <div  class="rocab_table_cell" data-ng-bind="d.TransactionName"></div>
                            <div  class="rocab_table_cell" data-ng-bind="d.Notes"></div>
                        </div>
                         <div class="rocab_table_row" data-ng-if="CustomerBallanceDetails.length == 0">    
                              <span >لا توجد بيانات</span> 
                         </div>
                    </div>

                </div>
                 
						</section>
						<section id="section-circle-3"><p>3</p></section>
						<section id="section-circle-4"><p>4</p></section>
						<section id="section-circle-5"><p>5</p></section>
					</div><!-- /content -->
				</div><!-- /tabs -->
			</section>


        </div>
    
    
        
    <script>


      
			(function() {

			    [].slice.call( document.querySelectorAll( '.tabs' ) ).forEach( function( el ) {
			        new CBPFWTabs( el );
			    });

			})();
		


        function isNumberKey(evt) {
            var charCode = (evt.which) ? evt.which : event.keyCode
            if (charCode > 31 && (charCode < 48 || charCode > 57))
                return false;

            return true;
        }

</script>

    
<!-----------------------------------------DriverModel Modal content-------------------------------->

                 <div class="modal fade" id="DriverModel" role="dialog" >
                        <div class="modal-dialog" style="width: 97%!important;padding-top: 0%!important;overflow: auto;height: 96%;margin: 1.5%!important;margin-bottom: 0!important;background:#fff;">    
                          <!-- Modal content-->
                          <div class="modal-content" style="height: 102%;    width: 100%;    box-shadow: none;">
                            <div class="modal-header">
                              <button type="button" class="close" data-dismiss="modal">&times;</button>
                              <h4 class="modal-title">طلبات السائق</h4>
                            </div>
                            <div class="modal-body" style="    height: calc(100% - 56px); width: 100%;padding: 0!important;">
                                 <div class="row" style="height:auto;    padding-right: 15px;margin-bottom: 5px;">    
                                      <div class=" firstSearch " style="">
                                         <div class="SerachBox input-group input-group-unstyled">
                                            <input type="text" class="form-control" style=" float:left;" ng-model="search" id="Text2" aria-controls="example" placeholder="{{somePlaceholder}}"  maxlength="20"/>
                                            <span class="input-group-addon">
                                                <i class="icon-search icon-1x"></i>
                                            </span>
                          
                                        </div>                    
                                    </div>          
                                </div>                  
                                <div class="col-lg-12 col-md-12 col-sm-12 List" style="display:block">
                                     <div class="table-responsive">
                                        <table class="alltable table table-bordered sortableTable table-hover" id="table1" >
                                            <thead>
                                                <tr> 
                                                   <th style="width:3%"> <span >الوقت</span></th>  
                                                    <th style="width:8%"> <span >الزبون</span></th>  
                                                    <th style="width:7%"> <span >رقم الزبون</span></th>  
                                                    <th style="width:15%"> <span >العنوان</span> </th>  
                                                    <th style="width:15%"> <span>الى</span></th>  
                                                     <th style="width:7%"> <span > السائق</span></th> 
                                                    <th style="width:6%" > <span>رقم السائق </span></th>  
                                                    <th style="width:10%" > <span>المكتب </span></th>  
                                                     <th style="width:4%" > <span>المسافة </span></th>  
                                                    <th style="width:4%" > <span>المدة </span></th> 
                                                    <th style="width:4%" > <span>مدة الانتظار </span></th>  
                                                    <th style="width:6%" colspan="2" > <span>المبلغ </span></th>  
                                                    <th style="width:7%"> <span>الحالة</span></th> 
                                                    <th style="width:4%"> <span>التقييم</span></th> 
                                                  </tr>
                                             </thead>
                                             <tbody>
                                                 <tr  data-ng-repeat="d in (DriverFilteredList=( AllBookingsForDriver | filter:search)) track by $index "> 
                                                        <td ng-style="{'background-color': d.color, 'font-weight':'bold', 'color':d.colorFont}">
                                                             <span data-ng-bind="d.date"></span>
                                                             <br /><span  data-ng-bind="d.time"></span>
                                                        </td>
                                                         <td   ng-style="{'background-color': d.color, 'font-weight':'bold', 'color':d.colorFont}" style="border: 2px solid rgb(0, 0, 0)!important;"> {{d.CustomerName=='null' ? ''  : d.CustomerName}} </td>
                                                        <td ng-style="{'background-color': d.color, 'font-weight':'bold', 'color':d.colorFont}" style="border: 2px solid rgb(0, 0, 0)!important;"> {{d.CustomerNo=='null' ? ''  : d.CustomerNo}}</td>
                                                        <td  ng-style="{'background-color': d.color, 'font-weight':'bold', 'color':d.colorFont, 'cursor':'pointer'}" style="border: 2px solid rgb(0, 0, 0)!important;"> {{d.FromPlace=='null' ? ''  : d.FromPlace}} </td>
                                                        <td ng-style="{'background-color': d.color, 'font-weight':'bold', 'color':d.colorFont}" style="border: 2px solid rgb(0, 0, 0)!important;" data-ng-bind="d.ToPlace"> </td>
                                                        <td ng-style="{'background-color': d.color, 'font-weight':'bold', 'color':d.colorFont}"  data-ng-bind="d.DriverName"> </td>
                                                        <td ng-style="{'background-color': d.color, 'font-weight':'bold', 'color':d.colorFont}" >{{d.DriverPhoneNo=='null' ? ''  : d.DriverPhoneNo}}</td>
                                                        <td hidden id="Td2">{{d.CompanyId}}</td>                            
                                                        <td  ng-style="{'background-color': d.color, 'font-weight':'bold', 'text-align':'center', 'color':d.colorFont}" > {{d.CompanyName=='null' ? ''  : d.CompanyName}} </td>
                                                        <td  ng-style="{'background-color': d.color, 'font-weight':'bold', 'text-align':'center', 'color':d.colorFont}" >{{d.Distance=='null' ? ''  : d.Distance}}</td>
                                                        <td  ng-style="{'background-color': d.color, 'font-weight':'bold', 'text-align':'center', 'color':d.colorFont}" >{{d.Duration=='null' ? ''  : d.Duration}}</td>
                                                         <td  ng-style="{'background-color': d.color, 'font-weight':'bold', 'text-align':'center', 'color':d.colorFont}" >
                                                             {{d.WaitingTime=='null' ? ''  : d.WaitingTime}}
                                                        </td>
                                                        <td  colspan="2"  ng-style="{'background-color': d.color, 'font-weight':'bold', 'text-align':'center', 'color':d.colorFont}" >
                                                             {{d.Amount=='null' ? ''  : d.Amount}} 
                                                            <span ng-if="d.PaymentMethod=='1'">مدفوع</span>
                                                            <span ng-if="d.PaymentMethod=='2'">خصم من الرصيد</span>
                                                        </td>
                               
                               
                              
                                                        <td  ng-style="{'background-color': d.color, 'font-weight':'bold', 'color':d.colorFont}" ><p ng-if="d.BookingStatusDesc!='ملغي'" style="text-align:right">{{d.BookingStatusDesc}} </p> </td>
                                
                                     
                                                         <td  ng-style="{'background-color': d.color, 'font-weight':'bold', 'text-align':'center'}" >
                                                             <a href="#" class="" ng-if="d.Trip_Rating!= null && d.Trip_Review != 'NULL'" ng-click="ReviewDriverItem.review($index)"  style=" cursor: pointer;color:#000 ;background:transparent!important;">{{d.Trip_Rating}}<p  style="    display: inline-block;margin: 0;     margin-right: 10px;"><i style="    float: left;" class="fa fa-eye" aria-hidden="true"></i></p></a>
                                                             <p href="#" class="" ng-if="d.Trip_Rating== null"   style="color:#000;background:transparent!important;">{{d.Trip_Rating}}</p>
                                                             <p href="#" class="" ng-if="d.Trip_Rating!= null && d.Trip_Review == 'NULL'"   style="color:#000;background:transparent!important;">{{d.Trip_Rating}}</p>

                                                         </td>
                                
                                                    </tr>
                                                 <tr data-ng-if="AllBookingsForDriver.length == 0">
                               <td colspan="21"  style="text-align:center;">
                                  <span >لا توجد بيانات</span> </td>
                            </tr>
                                            </tbody>
                                        </table>
                   
                                    </div>
             
                                </div>
                            </div>                          
                          </div>   
                        </div>
                    
                      </div>



 
    <!-- End Of Add Driver Information-->   
    <!-- GLOBAL SCRIPTS -->
    <script src="../../assets/plugins/jquery-2.0.3.min.js"></script>
    <script src="../../assets/plugins/bootstrap/js/bootstrap.min.js"></script>
    <script src="../../assets/plugins/modernizr-2.6.2-respond-1.1.0.min.js"></script>
        <script type="text/javascript" src="../../assets/plugins/tableExport/jquery.table2excel.js"></script>
           <script src="../../assets/plugins/multiselect/fastselect.standalone.js"></script>
        <script src="../../assets/js/multiselect/m-select-d-box.min.js"></script> 

     <script>
        
    </script>
    <!-- END GLOBAL SCRIPTS -->


</body>


<!-- Mirrored from web.arttech.ps/rocab/Site/Pages/FinancialReport.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 27 Nov 2025 16:26:50 GMT -->
</html>

