<!DOCTYPE html>
<html lang="en">    
<head>
<meta charset="utf-8" />
<title>Survey Listing | Mquad Data Survey</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta content="" />
<meta content="Indev Consultancy Pvt. Ltd." name="author" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="shortcut icon" href="assets/images/fav.png">        
<link href="assets/css/app.min.css" id="app-stylesheet" rel="stylesheet" type="text/css" />

<style>
    #first, #second
    {
        color: #fff;
    }
</style>
</head>
<body data-topbar="light">
<div id="wrapper">
<?php include("include/header.php");?>

<!-- <div class="add-button-bg">
    <a href="#" class="btn btn-fixed-circle" title="Add New Message"><i class="fa fa-plus"></i>
    
</a> -->

<div class="add-button-bg">
<!--  -->
    <a href="#" class="btn btn-fixed-circle" title="Add New Message"><i class="fa fa-plus"></i>
    <div class="show_hide">
    <ul>
        <li> Pie Chart</li>
        <li>Bar Chart</li>
        <li>Data List</li>
        
    </ul>
</div>
</a> 
</div>


</div>
<div class="content-page">
<div class="content">
<div class="page-title-box">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<div class="d-flex d-title-box-block align-items-center justify-content-between">
<h4 class="page-title">Data Listing</h4>

<div class="page-title-right">
<ol class="breadcrumb m-0">
<li class="breadcrumb-item"><a href="dashboard.php">Home</a></li>
<li class="breadcrumb-item ">Survey Listing</li>
<li class="breadcrumb-item active">Dashboard</li>
</ol>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-sm-12">
<div class="row">
<div class="col-sm-12">
<div class="filter-form">
<form method="get">
<div class="row">
<div class="col-md-3">
<div class="form-group">
<select class="form-control" name="country">
<option value="">Select Country</option>
<option value="">India</option>
</select>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<select class="form-control" placeholder="" name="state">
<option value="">Select State</option>
<option value="">New Delhi</option>
</select>
</div>
</div>
<div class="col-md-2">
<div class="form-group">
<select class="form-control" placeholder="" name="district">
<option value="">Select District</option>
</select>
</div>
</div>
<div class="col-md-2">
<div class="form-group">
<select class="form-control" placeholder="" name="city" id="city">
    <option value="">Select City</option>
</select>
</div>
</div>
<div class="col-md-2">
<button type="submit" class="btn btn-secondary width-md waves-effect waves-light" name="search">Search</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-12">
<div class="card-box project-box">
<div class="row">
<div class="col-sm-5 col-md-5">
<h4><strong class="text-primary">Census</strong> Records</h4>
</div>
<div class="col-sm-7 col-md-7 text-right">
<div class="">
<a class="btn btn-success btn-sm waves-effect width-md waves-light" href="export.php">
<i class="fa fa-file-csv"></i> Export To CSV
</a>
</div>
</div>
</div>
<div class="table-responsive mb-0 mt-2">

<div class="row">
    <div class="col-lg-10 col-12 pt-3 pb-5">

         <!-- <div id="chartContainer" class="toggle" style="width: 100%; height: 350px;display:none;"></div>  -->
         <div id="chartContainer" class="toggle"></div>

         <div id="chtAnimatedBarChart" class="bcBar toggle"></div>

         <!-- <div id="chartContainer" class="toggle" style="display: none;" ></div> 
        <div id="chtAnimatedBarChart" class="bcBar toggle"></div> -->

            

    </div>

    <div class="col-lg-2 col-12 pt-3">
        <label for="widget">Add Widget</label>
        <select name="chart" class="form-control" id='SelectOption'>     
            <option value="Select" disabled selected>Select</option>
            <option value="Pie Chart"><a href="Census-pie.php">Pie Chart</a></option>
            <option value="Bar Chart"><a href="Census-bar.php">Bar Chart</a></option>
            <!-- <option value="Data_list"><a href="data_list.php">Data List</a></option> -->
        </select>
    </div>
    <!-- <div class="col-1 d-none d-sm-block"></div> -->

    <div class="col-lg-10">
    <div class="table-responsive mb-0 mt-2">
<table class="table table-bordered new-design">
<thead>
<tr>
<th class="sl-no">Sl No.</th>
<th>Survey Name</th>
<th><a href="#chartContainer" id="first" >Country</a></th>
<th><a href="#chtAnimatedBarChart" id="second">City</a></th>
<th>Action</th>
<!-- <th>Status</th> -->
<!-- <th>Action</th> -->
</tr>
</thead>
<tbody>
<tr>
<td class="text-center">01.</td>
<td>Vicky kumar</td>
<!-- <td><a href="#chartContainer" id="pie_chart"> Pie Chart</a></td>
<td><a href="#chtAnimatedBarChart" id="bar_chart">Bar Chart</a> </td> -->
<td>India</td>
<td>Patna</td>

