<?php include 'php/config.php';
?>

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Request Tracker</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<link rel="shortcut icon" href="https://cdn6.aptoide.com/imgs/4/e/7/4e796dc334b4275ed9b1d363c9624a21_icon.png?w=240"/>
		<link rel="stylesheet" href="fonts/font-awesome/font-awesome.css">
		<link rel="stylesheet" href="vendors/material-design-iconic-font/css/material-design-iconic-font.min.css">
        <link rel="stylesheet" href="vendors/animate.css/animate.min.css">
        <link rel="stylesheet" href="vendors/jquery-scrollbar/jquery.scrollbar.css">
		<link rel="stylesheet" href="css/app.min.css">
		<script src="vendors/bootstrap/js/bootstrap.min.js"></script>
        <link rel="stylesheet" type="text/css" href="vendors/datatables/jquery.dataTables.min.css"/>
	    <link rel="stylesheet" type="text/css" href="vendors/sweetalert2/sweetalert2.min.css">
        
    </head>

    <body data-ma-theme="green">
        <main class="main">
            <div class="page-loader">
                <div class="page-loader__spinner">
                    <svg viewBox="25 25 50 50">
                        <circle cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10" />
                    </svg>
                </div>
            </div>

           <?php include 'header.php';?>
            <?php include 'sidebar.php';?>
         
            <section class="content">
                <div class="content__inner">
                   
                    <div class="card issue-tracker">
                        <div class="toolbar toolbar--inner">
                            <div class="toolbar__nav">
                              <h2 class="text-warning">List of all done requests</h2>
                            </div>        
                        </div>  
                        <div class="col-md-12">
                                    <table id="done_request" class="table table-hover table-striped">
                                        <thead>
                                        <tr>
                                            <th>D.Added</th>
                                            <th>Request by</th>
                                            <th>Position</th>
                                            <th>Concern</th>
                                            <th>Catered by</th>
                                            <th>D.Catered</th>
                                            <th>D.Completed</th>
                                            <th>D.Confirmed</th>
                                            <th>No.of days Completed</th>
                                            <th>No.of days Confirmed</th>
                                            <th>Action</th>
                                        </tr>
                                        </thead>                                     
                                    </table>
                        </div>                   
                    </div> 
                </div>
                                    <!--View Modal -->
                                    <div class="modal fade" id="dataModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
										<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
											<div class="modal-content">
											<div class="modal-header bg-info">
												<h1 class="text-bold " id="exampleModalCenterTitle">Review Request</h1>
											</div>
											<div class="modal-body" id="employee_detail">
										
											</div>
											<div class="modal-footer">
											<button type="button" class="btn btn-danger" data-dismiss="modal" aria-label="Close"> Close</button>
											</div>
											</div>
										</div>
                                    </div>
									
									<!--Reply Modal -->
                                    <div class="modal fade" id="doneAttachModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
                                        <div class="modal-dialog modal-md modal-dialog-centered" role="document">
                                            <div class="modal-content">
                                            <div class="modal-header bg-info">
                                                <h2 class="text-bold " id="exampleModalCenterTitle">Reply Details</h2>
                                            </div>
                                            <div class="modal-body" id="done_attach_detail">
                                        
                                            </div>
                                            <div class="modal-footer">
                                            <button type="button" class="btn btn-danger" data-dismiss="modal" aria-label="Close"> Close</button>
                                            </div>
                                            </div>
                                        </div>
                                    </div>
                    </section>
                </main>

        <script src="vendors/jquery/jquery.min.js"></script>
        <script src="vendors/popper.js/popper.min.js"></script>
        <script src="vendors/bootstrap/js/bootstrap.min.js"></script>
        <script src="vendors/jquery-scrollbar/jquery.scrollbar.min.js"></script>
        <script src="vendors/jquery-scrollLock/jquery-scrollLock.min.js"></script>
        <script type="text/javascript" src="vendors/datatables/jquery.dataTables.min.js"></script>
		<script type="text/javascript" src="vendors/sweetalert2/sweetalert2.all.min.js"></script>
        <script src="js/app.min.js"></script>
	    <script type="text/javascript" src="branch_tracking.js"></script>
        
    </body>
</html>