<!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="ManagementReports">
<!--<![endif]-->
<!-- BEGIN HEAD -->


<!-- Mirrored from web.arttech.ps/rocab/Site/Pages/ManagementReports.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 27 Nov 2025 16:26:50 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/ManagementReports.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;    color: #555;
}
.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="ManagementReportsCtrl">
     <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="#"><img class="logo" src="assets/img/qaf-logo-icon.png"></a>
						</div>
					</div>
                   <div class="tabs tabs-style-circle" style="text-align: center;width: 84%;">
					    <nav>
						    <ul>
							    <li><a href="#section-circle-1" class="icon icon-download"><span>التنزيلات اليومية</span></a></li>
							    <li><a href="#section-circle-2" class="icon icon-download"><span>التنزيلات الشهرية</span></a></li>
							    <li><a href="#section-circle-3" class="icon icon-list"><span>الطلبات اليومية</span></a></li>
							   <li><a href="#section-circle-4" class="icon icon-list"><span>الطلبات الشهرية</span></a></li>
							   <li><a href="#section-circle-5" class="icon icon-user"><span>المستخدمون</span></a></li>
						       <li><a href="#section-circle-6" class="icon icon-user"><span>المستخدمون الاوفياء</span></a></li>
                               <li><a href="#section-circle-7" class="icon icon-user"><span>المستخدمون العائدون</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="ChooseDate col-md-2" style="float:right;padding:0px">
                                      <span ng-bind="lblFromDate" style="font-size: 0.75em;"></span>
                                      <input type="date" style="    width: 60%;" id="Date1" class="form-control" ng-model="DailyDownloadsFromDate" />
                                </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: 60%;" id="Date2" class="form-control" ng-model="DailyDownloadsToDate" />        
                                </div> 

                                  <div class="col-md-2" style="float:right; padding:0px">
                                     
                                       <span style="font-size: 0.75em;">المحافظة</span>
                                        <select class="form-control chzn-select" data-ng-model="DailyDownloadsDistrictName" id="txtCity" style="width: 60%;cursor: pointer;"
                                           data-ng-options="u.OID as u.DistrictName for u in DistrictList"  ng-change="SelectedDistrict(DistrictName)" >
                                        <option value="" disabled selected> الكل </option>
                              </select>
       
                                </div>

                                  <div class="col-md-2" style="float:right; padding:0px">

                                      <select class="form-control chzn-select" style="width: 180px;cursor: pointer;">
                                        <option value="all"  selected> الكل </option>
                                           <option value=""  > حجز </option>
                                           <option value=""  > لم يحجز </option>
                              </select>
       
                                </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="viewaDailyDownloads" 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:left;padding:0 ">  
                                        <a onclick="Export.DailyDownloads()" 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>
                                     <div class="rocab_table_row" data-ng-repeat="d in (filteredDailyDownloadsList = (DailyDownloads | filter: search)) track by $index ">
                                        <div  class="rocab_table_cell" >{{d.FormatedDate}}</div>
                                        <div  class="rocab_table_cell" ng-click="GetReport.DailyDownloadsDetails(d.DayDate,0)"  style="font-weight: 800;cursor:pointer" >{{d.TotalRegisteredUsers}}</div>                                  
                                        <div class="rocab_table_cell" ng-click="GetReport.DailyDownloadsDetails(d.DayDate,1)" style="cursor:pointer">{{d.BookingRatio}}</div>
                                         <div class="rocab_table_cell" ng-click="GetReport.DailyDownloadsDetails(d.DayDate,-1)" style="cursor:pointer">{{d.NoBooking}}</div>
                                      
                                    </div>
                                    <div class="rocab_table_row NoData" data-ng-if="DailyDownloads.length == 0">    
                                          <span >لا توجد بيانات</span> 
                                     </div>
                                     <div class="rocab_table_row" >
                                        <div class="rocab_table_cell">المجموع</div>
                                        <div class="rocab_table_cell"style="font-weight: 800;cursor:pointer" ng-click="GetReport.DailyDownloadsDetails(-1,0)" >{{calculateTotalDailyDownloadsR(filteredDailyDownloadsList)}}</div>                                  
                                        <div class="rocab_table_cell" style="cursor:pointer" ng-click="GetReport.DailyDownloadsDetails(-1,1)" >{{calculateTotalDailyDownloadsB(filteredDailyDownloadsList)}}</div>
                                        <div class="rocab_table_cell" style="cursor:pointer" ng-click="GetReport.DailyDownloadsDetails(-1,-1)">{{calculateTotalDailyDownloadsN(filteredDailyDownloadsList)}}</div>
                                      
                                    </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="ChooseDate col-md-2" style="float:right;padding:0px">
                                      <span ng-bind="lblFromDate" style="font-size: 0.75em;"></span>
                                      <input type="month" style="    width: 60%;" id="Date3" class="form-control" ng-model="MonthlyDownloadsFromDate" />
                                </div>
                                <div class="col-md-2" style="float:right;padding:0px" >
                                     <span ng-bind="lblToDate" style="font-size: 0.75em;"></span>
                                     <input type="month" style="width: 60%;" id="Date4" class="form-control" ng-model="MonthlyDownloadsToDate" />        
                                </div> 

                                  <div class="col-md-2" style="float:right; padding:0px">
                                     
                                       <span style="font-size: 0.75em;">المحافظة</span>
                                        <select class="form-control chzn-select" data-ng-model="MonthlyDistrictName" id="Select1" style="width: 60%;cursor: pointer;"
                                           data-ng-options="u.OID as u.DistrictName for u in DistrictList"  ng-change="SelectedDistrict(DistrictName)" >
                                        <option value="" disabled selected> الكل </option>
                              </select>
       
                                </div>

                                  <div class="col-md-2" style="float:right; padding:0px">

                                      <select class="form-control chzn-select" style="width: 180px;cursor: pointer;">
                                        <option value="all"  selected> الكل </option>
                                           <option value=""  > حجز </option>
                                           <option value=""  > لم يحجز </option>
                              </select>
       
                                </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="viewaMonthlyDownloads" 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:left;padding:0 ">  
                                        <a onclick="Export.MonthlyDownloads()" 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>
                                     <div class="rocab_table_row" data-ng-repeat="d in (filteredMonthlyDownloadsList = (MonthlyDownloads | filter: search)) track by $index ">
                                        <div  class="rocab_table_cell">{{d.MonthNumber}}</div>
                                        <div  class="rocab_table_cell" ng-click="GetReport.MonthlyDownloadsDetails(d.MonthNumber,0)"  style="font-weight: 800;" >{{d.TotalRegisteredUsers}}</div>                                  
                                        <div class="rocab_table_cell" ng-click="GetReport.MonthlyDownloadsDetails(d.MonthNumber,1)">{{d.BookingRatio}}</div>
                                         <div class="rocab_table_cell" ng-click="GetReport.MonthlyDownloadsDetails(d.MonthNumber,-1)">{{d.NoBooking}}</div>
                                      
                                    </div>
                                     <div class="rocab_table_row" data-ng-if="MonthlyDownloads.length == 0">    
                                          <span >لا توجد بيانات</span> 
                                     </div>
                                     <div class="rocab_table_row" >
                                        <div  class="rocab_table_cell">المجموع</div>
                                        <div  class="rocab_table_cell"style="font-weight: 800;" ng-click="GetReport.MonthlyDownloadsDetails(-1,0)" >{{calculateTotalDailyDownloadsR(filteredMonthlyDownloadsList)}}</div>                                  
                                        <div class="rocab_table_cell" ng-click="GetReport.MonthlyDownloadsDetails(-1,1)" >{{calculateTotalDailyDownloadsB(filteredMonthlyDownloadsList)}}</div>
                                         <div class="rocab_table_cell" ng-click="GetReport.MonthlyDownloadsDetails(-1,-1)">{{calculateTotalDailyDownloadsN(filteredMonthlyDownloadsList)}}</div>
                                      
                                    </div>
                                   
                                </div>
                            </div>
						</section>
				
						<section id="section-circle-3">
                             <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="ChooseDate col-md-2" style="float:right;padding:0px">
                                      <span ng-bind="lblFromDate" style="font-size: 0.75em;"></span>
                                      <input type="date" style="    width: 60%;" id="Date5" class="form-control" ng-model="DailyBookingsFromDate" />
                                </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: 60%;" id="Date6" class="form-control" ng-model="DailyBookingsToDate" />        
                                </div> 

                                  <div class="col-md-2" style="float:right; padding:0px">
                                     
                                       <span style="font-size: 0.75em;">المحافظة</span>
                                        <select class="form-control chzn-select" data-ng-model="DailyBookingsDistrictName" id="Select2" style="width: 60%;cursor: pointer;"
                                           data-ng-options="u.OID as u.DistrictName for u in DistrictList"  ng-change="SelectedDistrict(DistrictName)" >
                                        <option value="" disabled selected> الكل </option>
                              </select>
       
                                </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="viewDailyBookings" 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:left;padding:0 ">  
                                        <a onclick="Export.DailyBookings()" 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 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 DailyBookings | filter: search track by $index ">
                                        <div  class="rocab_table_cell">{{d.FormatedDate}}</div>
                                        <div  class="rocab_table_cell"   style="font-weight: 800;" >{{d.TotalBookingRequests}}</div>                                  
                                        <div class="rocab_table_cell">{{d.CustomersCount}}</div>
                                         <div class="rocab_table_cell" >{{d.Completed_Trips}}</div>
                                         <div class="rocab_table_cell">{{d.CanceledByDriver}}</div>
                                         <div class="rocab_table_cell" >{{d.CanceledByUser}}</div>
                                           <div class="rocab_table_cell" >{{d.Rejected}}</div>
                                           <div class="rocab_table_cell" >{{d.MissedBookings}}</div>
                                      
                                    </div>
                                     <div class="rocab_table_row" data-ng-if="DailyBookings.length == 0">    
                                          <span >لا توجد بيانات</span> 
                                     </div>
                                </div>
                            </div>



						</section>
						<section id="section-circle-4">  
                             <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="ChooseDate col-md-2" style="float:right;padding:0px">
                                      <span ng-bind="lblFromDate" style="font-size: 0.75em;"></span>
                                      <input type="month" style="    width: 60%;" id="Month1" class="form-control" ng-model="MonthlyBookingsFromDate" />
                                </div>
                                <div class="col-md-2" style="float:right;padding:0px" >
                                     <span ng-bind="lblToDate" style="font-size: 0.75em;"></span>
                                     <input type="month" style="width: 60%;" id="Month2" class="form-control" ng-model="MonthlyBookingsToDate" />        
                                </div> 
                                  <div class="col-md-2" style="float:right; padding:0px">
                                     
                                       <span style="font-size: 0.75em;">المحافظة</span>
                                        <select class="form-control chzn-select" data-ng-model="MonthlyBookingsDistrictName" id="Select3" style="width: 60%;cursor: pointer;"
                                           data-ng-options="u.OID as u.DistrictName for u in DistrictList"  ng-change="SelectedDistrict(DistrictName)" >
                                             <option value="" disabled selected> الكل </option>
                                       </select>   
                                </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="viewMonthlyBookings" 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:left;padding:0 ">  
                                        <a onclick="Export.MonthlyBookings()" 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 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 MonthlyBookings | filter: search track by $index ">
                                        <div  class="rocab_table_cell">{{d.MonthNumber}}</div>
                                        <div  class="rocab_table_cell"   style="font-weight: 800;" >{{d.TotalBookingRequests}}</div>                                  
                                        <div class="rocab_table_cell">{{d.CustomersCount}}</div>
                                         <div class="rocab_table_cell" >{{d.Completed_Trips}}</div>
                                         <div class="rocab_table_cell">{{d.CanceledByDriver}}</div>
                                         <div class="rocab_table_cell" >{{d.CanceledByUser}}</div>
                                           <div class="rocab_table_cell" >{{d.Rejected}}</div>
                                           <div class="rocab_table_cell" >{{d.MissedBookings}}</div>
                                      
                                    </div>
                                     <div class="rocab_table_row" data-ng-if="MonthlyBookings.length == 0">    
                                          <span >لا توجد بيانات</span> 
                                     </div>
                                </div>
                            </div>

                        </section>
						<section id="section-circle-5">
                              <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="ChooseDate col-md-2" style="float:right;padding:0px">
                                      <span ng-bind="lblFromDate" style="font-size: 0.75em;"></span>
                                      <input type="date" style="    width: 60%;" id="Date7" class="form-control" ng-model="ChurnUsersFromDate" />
                                </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: 60%;" id="Date8" class="form-control" ng-model="ChurnUsersToDate" />        
                                </div> 

                                  <div class="col-md-2" style="float:right; padding:0px">
                                     
                                       <span style="font-size: 0.75em;">المحافظة</span>
                                        <select class="form-control chzn-select" data-ng-model="ChurnUsersDistrictName" id="Select4" style="width: 60%;cursor: pointer;"
                                           data-ng-options="u.OID as u.DistrictName for u in DistrictList"  ng-change="SelectedDistrict(DistrictName)" >
                                        <option value="" disabled selected> الكل </option>
                                   </select>
               
                                </div>
                                <div class="col-md-2" style="float:right; padding:0px">
                                       <select class="form-control chzn-select" style="width: 180px;cursor: pointer;" ng-model="ChurnPeriod">
                                              <option value="w"  selected> اسبوع </option>
                                              <option value="m"  > شهر </option>
                                       </select>
       
                                </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="viewChurnUsers" 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:left;padding:0 ">  
                                        <a onclick="Export.ChurnUsers()" 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>
                                    <div class="rocab_table_row">
                                        <div  class="rocab_table_cell">{{UsersHaveBookings}}</div>
                                        <div  class="rocab_table_cell"   style="font-weight: 800;" >{{UsersContinueBookings}}</div>       
                                         <div  class="rocab_table_cell"  ng-click="GetReport.LostUsersDetails()" style="font-weight: 800;cursor:pointer" >{{UsersLost}}</div>                                           
                                        <div class="rocab_table_cell">{{UsersLostRatio}}%</div>
                                       
                                    </div>
                               
                                </div>
                            </div>


						</section>
                		<section id="section-circle-6">
                              <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="ChooseDate col-md-2" style="float:right;padding:0px">
                                      <span ng-bind="lblFromDate" style="font-size: 0.75em;"></span>
                                      <input type="date" style="    width: 60%;" id="Date9" class="form-control" ng-model="LoyalCustomersFromDate" />
                                </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: 60%;" id="Date10" class="form-control" ng-model="LoyalCustomersToDate" />        
                                </div> 
                                  <div class="col-md-2" style="float:right; padding:0px">
                                     
                                       <span style="font-size: 0.75em;">المحافظة</span>
                                        <select class="form-control chzn-select" data-ng-model="LoyalCusotmerDistrictName" id="Select5" style="width: 60%;cursor: pointer;"
                                           data-ng-options="u.OID as u.DistrictName for u in DistrictList"  ng-change="SelectedDistrict(DistrictName)" >
                                                <option value="" disabled selected> الكل </option>
                                            </select>
       
                                </div>
                                  <div class="col-md-2" style="float:right; padding:0px">
                                     
                                       <span style="font-size: 0.75em;">عدد الطلبات</span>
                                        <input type="text" onkeypress="return onlyNumbers(event);" style="    width: 60%;" class="form-control" ng-model="LoyalCustomersBookingsCount" />

                                </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="viewLoyalCustomers" 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:left;padding:0 ">  
                                        <a onclick="Export.LoyalCustomers()" 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 class="rocab_table_cell"> <span >عدد الرحلات</span></div> 
                                        <div class="rocab_table_cell"> <span > مسافة الرحلات</span></div> 

                                    </div>
                                    <div class="rocab_table_row" ng-repeat="d in LoyalCustomers track by $index">
                                        <div  class="rocab_table_cell">{{d.CustomerName}}</div>
                                       <div  class="rocab_table_cell">{{d.CustomerNo}}</div>
                                         <div  class="rocab_table_cell">{{d.FormatedDate}}</div>
                                        <div  class="rocab_table_cell">{{d.TotalNumberOfTrips}}</div>
                                        <div  class="rocab_table_cell">{{d.tripcost}}</div>
                                        <div  class="rocab_table_cell">{{d.tripcount}}</div>
                                        <div  class="rocab_table_cell">{{d.tripdistance}}</div>
                                    </div>
                              
                                </div>
                            </div>


						</section>
                    	<section id="section-circle-7">
                              <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="ChooseDate col-md-2" style="float:right;padding:0px">
                                      <span ng-bind="lblFromDate" style="font-size: 0.75em;"></span>
                                      <input type="date" style="    width: 60%;" id="Date11" class="form-control" ng-model="ReturnedCustomersFromDate" />
                                </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: 60%;" id="Date12" class="form-control" ng-model="ReturnedCustomersToDate" />        
                                </div> 
                               <div class="col-md-2" style="float:right;padding:0px" >
                                     <span  style="font-size: 0.75em;">عدم الطلب </span>
                                     <input type="date" style="width: 60%;" id="Date13" class="form-control" ng-model="ReturnedCustomersNoBookingStartDate" />        
                                </div> 
                                    <div class="col-md-2" style="float:right;padding:0px" >
                                     <span style="font-size: 0.75em;">وقت الرجوع</span>
                                     <input type="date" style="width: 60%;" id="Date14" class="form-control" ng-model="ReturnedCustomersretrenedUntil" />        
                                </div> 

                                  <div class="col-md-2" style="float:right; padding:0px">
                                     
                                       <span style="font-size: 0.75em;">المحافظة</span>
                                        <select class="form-control chzn-select" data-ng-model="ReturnedCustomersDistrictName" id="Select6" style="width: 60%;cursor: pointer;"
                                           data-ng-options="u.OID as u.DistrictName for u in DistrictList"  ng-change="SelectedDistrict(DistrictName)" >
                                                <option value="" disabled selected> الكل </option>
                                            </select>
       
                                </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="viewReturnedCustomers" 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:left;padding:0 ">  
                                        <a onclick="Export.ReturnedCustomers()" 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">
                                        <div  class="rocab_table_cell">{{ReturnedUsersHaveBookings}}</div>
                                        <div  class="rocab_table_cell"   style="font-weight: 800;" >{{ReturnedUsersContinueBookings}}</div>       
                                         <div  class="rocab_table_cell"  >{{ReturnedUsersLost}}</div>                                           
                                        <div class="rocab_table_cell">{{ReturnedUsersLostRatio}}%</div>
                                        <div class="rocab_table_cell" ng-click="GetReport.ReturnedUsersDetails()" style="font-weight: 800;cursor:pointer" >{{ReturnedUsersCount}}</div>
                                       
                                    </div>
                               
                                </div>
                            </div>


						</section>
					</div><!-- /content -->
				</div><!-- /tabs -->
			</section>


        </div>
    
         <script type="text/ng-template" id="ReturnedUsersList.html">
        <div class="row " id="wrapper" style="height: 100%; padding: 0;">
             
                    
            <div class="row " id="wrapper" style="height: 100%; padding: 0;">
                                   <div class="col-md-12" style="padding: 0;float: right;margin: 8px 9px 0 9px; ">  
                                        <a onclick="Export.ReturnedUsersDetails()" style="float:right"  class="exportBtn">
                                             <span  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>
                                
                               <div class="rocab_table_row" data-ng-repeat="d in GetReturnedListDetails | filter: search track by $index "> 
                                      <div class="rocab_table_cell" data-ng-bind="d.CustomerName">  </div>  
                                      <div class="rocab_table_cell" ><span  ng-bind="d.CreatedAtFormated"></span></div>  
                                   <div class="rocab_table_cell"  data-ng-bind="d.MobileNo"></div>
        
                                 
                               </div>
                              <div class="rocab_table_row" data-ng-if="cList.length == 0">    
                                          <span >لا توجد بيانات</span> 
                               </div>
                                
                           </div>
                           
                   
                    </div>


        </div>

                       
                        
                    </div>
         
              


        </div>
    </script>
         <script type="text/ng-template" id="LostUsersList.html">
        <div class="row " id="wrapper" style="height: 100%; padding: 0;">
             
                    
            <div class="row " id="wrapper" style="height: 100%; padding: 0;">
                                   <div class="col-md-12" style="padding: 0;float: right;margin: 8px 9px 0 9px; ">  
                                        <a onclick="Export.LostUsersDetails()" style="float:right"  class="exportBtn">
                                             <span  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>
                                
                               <div class="rocab_table_row" data-ng-repeat="d in GetListDetails | filter: search track by $index "> 
                                      <div class="rocab_table_cell" data-ng-bind="d.CustomerName">  </div>  
                                      <div class="rocab_table_cell" ><span  ng-bind="d.CreatedAtFormated"></span></div>  
                                   <div class="rocab_table_cell"  data-ng-bind="d.MobileNo"></div>
        
                                 
                               </div>
                              <div class="rocab_table_row" data-ng-if="cList.length == 0">    
                                          <span >لا توجد بيانات</span> 
                               </div>
                                
                           </div>
                           
                   
                    </div>


        </div>

                       
                        
                    </div>
         
              


        </div>
    </script>
         <script type="text/ng-template" id="DailyDownloadsKPIsDetails.html">
        <div class="row " id="wrapper" style="height: 100%; padding: 0;">
             
                    
            <div class="row " id="wrapper" style="height: 100%; padding: 0;">
                                   <div class="col-md-12" style="padding: 0;float: right;margin: 8px 9px 0 9px; ">  
                                        <a onclick="Export.DailyDownloadsDetails()" style="float:right"  class="exportBtn">
                                             <span  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>
                                
                               <div class="rocab_table_row" data-ng-repeat="d in cList | filter: search track by $index "> 
                                      <div class="rocab_table_cell" data-ng-bind="d.CustomerName">  </div>  
                                      <div class="rocab_table_cell" ><span  ng-bind="d.DistrictName"></span></div>  
                                   <div class="rocab_table_cell"  data-ng-bind="d.MobileNo"></div>
        
                                 
                               </div>
                              <div class="rocab_table_row" data-ng-if="cList.length == 0">    
                                          <span >لا توجد بيانات</span> 
                               </div>
                                
                           </div>
                           
                   
                    </div>


        </div>

                       
                        
                    </div>
         
              


        </div>
    </script>
         <script type="text/ng-template" id="MonthlyDownloadsKPIsDetails.html">
        <div class="row " id="wrapper" style="height: 100%; padding: 0;">
             
                    
            <div class="row " id="wrapper" style="height: 100%; padding: 0;">
                                   <div class="col-md-12" style="padding: 0;float: right;margin: 8px 9px 0 9px; ">  
                                        <a onclick="Export.MonthlyDownloadsDetails()" style="float:right"  class="exportBtn">
                                             <span 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>
                                
                               <div class="rocab_table_row" data-ng-repeat="d in mList | filter: search track by $index "> 
                                      <div class="rocab_table_cell" data-ng-bind="d.CustomerName">  </div>  
                                      <div class="rocab_table_cell" ><span  ng-bind="d.DistrictName"></span></div>  
                                   <div class="rocab_table_cell"  data-ng-bind="d.MobileNo"></div>
        
                                 
                               </div>
                                  <div class="rocab_table_row" data-ng-if="mList.length == 0">    
                                          <span >لا توجد بيانات</span> 
                               </div>
                           </div>
                      </div>
                 </div> 
              </div>  
        </div>
    </script>
         <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>

    


 
    <!-- 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/ManagementReports.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 27 Nov 2025 16:26:51 GMT -->
</html>