<td>
<a class="btn btn-primary btn-action" href="#">
<i class="fa fa-eye" alt="View" title="View"></i>
</a>
<a class="btn btn-success btn-action" href="#">
<i class="fa fa-pencil-alt" alt="Edit" title="Edit"></i>
</a>
<a class="btn btn-dark btn-action" href="#">
<i class="fas fa-database" alt="paradata" title="Paradata"></i>
</a>
<a class="btn btn-danger btn-action" href="#">
<i class="fa fa-trash-alt" alt="Delete" title="Delete"></i>
</a>
</td>

</tr>
<tr>
<td class="text-center">02.</td>
<td>Rahul prasad</td>
<td>India</td>
<td>jamshedpur</td>

<td>
<a class="btn btn-primary btn-action" href="#">
<i class="fa fa-eye" alt="View" title="View"></i>
</a>
<a class="btn btn-success btn-action" href="#">
<i class="fa fa-pencil-alt" alt="Edit" title="Edit"></i>
</a>
<a class="btn btn-dark btn-action" href="#">
<i class="fas fa-database" alt="paradata" title="Paradata"></i>
</a>
<a class="btn btn-danger btn-action" href="#">
<i class="fa fa-trash-alt" alt="Delete" title="Delete"></i>
</a>
</td>



</tr>
<tr>
<td class="text-center">03.</td>
<td>karan singh</td>
<td>India</td>
<td>Bhubneswar</td>

<td>
<a class="btn btn-primary btn-action" href="#">
<i class="fa fa-eye" alt="View" title="View"></i>
</a>
<a class="btn btn-success btn-action" href="#">
<i class="fa fa-pencil-alt" alt="Edit" title="Edit"></i>
</a>
<a class="btn btn-dark btn-action" href="#">
<i class="fas fa-database" alt="paradata" title="Paradata"></i>
</a>
<a class="btn btn-danger btn-action" href="#">
<i class="fa fa-trash-alt" alt="Delete" title="Delete"></i>
</a>
</td>

</tr>
<tr>
<td class="text-center">04.</td>
<td>Sumit kumar</td>
<td>India</td>
<td>Assam</td>

<td>
<a class="btn btn-primary btn-action" href="#">
<i class="fa fa-eye" alt="View" title="View"></i>
</a>
<a class="btn btn-success btn-action" href="#">
<i class="fa fa-pencil-alt" alt="Edit" title="Edit"></i>
</a>
<a class="btn btn-dark btn-action" href="#">
<i class="fas fa-database" alt="paradata" title="Paradata"></i>
</a>
<a class="btn btn-danger btn-action" href="#">
<i class="fa fa-trash-alt" alt="Delete" title="Delete"></i>
</a>
</td>


</tr>
<tr>
<td class="text-center">05.</td>
<td>Manoj kumar</td>
<td>India</td>
<td>Noida</td>

<td>
<a class="btn btn-primary btn-action" href="#">
<i class="fa fa-eye" alt="View" title="View"></i>
</a>
<a class="btn btn-success btn-action" href="#">
<i class="fa fa-pencil-alt" alt="Edit" title="Edit"></i>
</a>
<a class="btn btn-dark btn-action" href="#">
<i class="fas fa-database" alt="paradata" title="Paradata"></i>
</a>
<a class="btn btn-danger btn-action" href="#">
<i class="fa fa-trash-alt" alt="Delete" title="Delete"></i>
</a>
</td>


</tr>
<tr>
<td class="text-center">06.</td>
<td>Piyush singh</td>
<td>India</td>
<td>Ranchi</td>

<td>
<a class="btn btn-primary btn-action" href="#">
<i class="fa fa-eye" alt="View" title="View"></i>
</a>
<a class="btn btn-success btn-action" href="#">
<i class="fa fa-pencil-alt" alt="Edit" title="Edit"></i>
</a>
<a class="btn btn-dark btn-action" href="#">
<i class="fas fa-database" alt="paradata" title="Paradata"></i>
</a>
<a class="btn btn-danger btn-action" href="#">
<i class="fa fa-trash-alt" alt="Delete" title="Delete"></i>
</a>
</td>


</tr>
<tr>
<td class="text-center">07.</td>
<td>Shayam singh</td>
<td>India</td>
<td>Dhanbad</td>

