File: /var/www/html/taxicamera/applicationold/views/admin/report/accident/accident-report.html
<!DOCTYPE html>
<html lang="en" class="loading">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="">
<title>Punjab Motors</title>
<link rel="shortcut icon" type="image/png" href="app-assets/images/favicon-32.png">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-touch-fullscreen" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<link href="https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900%7CMontserrat:300,400,500,600,700,800,900" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="app-assets/fonts/feather/style.min.css">
<link rel="stylesheet" type="text/css" href="app-assets/fonts/simple-line-icons/style.css">
<link rel="stylesheet" type="text/css" href="app-assets/fonts/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="app-assets/vendors/css/perfect-scrollbar.min.css">
<link rel="stylesheet" type="text/css" href="app-assets/vendors/css/prism.min.css">
<link rel="stylesheet" type="text/css" href="app-assets/vendors/css/pickadate/pickadate.css">
<link rel="stylesheet" type="text/css" href="app-assets/vendors/css/tables/datatable/datatables.min.css">
<link rel="stylesheet" type="text/css" href="app-assets/css/app.css">
<link rel="stylesheet" type="text/css" href="app-assets/css/bootstrap-select.min.css">
<link rel="stylesheet" type="text/css" href="app-assets/css/custom.css">
</head>
<body data-col="2-columns" class=" 2-columns ">
<!-- ////////////////////////////////////////////////////////////////////////////-->
<div class="wrapper">
<div data-active-color="white" data-background-color="crystal-clear" data-image="app-assets/images/08.jpg" class="app-sidebar">
<div class="sidebar-header">
<div class="logo clearfix"><a href="index.html" class="logo-text float-left">
<div class="logo-img"><img src="app-assets/images/logo.png" alt="Convex Logo"/></div><span class="text align-middle">PUNJAB</span> <br> <span class="logo_sub_title text">Motor Workshop</span></a><a id="sidebarToggle" href="javascript:;" class="nav-toggle d-none d-sm-none d-md-none d-lg-block"><i data-toggle="expanded" class="ft-disc toggle-icon"></i></a><a id="sidebarClose" href="javascript:;" class="nav-close d-block d-md-block d-lg-none d-xl-none"><i class="ft-circle"></i></a></div>
</div>
<div class="sidebar-content">
<div class="nav-container">
<ul id="main-menu-navigation" data-menu="menu-navigation" class="navigation navigation-main">
<li class="nav-item"><a href="index.html"><i class="icon-home"></i><span data-i18n="" class="menu-title">Dashboard</span></a>
</li>
<li class="has-sub nav-item"><a href="#"><i class="fa fa-user" aria-hidden="true"></i><span data-i18n="" class="menu-title">Driver</span></a>
<ul class="menu-content">
<li><a href="new-driver-list.html" class="menu-item">New Register</a>
</li>
<!--<li><a href="driver-master.html" class="menu-item">Driver Master</a>
</li>-->
<li><a href="driver-master-list.html" class="menu-item">Manage Driver</a>
</li>
</ul>
</li>
<li class="has-sub nav-item"><a href="#"><i class="fa fa-building-o" aria-hidden="true"></i><span data-i18n="" class="menu-title">Company</span></a>
<ul class="menu-content">
<li><a href="company-master.html" class="menu-item">Company Master</a>
</li>
<li><a href="company-master-list.html" class="menu-item">Company Master List</a>
</li>
</ul>
</li>
<li class="has-sub nav-item"><a href="#"><i class="fa fa-user-plus" aria-hidden="true"></i><span data-i18n="" class="menu-title">Customer</span></a>
<ul class="menu-content">
<li><a href="customer-master.html" class="menu-item">Customer Master</a>
</li>
<li><a href="customer-master-list.html" class="menu-item">Customer List</a>
</li>
</ul>
</li>
<li class="has-sub nav-item"><a href="#"><i class="fa fa-car" aria-hidden="true"></i><span data-i18n="" class="menu-title">Car Master</span></a>
<ul class="menu-content">
<li><a href="car-master.html" class="menu-item">Car Master</a>
</li>
<li><a href="car-master-list.html" class="menu-item">Car Master List</a>
</li>
</ul>
</li>
<li class="has-sub nav-item"><a href="#"><i class="fa fa-book" aria-hidden="true"></i><span data-i18n="" class="menu-title">Manage Role</span></a>
<ul class="menu-content">
<li><a href="role-master.html" class="menu-item">Role Master</a>
</li>
<li><a href="role-master-list.html" class="menu-item">Role Master List</a>
</li>
</ul>
</li>
<li class="has-sub nav-item"><a href="#"><i class="fa fa-users" aria-hidden="true"></i><span data-i18n="" class="menu-title">Manage User</span></a>
<ul class="menu-content">
<li><a href="staff-sub-admin.html" class="menu-item">Staff Sub Admin</a>
</li>
<li><a href="staff-sub-admin-list.html" class="menu-item">Staff Sub Admin List</a>
</li>
</ul>
</li>
<li class="has-sub nav-item"><a href="#"><i class="fa fa-file-text" aria-hidden="true"></i><span data-i18n="" class="menu-title">Manage Docket</span></a>
<ul class="menu-content">
<li><a href="docate-master.html" class="menu-item">Docket Master</a>
</li>
<li><a href="docate-master-list.html" class="menu-item">Docket Master List</a>
</li>
</ul>
</li>
<li class="has-sub nav-item"><a href="#"><i class="fa fa-list-alt" aria-hidden="true"></i><span data-i18n="" class="menu-title">Report</span></a>
<ul class="menu-content">
<li><a href="levy-report.html" class="menu-item">Levy Report</a></li>
<li><a href="meter-reading.html" class="menu-item">Meter Reading</a></li>
<li><a href="income-report.html" class="menu-item">Income Report</a></li>
<li><a href="driver-income-report.html" class="menu-item">Driver Income</a></li>
<li><a href="bond-report.html" class="menu-item">Bond Report</a></li>
<li><a href="due-report.html" class="menu-item">Settlement Due Report</a></li>
<li><a href="docket-report.html" class="menu-item">Docket Report</a></li>
<li><a href="service-notification-list.html" class="menu-item">Service Notification</a></li>
<li class="active"><a href="accident-report.html" class="menu-item">Accident Report</a></li>
</ul>
</li>
<li class="has-sub nav-item"><a href="#"><i class="fa fa-cog" aria-hidden="true"></i><span data-i18n="" class="menu-title">Settings</span></a>
<ul class="menu-content">
<li><a href="manage-lifting-fees.html" class="menu-item">Manage Lifting Fees</a></li>
<li><a href="manage-levy-rate.html" class="menu-item">Manage Levy Rate</a></li>
<li><a href="commission-setup.html" class="menu-item">Commission Setup</a></li>
<li><a href="accident-charge-setup.html" class="menu-item">Accident Charge Setup</a></li>
<li><a href="bond-setup.html" class="menu-item">Bond Setup</a></li>
<li><a href="misc-setup.html" class="menu-item">Misc. Setup</a></li>
</ul>
</li>
<li class="nav-item"><a href="track-driver.html"><i class="fa fa-map-marker" aria-hidden="true"></i><span data-i18n="" class="menu-title">Track Driver</span></a>
</li>
<li class=" nav-item"><a href="user-permission.html"><i class="fa fa-check-circle-o" aria-hidden="true"></i><span data-i18n="" class="menu-title">User Permission</span></a>
</li>
<li class=" nav-item"><a href="driver-settlement.html"><i class="fa fa-id-card" aria-hidden="true"></i><span class="menu-title">Driver Settlement</span></a>
</li>
<li class=" nav-item"><a href="daily-settlement.html"><i class="fa fa-table" aria-hidden="true"></i><span class="menu-title">Daily Settlement</span></a>
</li>
<li class=" nav-item"><a href="inspection.html"><i class="fa fa-search" aria-hidden="true"></i><span class="menu-title">Manage Inspection</span></a>
</li>
<li class=" nav-item"><a href="manage-accident-list.html"><i class="fa fa-history" aria-hidden="true"></i><span class="menu-title">Manage Accident</span></a>
</li>
<li class=" nav-item"><a href="bond-refund-procedure.html"><i class="fa fa-th-list" aria-hidden="true"></i><span class="menu-title">Bond Refund Procedure</span></a>
</li>
</ul>
</div>
</div>
<div class="sidebar-background"></div>
</div>
<nav class="navbar navbar-expand-lg navbar-light bg-faded">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" data-toggle="collapse" class="navbar-toggle d-lg-none float-left"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><span class="d-lg-none navbar-right navbar-collapse-toggle"><a class="open-navbar-container"><i class="ft-more-vertical"></i></a></span>
</div>
<div class="navbar-container">
<div id="navbarSupportedContent" class="collapse navbar-collapse">
<ul class="navbar-nav">
<li class="dropdown nav-item mt-1"><a id="dropdownBasic2" href="#" data-toggle="dropdown" class="nav-link position-relative dropdown-toggle"><i class="ft-bell blue-grey darken-4"></i><span class="notification badge badge-pill badge-danger">4</span>
<p class="d-none">Notifications</p></a>
<div class="notification-dropdown dropdown-menu dropdown-menu-right">
<div class="arrow_box_right">
<div class="noti-list">
<ul class="list_notification_head">
<li><a href=""> M9408- Job accepted by mechanic</a></li>
<li><a href=""> M9408- Job accepted by mechanic</a></li>
<li><a href=""> M9408- Job accepted by mechanic</a></li>
<li><a href=""> M9408- Job accepted by mechanic</a></li>
<li><a href=""> M9408- Job accepted by mechanic</a></li>
<li><a href=""> M9408- Job accepted by mechanic</a></li>
<li><a href=""> M9408- Job accepted by mechanic</a></li>
</ul>
</div>
<a href="notification.html" class="noti-footer primary text-center d-block border-top border-top-blue-grey border-top-lighten-4 text-bold-400 py-1">Read All Notifications</a>
</div>
</div>
</li>
<li class="nav-item mt-1 d-none d-lg-block"><a id="navbar-notification-sidebar" href="javascript:;" class="nav-link position-relative notification-sidebar-toggle"><i class="icon-equalizer blue-grey darken-4"></i>
<p class="d-none">Notifications Sidebar</p></a></li>
<li class="dropdown nav-item mr-0"><a id="dropdownBasic3" href="#" data-toggle="dropdown" class="nav-link position-relative dropdown-user-link dropdown-toggle"><span class="avatar avatar-online"><img id="navbar-avatar" src="app-assets/img/portrait/small/avatar-s-3.jpg" alt="avatar"/></span>
<p class="d-none">User Settings</p></a>
<div aria-labelledby="dropdownBasic3" class="dropdown-menu dropdown-menu-right">
<div class="arrow_box_right">
<a href="user-profile-page.html" class="dropdown-item py-1"><i class="ft-edit mr-2"></i><span>My Profile</span></a>
<a href="javascript:;" class="dropdown-item"><i class="ft-power mr-2"></i><span>Logout</span></a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</nav>
<div class="main-panel">
<div class="main-content">
<div class="content-wrapper">
<div class="container-fluid"><!-- Basic form layout section start -->
<section id="basic-form-layouts">
<!--<div class="row">
<div class="col-sm-12">
<h2 class="content-header">Driver Master</h2>
</div>
</div>-->
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<div class="page-title-wrap">
<h4 class="card-title">Accident Report</h4>
</div>
<!--<p class="mb-0">This is the most basic and cost estimation form is the default position.</p>-->
</div>
<div class="card-body">
<div class="px-3">
<form class="form custom_form_style">
<div class="form-body">
<div class="user_permission_top">
<div class="row">
<div class="col-md-3">
<div class="form-group">
<label>Driver</label>
<select class="js-select2" data-show-subtext="true" data-live-search="true">
<option>Select Driver</option>
<option>Kanak Sarkar - 601234</option>
<option>Kanak Sarkar - 601234</option>
<option>Kanak Sarkar - 601234</option>
<option>Kanak Sarkar - 601234</option>
</select>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<label>Car Number</label>
<select class="js-select2" data-show-subtext="true" data-live-search="true">
<option>Select Company</option>
<option>Company Name 1</option>
<option>Company Name 2</option>
<option>Company Name 3</option>
<option>Company Name 4</option>
<option>Company Name 5</option>
<option>Company Name 6</option>
</select>
</div>
</div>
<div class="col-md-2">
<div class="form-group">
<label>From Date</label>
<div class="input-group">
<input type="text" class="form-control pickadate" placeholder="" />
<div class="input-group-append">
<span class="input-group-text">
<span class="fa fa-calendar-o"></span>
</span>
</div>
</div>
</div>
</div>
<div class="col-md-2">
<div class="form-group">
<label>To Date</label>
<div class="input-group">
<input type="text" class="form-control pickadate" placeholder="" />
<div class="input-group-append">
<span class="input-group-text">
<span class="fa fa-calendar-o"></span>
</span>
</div>
</div>
</div>
</div>
<div class="col-md-2">
<div class="form-group">
<label class="blank_lbl"> </label>
<button type="button" class="btn btn-success">
<i class="fa fa-search" aria-hidden="true"></i> Search
</button>
</div>
</div>
</div>
</div>
</div>
<!--<div class="form-actions">
<button type="button" class="btn btn-danger mr-1">
<i class="fa fa-times" aria-hidden="true"></i> Cancel
</button>
<button type="button" class="btn btn-success">
<i class="fa fa-floppy-o" aria-hidden="true"></i> Save
</button>
</div>-->
</form>
<div class="row">
<div class="table-responsive custom_table_area export_table_area">
<table class="table table-striped table-bordered export_btn_dt c_table_style">
<thead>
<tr>
<th>SL No.</th>
<th>Driver DC</th>
<th>Driver Name</th>
<th>Car No</th>
<th>Accident Date</th>
<th>Total Amount</th>
<th>Status</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<tr>
<td>1 </td>
<td>66673</td>
<td>Kanak Sarkar</td>
<td>M4567</td>
<td>9/2/2019</td>
<td>500</td>
<td><a href="" class="active_txt_btn">Active</a></td>
<td class="action_td text-center"><a class="btn_action edit_icon"><i class="fa fa-eye" aria-hidden="true"></i></a></td>
</tr>
<tr>
<td>1 </td>
<td>66673</td>
<td>Kanak Sarkar</td>
<td>M4567</td>
<td>9/2/2019</td>
<td>500</td>
<td><a href="" class="setteld_txt_btn">Settled</a></td>
<td class="action_td text-center"><a class="btn_action edit_icon"><i class="fa fa-eye" aria-hidden="true"></i></a></td>
</tr>
<tr>
<td>1 </td>
<td>66673</td>
<td>Kanak Sarkar</td>
<td>M4567</td>
<td>9/2/2019</td>
<td>500</td>
<td><a href="" class="active_txt_btn">Active</a></td>
<td class="action_td text-center"><a class="btn_action edit_icon"><i class="fa fa-eye" aria-hidden="true"></i></a></td>
</tr>
<tr>
<td>1 </td>
<td>66673</td>
<td>Kanak Sarkar</td>
<td>M4567</td>
<td>9/2/2019</td>
<td>500</td>
<td><a href="" class="setteld_txt_btn">Settled</a></td>
<td class="action_td text-center"><a class="btn_action edit_icon"><i class="fa fa-eye" aria-hidden="true"></i></a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- // Basic form layout section end -->
</div>
</div>
</div>
<footer class="footer footer-static footer-light">
<p class="clearfix text-muted text-center px-2"><span>Copyright © 2019 <a href="" target="_blank" class="text-bold-800 primary darken-2">Punjab Motors </a>, All rights reserved. </span></p>
</footer>
</div>
</div>
<!-- ////////////////////////////////////////////////////////////////////////////-->
<aside id="notification-sidebar" class="notification-sidebar d-none d-sm-none d-md-block"><a class="notification-sidebar-close"><i class="ft-x font-medium-3"></i></a>
<div class="side-nav notification-sidebar-content">
<div class="row">
<div class="col-12 mt-1">
<ul class="nav nav-tabs">
<li class="nav-item"><a id="base-tab1" data-toggle="tab" aria-controls="base-tab1" href="#activity-tab" aria-expanded="true" class="nav-link active"><strong>Activity</strong></a></li>
<!--<li class="nav-item"><a id="base-tab2" data-toggle="tab" aria-controls="base-tab2" href="#settings-tab" aria-expanded="false" class="nav-link"><strong>Settings</strong></a></li>-->
</ul>
<div class="tab-content">
<div id="activity-tab" role="tabpanel" aria-expanded="true" aria-labelledby="base-tab1" class="tab-pane active">
<div id="activity-timeline" class="col-12 timeline-left">
<h6 class="mt-1 mb-3 text-bold-400">RECENT ACTIVITY</h6>
<div class="timeline">
<ul class="list-unstyled base-timeline activity-timeline ml-0">
<li>
<div class="timeline-icon bg-danger"><i class="ft-shopping-cart"></i></div>
<div class="base-timeline-info"><a href="#" class="text-uppercase text-danger">Update</a><span class="d-block">Jim Doe Purchased new equipments for zonal office.</span></div><small class="text-muted">just now</small>
</li>
<li>
<div class="timeline-icon bg-primary"><i class="fa fa-plane"></i></div>
<div class="base-timeline-info"><a href="#" class="text-uppercase text-primary">Added</a><span class="d-block">Your Next flight for USA will be on 15th August 2015.</span></div><small class="text-muted">25 hours ago</small>
</li>
<li>
<div class="timeline-icon bg-dark"><i class="ft-mic"></i></div>
<div class="base-timeline-info"><a href="#" class="text-uppercase text-dark">Assined</a><span class="d-block">Natalya Parker Send you a voice mail for next conference.</span></div><small class="text-muted">15 days ago</small>
</li>
<li>
<div class="timeline-icon bg-warning"><i class="ft-map-pin"></i></div>
<div class="base-timeline-info"><a href="#" class="text-uppercase text-warning">New</a><span class="d-block">Jessy Jay open a new store at S.G Road.</span></div><small class="text-muted">20 days ago</small>
</li>
<li>
<div class="timeline-icon bg-primary"><i class="ft-inbox"></i></div>
<div class="base-timeline-info"><a href="#" class="text-uppercase text-primary">Added</a><span class="d-block">voice mail for conference.</span></div><small class="text-muted">2 Week Ago</small>
</li>
<li>
<div class="timeline-icon bg-danger"><i class="ft-mic"></i></div>
<div class="base-timeline-info"><a href="#" class="text-uppercase text-danger">Update</a><span class="d-block">Natalya Parker Jessy Jay open a new store at S.G Road.</span></div><small class="text-muted">1 Month Ago</small>
</li>
<li>
<div class="timeline-icon bg-dark"><i class="ft-inbox"></i></div>
<div class="base-timeline-info"><a href="#" class="text-uppercase text-dark">Assined</a><span class="d-block">Natalya Parker Send you a voice mail for Updated conference.</span></div><small class="text-muted">1 Month ago</small>
</li>
<li>
<div class="timeline-icon bg-warning"><i class="ft-map-pin"></i></div>
<div class="base-timeline-info"><a href="#" class="text-uppercase text-warning">New</a><span class="d-block">Started New project with Jessie Lee.</span></div><small class="text-muted">2 Month ago</small>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</aside>
<!-- BEGIN VENDOR JS-->
<script src="app-assets/vendors/js/core/jquery-3.3.1.min.js"></script>
<script src="app-assets/vendors/js/core/popper.min.js"></script>
<script src="app-assets/vendors/js/core/bootstrap.min.js"></script>
<script src="app-assets/vendors/js/perfect-scrollbar.jquery.min.js"></script>
<script src="app-assets/vendors/js/prism.min.js"></script>
<script src="app-assets/vendors/js/jquery.matchHeight-min.js"></script>
<script src="app-assets/vendors/js/screenfull.min.js"></script>
<script src="app-assets/vendors/js/pace/pace.min.js"></script>
<!-- BEGIN VENDOR JS-->
<script src="app-assets/vendors/js/jquery.steps.min.js"></script>
<script src="app-assets/vendors/js/pickadate/picker.js"></script>
<script src="app-assets/vendors/js/pickadate/picker.date.js"></script>
<script src="app-assets/vendors/js/pickadate/picker.time.js"></script>
<script src="app-assets/vendors/js/pickadate/legacy.js"></script>
<script src="app-assets/vendors/js/jquery.validate.min.js"></script>
<!-- BEGIN PAGE VENDOR JS-->
<!-- DATA TABLE -->
<script src="app-assets/vendors/js/datatable/datatables.min.js"></script>
<script src="app-assets/vendors/js/datatable/dataTables.buttons.min.js"></script>
<script src="app-assets/vendors/js/datatable/buttons.flash.min.js"></script>
<script src="app-assets/vendors/js/datatable/jszip.min.js"></script>
<script src="app-assets/vendors/js/datatable/pdfmake.min.js"></script>
<script src="app-assets/vendors/js/datatable/vfs_fonts.js"></script>
<script src="app-assets/vendors/js/datatable/buttons.html5.min.js"></script>
<script src="app-assets/vendors/js/datatable/buttons.print.min.js"></script>
<script src="app-assets/js/data-tables/datatable-advanced.js"></script>
<!-- END PAGE VENDOR JS-->
<script src="app-assets/js/select2.full.js"></script>
<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.full.js"></script>-->
<!-- BEGIN CONVEX JS-->
<script src="app-assets/js/app-sidebar.js"></script>
<script src="app-assets/js/notification-sidebar.js"></script>
<!-- END CONVEX JS-->
<!-- BEGIN PAGE LEVEL JS-->
<script src="app-assets/js/wizard-steps.js"></script>
<!-- END PAGE LEVEL JS-->
<script src="app-assets/js/custom.js"></script>
<script>
$(document).ready(function() {
$(".js-select2").select2();
$(".js-select2-multi").select2();
$(".large").select2({
dropdownCssClass: "big-drop",
});
});
</script>
</body>
</html>