@include('admin_header_pages')
<div class="main-content">
                <div class="breadcrumb">
                    <h1 class="mr-2">Dashboard</h1>
                </div>
                <div class="separator-breadcrumb border-top"></div>
                <div class="row">
                    <!-- ICON BG-->
                    <div class="col-lg-3 col-md-6 col-sm-6">
                        <div class="card card-icon-bg card-icon-bg-primary o-hidden mb-4">
                            <div class="card-body text-center"><i class="i-Split-Horizontal-2-Window"></i>
                                <div class="content">
                                    <p class="text-muted mt-2 mb-0">Pending Advertisements</p>
                                    <p class="text-primary text-24 line-height-1 mb-2">0</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-6">
                        <div class="card card-icon-bg card-icon-bg-primary o-hidden mb-4">
                            <div class="card-body text-center"><i class="i-Split-Horizontal-2-Window"></i>
                                <div class="content">
                                    <p class="text-muted mt-2 mb-0">Approved Advertisements</p>
                                    <p class="text-primary text-24 line-height-1 mb-2">0</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-6">
                        <div class="card card-icon-bg card-icon-bg-primary o-hidden mb-4">
                            <div class="card-body text-center"><i class="i-Film"></i>
                                <div class="content">
                                    <p class="text-muted mt-2 mb-0">Today Impressions</p>
                                    <p class="text-primary text-24 line-height-1 mb-2">0</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-6">
                        <div class="card card-icon-bg card-icon-bg-primary o-hidden mb-4">
                            <div class="card-body text-center"><i class="i-Cursor-Click-2"></i>
                                <div class="content">
                                    <p class="text-muted mt-2 mb-0">Today Clicks</p>
                                    <p class="text-primary text-24 line-height-1 mb-2">0</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
			<div class="row">
				<!-- end of col-->
				<div class="col-md-12 mb-12">
					<div class="card text-left">
						<div class="card-body">
							<h4 class="card-title mb-3"> Advertiser Summary</h4>
							<div class="table-responsive">
								<table class="table" id="dashboardReportTbl">
									<thead class="thead-light">
										<tr>
											<th scope="col">#</th>
											<th scope="col">Advertiser</th>
											<th scope="col">Pending Advertisement</th>
											<th scope="col">Approved Advertisement</th>
											<th scope="col">Status</th>
											<th scope="col">Action</th>
										</tr>
									</thead>
									
									<tbody>
										<tr>
											<th scope="row">1</th>
											<td>Watch</td>
											<td>12-10-2019</td>
									
											<td><span class="badge badge-success">Delivered</span></td>
											<td><a class="text-success mr-2" href="#"><i class="nav-icon i-Pen-2 font-weight-bold"></i></a><a class="text-danger mr-2" href="#"><i class="nav-icon i-Close-Window font-weight-bold"></i></a></td>
										</tr>
										<tr>
											<th scope="row">2</th>
											<td>Iphone</td>
											<td>23-10-2019</td>
									
											<td><span class="badge badge-info">Pending</span></td>
											<td><a class="text-success mr-2" href="#"><i class="nav-icon i-Pen-2 font-weight-bold"></i></a><a class="text-danger mr-2" href="#"><i class="nav-icon i-Close-Window font-weight-bold"></i></a></td>
										</tr>
										<tr>
											<th scope="row">3</th>
											<td>Watch</td>
											<td>12-10-2019</td>
											
											<td><span class="badge badge-warning">Not Delivered</span></td>
											
										</tr>
									</tbody>
								</table>
							</div>
						</div>
					</div>
				</div>
				<!-- end of col-->
			</div>
              </div><!-- Footer Start -->
           
@include('admin_footer_pages')
<script>
$( document ).ready(function() {
    dashboardReportTable();
});
function dashboardReportTable(){
	$('#dashboardReportTbl').DataTable({
	  "paging": true,
      "lengthChange": true,
      "searching": true,
      "ordering": false,
      "info": true,
      "autoWidth": false,
      //"responsive": true,
	  "processing": true,
	  "serverSide": true,
	  "destroy": true,
	  "scrollX": true,
	  //"SrollXInner": "100%",
	  "lengthMenu": [[10, 25, 50, 100, -1], [10, 25, 50, 100, "All"]],
     // "buttons": ["copy", "csv", "excel", "pdf", "print", "colvis"],
	  "ajax": {
				"url": "