<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
      <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
        <title>cms dashboard
        </title>
        <!-- Bootstrap CSS -->
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <!----css3---->
        <link rel="stylesheet" href="css/custom.css">
        <!-- SLIDER REVOLUTION 4.x CSS SETTINGS -->
    
    <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap" rel="stylesheet">

    
    
    
    <!--google material icon-->
        <link href="https://fonts.googleapis.com/css2?family=Material+Icons"
      rel="stylesheet">
  </head>
  <body>
 
<div class="wrapper">


<div class="body-overlay"></div>


        <!-- Sidebar  -->
        <nav id="sidebar">
            <div class="sidebar-header">
                <h3><span>dgrc</span></h3>
            </div>
            <ul class="list-unstyled components">
            <li  class="active">
                    <a href="index.php" class="dashboard"><i class="material-icons">dashboard</i><span>Dashboard</span></a>
                </li>
        
              <div class="small-screen navbar-display">
                <li class="dropdown d-lg-none d-md-block d-xl-none d-sm-block">
                    <a href="#homeSubmenu0" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">
                    <i class="material-icons">person</i><span>User</span></a>
                    <ul class="collapse list-unstyled menu" id="homeSubmenu0">
                        <li>
                        <a href="#">Profile</a>
                        </li>
                        <li>
                        <a href="#">Update Password</a>
                        </li>
                        <li>
                            <a href="#">Logout</a>
                        </li>
                    </ul>
                </li>
                
                </div>
            
            
                <li class="dropdown">
                    <a href="#homeSubmenu1" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">
                    <i class="material-icons">aspect_ratio</i><span>Master Creation</span></a>
                    <ul class="collapse list-unstyled menu" id="homeSubmenu1">
                        <li>
                            <a href="district.php">District</a>
                        </li>
                        <li>
                            <a href="block.php">Block</a>
                        </li>
                        <li>
                            <a href="panchayat.php">Panchayat</a>
                        </li>
                        <li>
                            <a href="#">Ward</a>
                        </li>
                        <li>
                            <a href="ward.php">Police Station</a>
                        </li>
                        <li>
                            <a href="vidhansabha.php">Vidhan Sabha</a>
                        </li>
                        <li>
                            <a href="loksabha.php">Lok sabha</a>
                        </li>
                        <li>
                            <a href="subdivision.php">Subdivision</a>
                        </li>
                        <li>
                            <a href="department.php">Department</a>
                        </li>
                        <li>
                            <a href="dep_gerievance_category.php">Dep. Grievance Category</a>
                        </li>
                        <li>
                            <a href="sub_dep_gerievance_category.php">Dep. Grievance Sub Cat.</a>
                        </li>
                        <li>
                            <a href="user_creation.php">User Creation</a>
                        </li>
                    </ul>
                </li>
                
                <li class="">
                    <a href="data-summary.php"><i class="material-icons">date_range</i><span>Data Summary</span></a>
                </li>

                <li class="">
                    <a href="complaint-complainent.php"><i class="material-icons">date_range</i><span>Complaint & Complainent</span></a>
                </li>

                <li class="">
                    <a href="chat-menu.php"><i class="material-icons">date_range</i><span>Chat Menu</span></a>
                </li>

                <li class="">
                    <a href="monetoring-desk.php"><i class="material-icons">date_range</i><span>Monetoring Desk</span></a>
                </li>

                <li class="">
                    <a href="#"><i class="material-icons">date_range</i><span>Notice</span></a>
                </li>
               
               <li class="">
                    <a href="dgrc-report.php"><i class="material-icons">date_range</i><span>Report</span></a>
                </li>
                
                 <li  class="">
                    <a href="profile-management.php"><i class="material-icons">library_books</i><span>Profile Management</span></a>
                </li>
               
               
            </ul>

           
        </nav>
        
        

        <!-- Page Content  -->
        <div id="content">
        
        <div class="top-navbar">
            <nav class="navbar navbar-expand-lg">
                <div class="container-fluid">

                    <button type="button" id="sidebarCollapse" class="d-xl-block d-lg-block d-md-mone d-none">
                        <span class="material-icons">arrow_back_ios</span>
                    </button>
                    
                    <a class="navbar-brand" href="#"> Dashboard </a>
                    
                    <button class="d-inline-block d-lg-none ml-auto more-button" type="button" data-toggle="collapse"
                    data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="material-icons">more_vert</span>
                    </button>

                    <div class="collapse navbar-collapse d-lg-block d-xl-block d-sm-none d-md-none d-none" id="navbarSupportedContent">
                        <ul class="nav navbar-nav ml-auto">   
                            <li class="dropdown nav-item active">
                                <a href="#" class="nav-link" data-toggle="dropdown">
                                   <span class="material-icons">person</span>
                               </a>
                                <ul class="dropdown-menu">
                                    <li>
                                        <a href="#">Profile</a>
                                    </li>
                                    <li>
                                        <a href="#">Update Password</a>
                                    </li>
                                    <li>
                                        <a href="#">Logout</a>
                                    </li>
                                  
                                </ul>
                            </li>
                            
                        </ul>
                    </div>
                </div>
            </nav>
        </div>
            
            
            <div class="main-content">
            
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <!-- Button trigger modal -->
                            <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
                              Add New
                            </button>

                            <!-- Modal -->
                            <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                              <div class="modal-dialog" role="document">
                                <div class="modal-content">
                                  <div class="modal-header">
                                    <h5 class="modal-title" id="exampleModalLabel">Add Block</h5>
                                    <button type="button" class="close text-danger" data-dismiss="modal" aria-label="Close">
                                      <span aria-hidden="true">&times;</span>
                                    </button>
                                  </div>
                                <form method="post">
                                  <div class="modal-body">
                                    <label>Select Destrict</label>
                                    <select id="district" name="district" class="form-control">
                                        <option>Ranchi</option>
                                    </select>
                                    <label>Enter Block</label>
                                    <input type="text" name="block" id="block" class="form-control">
                                    <span id="block-error" class="text-danger"></span>
                                  </div>
                                  <div class="modal-footer">
                                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                    <button type="submit" id="add_block" class="btn btn-primary">Add Block</button>
                                  </div>
                                </form>
                                </div>
                              </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <form action="import.php" method="post" enctype="multipart/form-data">
                              <input type="file" name="upcsv" accept=".csv" required/>
                              <input type="submit" value="Upload"/>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

     <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js" ></script>
   <script src="https://code.jquery.com/jquery-3.6.0.js"></script>
   <script src="js/jquery-3.3.1.slim.min.js"></script>
   <script src="js/popper.min.js"></script>
   <script src="js/bootstrap.min.js"></script>
   <script src="js/jquery-3.3.1.min.js"></script>
   <script src="js/jquery-data.js"></script>
  
  
  <script type="text/javascript">
  $(document).ready(function () {
        $('#sidebarCollapse').on('click', function () {
            $('#sidebar').toggleClass('active');
            $('#content').toggleClass('active');
        });
        
         $('.more-button,.body-overlay').on('click', function () {
            $('#sidebar,.body-overlay').toggleClass('show-nav');
        });
        
    });


</script>

</body>

</html>


