<?php
session_start();
?>

<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Language" content="en">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title><?php echo sitename ?></title>
    <link rel="icon" type="image/x-icon" href="assets/images/Shade logo.png">
    <meta name="viewport"
        content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no" />
    <meta name="description" content="<?php echo sitename ?>">


    <link rel="stylesheet" href="assets/css/main.css">
    <link rel="stylesheet" href="assets/css/daterangepicker.css">
    <link rel="stylesheet" href="assets/css/choosen.css">
</head>
<body>
    <div class="app-container app-theme-white body-tabs-shadow fixed-sidebar fixed-header">
        <div class="app-header header-shadow">
            <div class="app-header__logo">
                <div class="logo-sr">
                    <img width="55px" src="assets/images/Shade logo.png" alt="shade charity cell logo">
                </div>
                <div class="header__pane ml-auto">
                    <div>
                        <button type="button" class="hamburger close-sidebar-btn hamburger--elastic"
                            data-class="closed-sidebar">
                            <span class="hamburger-box">
                                <span class="hamburger-inner"></span>
                            </span>
                        </button>
                    </div>
                </div>
            </div>





            <div class="app-header__mobile-menu">
                <div>
                    <button type="button" class="hamburger hamburger--elastic mobile-toggle-nav">
                        <span class="hamburger-box">
                            <span class="hamburger-inner"></span>
                        </span>
                    </button>
                </div>
            </div>
            <div class="app-header__menu">
                <span>
                    <button type="button"
                        class="btn-icon btn-icon-only btn btn-primary btn-sm mobile-toggle-header-nav">
                        <span class="btn-icon-wrapper">
                            <i class="fa fa-ellipsis-v fa-w-6"></i>
                        </span>
                    </button>
                </span>
            </div>
            <div class="app-header__content">

                <div class="app-header-right">
                    <div class="header-btn-lg pr-0">
                        <div class="widget-content p-0">
                            <div class="widget-content-wrapper">

                                <div class="widget-content-left  ml-3 header-user-info">
                                    <div class="widget-heading">
                                        Muhammed murshid
                                    </div>
                                    <div class="widget-subheading">
                                        Admin
                                    </div>
                                </div>

                                <div class="d-inline-block dropdown ml-3 p-0">
                                    <button style="width: 40px;" type="button" data-toggle="dropdown"
                                        aria-haspopup="true" aria-expanded="false"
                                        class="btn-shadow dropdown-toggle btn btn-info" fdprocessedid="rwibbh">


                                        <img style="width: 100%;" src="assets/images/Shade logo.png" alt="shade charity cell logo">
                                    </button>
                                    <div tabindex="-1" role="menu" aria-hidden="true"
                                        class="dropdown-menu dropdown-menu-right">
                                        <ul class="nav flex-column">
                                            <li class="nav-item">
                                                <a href="logout.php" class="nav-link">
                                                    <i class="nav-link-icon lnr-inbox"></i>
                                                    <span> Logout</span>
                                                </a>
                                            </li>

                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="app-main">
            <div class="app-sidebar sidebar-shadow">
                <div class="app-header__logo">

                    <div class="header__pane ml-auto">
                        <div>
                            <button type="button" class="hamburger close-sidebar-btn hamburger--elastic "
                                id="toggleButton-header">
                                <span class="hamburger-box">
                                    <span class="hamburger-inner"></span>
                                </span>
                            </button>

                        </div>
                    </div>
                </div>
                <div class="app-header__mobile-menu">
                    <div>
                        <img src="../assets/images/Shade logo.png" alt="shade charity cell logo">
                        <button type="button" class="hamburger hamburger--elastic mobile-toggle-nav">
                            <span class="hamburger-box">
                                <span class="hamburger-inner"></span>
                            </span>
                        </button>
                    </div>
                </div>
                <div class="app-header__menu">
                    <span>
                        <button type="button"
                            class="btn-icon btn-icon-only btn btn-primary btn-sm mobile-toggle-header-nav">
                            <span class="btn-icon-wrapper">
                                <i class="fa fa-ellipsis-v fa-w-6"></i>
                            </span>
                        </button>
                    </span>
                </div>
                <div class="scrollbar-sidebar ps ps--active-y">
                    <div class="app-sidebar__inner">
                        <ul class="vertical-nav-menu metismenu">

                            
                            
                            
                            
                            <li>
                                <a href="User/user_management.php">

                                    <i class="fa fa-users" aria-hidden="true"></i>User Management
                                </a>
                            </li>


                        </ul>
                    </div>
                    <div class="ps__rail-x" style="left: 0px; bottom: 0px;">
                        <div class="ps__thumb-x" tabindex="0" style="left: 0px; width: 0px;"></div>
                    </div>
                    <div class="ps__rail-y" style="top: 0px; height: 643px; right: 0px;">
                        <div class="ps__thumb-y" tabindex="0" style="top: 0px; height: 610px;"></div>
                    </div>
                </div>
            </div>
            <div class="app-main__outer">
                <div class="app-main__inner">
                    <div class="app-page-title app-page-title-simple">
                        <div class="page-title-wrapper d-flex justify-content-between">
                            <div class="page-title-heading">
                                    <div class="page-title-head center-elem mb-3">
                                        <span class="d-inline-block">
                                            <i class="lnr-apartment opacity-6"></i>
                                        </span>
                                        <span class="d-inline-block">Dashboard</span>
                                    </div>
                            </div>
                            <nav class="" aria-label="breadcrumb">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item"><a href="">Dashboard</a></li>   
                                </ol>
                            </nav>
                        </div>
                    <div class="row">
                        <div class="col-md-6 col-lg-6">
                            <div class="card-shadow-danger mb-3 widget-chart widget-chart2 text-left card">
                                <div class="widget-content">

                                    <div class="widget-content-outer">
                                        <div class="widget-numbers mt-0 fsize-2 text-danger mb-2">1000 / 100000 Packs
                                        </div>
                                        <div class="widget-content-wrapper">
                                            <div class="widget-content-right w-100">
                                                <div class="progress-bar-xs progress">
                                                    <div class="progress-bar bg-danger" role="progressbar"
                                                        aria-valuenow="71" aria-valuemin="0" aria-valuemax="100"
                                                        style="width: 10%;"></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="widget-content-left fsize-1">
                                            <div class="text-muted opacity-6 mt-2">Thamar Challenge Packet Target</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-6 col-lg-6">
                            <div class="card-shadow-info mb-3 widget-chart widget-chart2 text-left card">
                                <div class="widget-content">
                                    <div class="widget-content-outer">
                                        <div class="widget-numbers mt-0 fsize-2 text-info mb-2">90000 / 10000 Rs</div>
                                        <div class="widget-content-wrapper">

                                            <div class="widget-content-right w-100">
                                                <div class="progress-bar-xs progress">
                                                    <div class="progress-bar bg-info" role="progressbar"
                                                        aria-valuenow="89" aria-valuemin="0" aria-valuemax="100"
                                                        style="width: 89%;"></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="widget-content-left fsize-1">
                                            <div class="text-muted opacity-6 mt-2">Thamar Challenge Amount Target</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6 col-xl-4">
                            <div class="card mb-3 widget-content">
                                <div class="widget-content-outer">
                                    <div class="widget-content-wrapper">
                                        <div class="widget-content-left">
                                            <div class="widget-heading">Total Collections</div>
                                            <div class="widget-subheading">Collected so far</div>
                                        </div>
                                        <div class="widget-content-right">
                                            <div class="widget-numbers text-success">18,00096</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-xl-4">
                            <div class="card mb-3 widget-content">
                                <div class="widget-content-outer">
                                    <div class="widget-content-wrapper">
                                        <div class="widget-content-left">
                                            <div class="widget-heading">Contribution Collection</div>
                                            <div class="widget-subheading">Collected so far</div>
                                        </div>
                                        <div class="widget-content-right">
                                            <div class="widget-numbers text-danger">45,3855</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-xl-4">
                            <div class="card mb-3 widget-content">
                                <div class="widget-content-outer">
                                    <div class="widget-content-wrapper">
                                        <div class="widget-content-left">
                                            <div class="widget-heading">Total Transactions</div>
                                            <div class="widget-subheading">Value of transactions</div>
                                        </div>
                                        <div class="widget-content-right">
                                            <div class="widget-numbers text-warning">1000</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="main-card mb-3 card" style="height: 600px; overflow-y: auto;">
                                <div class="card-header">Latest Transactions
                                    <div class="btn-actions-pane-right">
                                        <div role="group" class="btn-group-sm btn-group">

                                            <div class="app-header-left py-1">
                                                <div class="search-wrapper">
                                                    <div class="input-holder">
                                                        <input type="text" class="search-input"
                                                            placeholder="Type to search" id="searchInput-header"
                                                            onkeyup="searchTable()">
                                                        <button class="search-icon"><span></span></button>
                                                    </div>
                                                    <button id="search-close-new" class="close"></button>
                                                </div>


                                            </div>



                                            <input class="date-range-picker"  type="text" name="datetimes" />
                                            <input type="hidden" id="startDate">
                                            <input type="hidden" id="endDate">
                                        
                                        </div>
                                    </div>
                                </div>
                                <div class="table-responsive">
                                    
                                    <table id="dataTable" class="align-middle mb-0 table table-borderless table-striped table-hover">
                                        <thead>
                                            <tr>
                                                <th class="text-center">Si.No</th>

                                                <th>Name</th>
                                                <th>Type</th>
                                                <th class="text-center">Date</th>
                                                <th class="text-center">Number</th>
                                                <th class="text-center">Assembly</th>
                                                <th class="text-center">Municipality/Panchayath</th>
                                                <th class="text-center">Ward</th>
                                                <th class="text-center">Amount</th>
                                                <th class="text-center">Transaction id</th>


                                            </tr>
                                        </thead>
                                        <tbody id="tabledata-new">
                                            <tr>
                                                <td class="text-center text-muted">1 </td>
                                                <td>
                                                    <div class="widget-content p-0">
                                                        <div class="widget-content-wrapper">

                                                            <div class="widget-content-left flex2">
                                                                <div class="widget-heading">Muhammed Murshid P</div>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td class="text-center">Thamar Challenge</td>
                                                <td class="text-center">18-03-2024</td>
                                                <td class="text-center">9567504544</td>
                                                <td class="text-center">Eranad</td>
                                                <td class="text-center">Vandoor</td>
                                                <td class="text-center">11</td>
                                                <td class="text-center">11000</td>
                                                <td class="text-center">1201</td>

                                            </tr>
                                            <tr>
                                                <td class="text-center text-muted">1 </td>
                                                <td>
                                                    <div class="widget-content p-0">
                                                        <div class="widget-content-wrapper">

                                                            <div class="widget-content-left flex2">
                                                                <div class="widget-heading">Muhammed Murshid P</div>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td class="text-center">Thamar Challenge</td>
                                                <td class="text-center">18-01-2024</td>
                                                <td class="text-center">9567504544</td>
                                                <td class="text-center">Eranad</td>
                                                <td class="text-center">Manjeri</td>
                                                <td class="text-center">1</td>
                                                <td class="text-center">11000</td>
                                                <td class="text-center">1201</td>

                                            </tr>
                                            <tr>
                                                <td class="text-center text-muted">1 </td>
                                                <td>
                                                    <div class="widget-content p-0">
                                                        <div class="widget-content-wrapper">

                                                            <div class="widget-content-left flex2">
                                                                <div class="widget-heading">Muhammed Murshid P</div>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td class="text-center">Thamar Challenge</td>
                                                <td class="text-center">18-04-2024</td>
                                                <td class="text-center">9567504544</td>
                                                <td class="text-center">Eranad</td>
                                                <td class="text-center">Manjeri</td>
                                                <td class="text-center">11</td>
                                                <td class="text-center">11000</td>
                                                <td class="text-center">1201</td>

                                            </tr>
                                            <tr>
                                                <td class="text-center text-muted">1 </td>
                                                <td>
                                                    <div class="widget-content p-0">
                                                        <div class="widget-content-wrapper">

                                                            <div class="widget-content-left flex2">
                                                                <div class="widget-heading">Muhammed Murshid P</div>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td class="text-center">Thamar Challenge</td>
                                                <td class="text-center">18-05-2024</td>
                                                <td class="text-center">9567504544</td>
                                                <td class="text-center">Eranad</td>
                                                <td class="text-center">Manjeri</td>
                                                <td class="text-center">11</td>
                                                <td class="text-center">11000</td>
                                                <td class="text-center">1201</td>

                                            </tr>
                                            <tr>
                                                <td class="text-center text-muted">1 </td>
                                                <td>
                                                    <div class="widget-content p-0">
                                                        <div class="widget-content-wrapper">

                                                            <div class="widget-content-left flex2">
                                                                <div class="widget-heading">Muhammed Murshid P</div>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td class="text-center">Thamar Challenge</td>
                                                <td class="text-center">18-06-2024</td>
                                                <td class="text-center">9567504544</td>
                                                <td class="text-center">Eranad</td>
                                                <td class="text-center">Manjeri</td>
                                                <td class="text-center">11</td>
                                                <td class="text-center">11000</td>
                                                <td class="text-center">1201</td>

                                            </tr>
                                            <tr>
                                                <td class="text-center text-muted">1 </td>
                                                <td>
                                                    <div class="widget-content p-0">
                                                        <div class="widget-content-wrapper">

                                                            <div class="widget-content-left flex2">
                                                                <div class="widget-heading">Muhammed Murshid P</div>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td class="text-center">Thamar Challenge</td>
                                                <td class="text-center">18-07-2024</td>
                                                <td class="text-center">9567504544</td>
                                                <td class="text-center">Eranad</td>
                                                <td class="text-center">Manjeri</td>
                                                <td class="text-center">11</td>
                                                <td class="text-center">11000</td>
                                                <td class="text-center">1201</td>

                                            </tr>
                                            <tr>
                                                <td class="text-center text-muted">1 </td>
                                                <td>
                                                    <div class="widget-content p-0">
                                                        <div class="widget-content-wrapper">

                                                            <div class="widget-content-left flex2">
                                                                <div class="widget-heading">Muhammed Murshid P</div>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td class="text-center">Thamar Challenge</td>
                                                <td class="text-center">18-12-2024</td>
                                                <td class="text-center">9567504544</td>
                                                <td class="text-center">Eranad</td>
                                                <td class="text-center">Manjeri</td>
                                                <td class="text-center">11</td>
                                                <td class="text-center">11000</td>
                                                <td class="text-center">1201</td>

                                            </tr>
                                            <tr>
                                                <td class="text-center text-muted">1 </td>
                                                <td>
                                                    <div class="widget-content p-0">
                                                        <div class="widget-content-wrapper">

                                                            <div class="widget-content-left flex2">
                                                                <div class="widget-heading">Muhammed Murshid P</div>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td class="text-center">Thamar Challenge</td>
                                                <td class="text-center">18-09-2024</td>
                                                <td class="text-center">9567504544</td>
                                                <td class="text-center">Eranad</td>
                                                <td class="text-center">Manjeri</td>
                                                <td class="text-center">11</td>
                                                <td class="text-center">11000</td>
                                                <td class="text-center">1201</td>

                                            </tr>
                                            <tr>
                                                <td class="text-center text-muted">1 </td>
                                                <td>
                                                    <div class="widget-content p-0">
                                                        <div class="widget-content-wrapper">

                                                            <div class="widget-content-left flex2">
                                                                <div class="widget-heading">Muhammed Murshid P</div>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td class="text-center">Thamar Challenge</td>
                                                <td class="text-center">18-10-2024</td>
                                                <td class="text-center">9567504544</td>
                                                <td class="text-center">Eranad</td>
                                                <td class="text-center">Manjeri</td>
                                                <td class="text-center">11</td>
                                                <td class="text-center">11000</td>
                                                <td class="text-center">1201</td>

                                            </tr>
                                        </tbody>
                                    </table>
                                </div>

                            </div>
                        </div>
                    </div>
                    </div>

                </div>
                <div class="app-wrapper-footer">
                    <div class="app-footer">
                        <div class="app-footer__inner d-flex justify-content-center">
                            <li style="list-style-type: none;">Developed by <a href="https://workmateinfotech.com/">Workmate Infotech Pvt Ltd</a> </li>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="assets/scripts/jquery.min.js"></script>
    <script src="assets/scripts/moment.min.js"></script>
    <script src="assets/scripts/daterangepicker.min.js"></script>
    <script type="text/javascript" src="./assets/scripts/main.js"></script>
    <script src="https://use.fontawesome.com/f9637666d8.js"></script>
    <script src="assets/scripts/choosen.jquery.js"></script>
    <script src="assets/scripts/custome.js"></script>
</body>
</html>