<?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="vendors/material-design-iconic-font/css/material-design-iconic-font.min.css">
        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
        <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">
        <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css"/>
        <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/buttons/1.5.6/css/buttons.semanticui.min.css"/>
        <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.1/semantic.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">
                                    <a class="active text-bold" href=""><h1>List of Memos </h1></a>
                                </div>         
                            </div>  
					
                            <div class="col-md-12">
                                    <table id="pending_request" class="table ui teal celled table-hover table-striped">
                                        <thead>
                                        <tr>
                                            <th>Name of Memo</th>
                                            <th>Datetime Added</th>
                                            <th>From Department</th>
                                            <th class="text-center" style="width:17%">Actions</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                      
                                        </tbody>
                                    </table>
                            </div> 
                    </div> 
                </div>
            </section>
        </main>      

        <!-- Javascript -->
        <!-- Vendors -->

        <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 src="js/app.min.js"></script>
        <script src="vendors/datatables/jquery.dataTables.min.js"></script>
        <script src="https://cdn.datatables.net/buttons/1.5.6/js/dataTables.buttons.min.js"></script>
        <script src="https://cdn.datatables.net/1.10.19/js/dataTables.semanticui.min.js"></script>
        <script src="https://cdn.datatables.net/buttons/1.5.6/js/buttons.semanticui.min.js"></script>
        <script src="https://cdn.datatables.net/buttons/1.5.6/js/buttons.colVis.min.js"></script>
		<Script src="branch_tracking.js"></script>

       
<script>
$(function(){
	loadData();
	
			function loadData(){
				
				var pending_table = $('#pending_request').DataTable({
					ajax:{
						url:'fetch_memo.php',
						method:'POST',
						dataType: 'json',
						dataSrc: '',
						data:function(response){
					
						}
					},
					destroy: true,
					order: [[ 1, "asc" ]],
					stateSave: true,
					dom: "<'ui grid'"+
					"<'row'"+
						"<'four wide column'l>"+
						"<'center aligned eight wide column'B>"+
						"<'right aligned four wide column'f>"+
					">"+
					"<'row dt-table'"+
						"<'sixteen wide column'tr>"+
					">"+
					"<'row'"+
						"<'seven wide column'i>"+
						"<'right aligned nine wide column'p>"+
					">"+
					">",
					buttons: ['colvis']
					
				});
			
			}	
			



});
</script>
    </body>
</html>