<td>
<a class="btn btn-primary btn-action" href="#">
<i class="fa fa-eye" alt="View" title="View"></i>
</a>
<a class="btn btn-success btn-action" href="#">
<i class="fa fa-pencil-alt" alt="Edit" title="Edit"></i>
</a>
<a class="btn btn-dark btn-action" href="#">
<i class="fas fa-database" alt="paradata" title="Paradata"></i>
</a>
<a class="btn btn-danger btn-action" href="#">
<i class="fa fa-trash-alt" alt="Delete" title="Delete"></i>
</a>
</td>


</tr>
<tr>
<td class="text-center">08.</td>
<td>Roushan kumar</td>
<td>India</td>
<td>Gaya</td>

<td>
<a class="btn btn-primary btn-action" href="#">
<i class="fa fa-eye" alt="View" title="View"></i>
</a>
<a class="btn btn-success btn-action" href="#">
<i class="fa fa-pencil-alt" alt="Edit" title="Edit"></i>
</a>
<a class="btn btn-dark btn-action" href="#">
<i class="fas fa-database" alt="paradata" title="Paradata"></i>
</a>
<a class="btn btn-danger btn-action" href="#">
<i class="fa fa-trash-alt" alt="Delete" title="Delete"></i>
</a>
</td>


</tr>
<tr>
<td class="text-center">09.</td>
<td>Akshay Anand</td>
<td>India</td>
<td>Sitapur</td>

<td>
<a class="btn btn-primary btn-action" href="#">
<i class="fa fa-eye" alt="View" title="View"></i>
</a>
<a class="btn btn-success btn-action" href="#">
<i class="fa fa-pencil-alt" alt="Edit" title="Edit"></i>
</a>
<a class="btn btn-dark btn-action" href="#">
<i class="fas fa-database" alt="paradata" title="Paradata"></i>
</a>
<a class="btn btn-danger btn-action" href="#">
<i class="fa fa-trash-alt" alt="Delete" title="Delete"></i>
</a>
</td>


</tr>
<tr>
<td class="text-center">10.</td>
<td>Raju singh</td>
<td>India</td>
<td>New Delhi</td>

<td>
<a class="btn btn-primary btn-action" href="#">
<i class="fa fa-eye" alt="View" title="View"></i>
</a>
<a class="btn btn-success btn-action" href="#">
<i class="fa fa-pencil-alt" alt="Edit" title="Edit"></i>
</a>
<a class="btn btn-dark btn-action" href="#">
<i class="fas fa-database" alt="paradata" title="Paradata"></i>
</a>
<a class="btn btn-danger btn-action" href="#">
<i class="fa fa-trash-alt" alt="Delete" title="Delete"></i>
</a>
</td>


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

    <div class="col-lg-2 col-12 pb-3 pt-2">
    <div class="d-flex justify-content-center align-items-center">
        <a class="btn btn-success btn-sm waves-effect width-md waves-light" href="export.php">
            <i class="fa fa-file-csv"></i> Export
        </a>
    </div>
    </div>



    <!-- <div class="col-lg-2 col-12 pt-3">
        <label for="widget">Add Widget</label>
        <select name="chart" class="form-control" id='SelectOption'>     
            <option value="Select" disabled selected>Select</option>
            <option value="Pie Chart"><a href="chart.php">Pie Chart</a></option>
            <option value="Bar Chart"><a href="bar_chart.php">Bar Chart</a></option>
            <option value="Data_list"><a href="data_list.php">Data List</a></option>
        </select>
    </div> -->
</div>
</div>
</div>                    
</div>
</div>
<?php include("include/footer.php");?>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.2.0.min.js"></script>

<script src="assets/js/vendor.min.js"></script>
<script src="assets/js/app.min.js"></script>
<script src="assets/libs/select2/select2.full.min.js"></script>
<script src="assets/libs/moment/moment.js"></script>
<script src="assets/libs/multiselect/jquery.multi-select.js"></script>
<script src="assets/libs/select2/select2.full.min.js"></script>
<script src="assets/libs/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="assets/libs/bootstrap-daterangepicker/daterangepicker.js"></script>
<script src="assets/libs/jquery-mask-plugin/jquery.mask.min.js"></script>
<script src="assets/libs/dropify/dropify.min.js"></script>
<script src="assets/js/jquery.canvasjs.min.js"></script>
<script src="assets/js/jquery.bar.chart.min.js"></script>
<script src="assets/js/d3.v4.min.js"></script>
<script src="assets/js/custom.js"></script> 

<script>
           $("#first,#second").click(function(e){
    e.preventDefault();
    $(".toggle").hide();
    var toShow = $(this).attr('href');
    $(toShow).show();
});
</script>
</body>
</html>