<?php
  include "../../pidbco/pidbjoin.php";
  if(!isset($_SESSION))
  {
   session_start();
  }
  if(!isset($_SESSION['jay_proj_mngmnt']) && empty($_SESSION['jay_proj_mngmnt']))
  {
    echo '<script type="text/javascript">alert("You Want To Login Now.."); window.location.href="../Login";</script>';
  }
  include "../ses_write.php";
?>
 <!DOCTYPE html>
   <html lang="en">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Marketing</title>
    <!-- Bootstrap core CSS -->
    <link href="../components/css/bootstrap.min.css" rel="stylesheet">
    <link href="../components/fonts/css/font-awesome.min.css" rel="stylesheet">
    <link href="../components/css/animate.min.css" rel="stylesheet">
    <!-- Custom styling plus plugins -->
    <link href="../components/css/custom.css" rel="stylesheet">
    <link href="../components/css/icheck/flat/green.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="../components/css/maps/jquery-jvectormap-2.0.1.css" />
    <link href="../components/css/floatexamples.css" rel="stylesheet" type="text/css" />
    <script src="../components/js/jquery.min.js"></script>
    <script src="../components/js/nprogress.js"></script>
    <script>
        NProgress.start();
    </script>
    <style>
        input[type=number] {
            -moz-appearance:textfield;
        }
        input[type=number]::-webkit-inner-spin-button,
        input[type=number]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }
    </style>
    <link rel="stylesheet" type="text/css" href="../components/data_table_server_side/css/jquery.dataTables.css">
    <script type="text/javascript" language="javascript" src="../components/data_table_server_side/js/jquery.js"></script>
    <script type="text/javascript" language="javascript" src="../components/data_table_server_side/js/jquery.dataTables.js"></script>
    <script type="text/javascript" language="javascript" >
        $(document).ready(function()
        {
            var dataTable = $('#employee-grid').DataTable
            ({
                "processing": true,
                "serverSide": true,
                "ajax":
                {
                    url :"telecalls-grid-data.php", // json datasource
                    type: "post",  // method  , by default get
                    error: function()
                    {  // error handling
                        $(".employee-grid-error").html("");
                        $("#employee-grid").append('<tbody class="employee-grid-error" ><tr><th colspan="3">No data found in the server</th></tr></tbody>');
                        $("#employee-grid_processing").css("display","none");

                    }

               }
            });
        });
        
        
        function search_custmr()
        {
        	var searchcust   = $('#searchcust').val();
        	$(document).ready(function(){
             $.ajax({
               type : "POST",
               url  : "ajaxmarket5.php",
               data : {
                     search_customer : 1,
                     searchcust      : searchcust
               },
               cache: true,
               success: function(res1)
               {
                  $('#show_data').html(res1);
                  data_tabb();
                }
              });
            });
         }
    </script>
    <!-- select2 -->
    <link href="../components/css/select/select2.min.css" rel="stylesheet">
    <link href="../components/css/search-box.css" rel="stylesheet">
</head>
<body class="nav-md">
 <div class="container body" >
   <div class="main_container" >
  <?php include("left_menu.php"); ?>
  <!-- top navigation -->
  <?php include("top_nav.php"); ?>
  <!-- /top navigation -->
  <style>
	.showmeonhover { display: none; }
    .alwaysshowme:hover .showmeonhover {
       display: inline;
     }
   </style>
   <div class="right_col" role="main" >
     <div id="alerts"></div>
           <div class="row" >
            <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="x_panel">
                <div class="x_title">
                    <h2>Search Customer</h2>
                    <ul class="nav navbar-right panel_toolbox">
                        <li>
                            <a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                        </li>
                        <li>
                            <a class="close-link"><i class="fa fa-close"></i></a>
                        </li>
                    </ul>
                    <div class="clearfix"></div>
                </div>
                    <div class="x_content" id="edt_data">        
                    	
                <div class="form-group">
                     <div class="col-md-6 col-sm-6 col-xs-12">
                          <input class="form-control" placeholder="Company / Customer / Location / Mobile / Email" required="required"  type="text"  name="searchcust" id="searchcust" >
                     </div>
                     <div class="col-md-3 col-sm-3 col-xs-12">
                          <button type="button" name="save" onclick="search_custmr();" class="btn btn-primary">SEARCH</button>
                     </div>
                 </div>       	
                    	
                    	
                    </div>
                </div>
            </div>
        </div>
   
   
   
   
        
        <div class="x_content"	id="show_data">
             <div class="table-responsive col-md-12" >
                    	
             </div>
         </div>               	
  
        
        
     

        

       </div>
     </div>
   </div>
  <div id="custom_notifications" class="custom-notifications dsp_none">
    <ul class="list-unstyled notifications clearfix" data-tabbed_notifications="notif-group">
    </ul>
    <div class="clearfix"></div>
    <div id="notif-group" class="tabbed_notifications"></div>
  </div>
<!-- DataTables JavaScript -->
<script src="../components/data_table/datatables/media/js/jquery.dataTables.min.js"></script>
<script src="../components/data_table/datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.min.js"></script>
<!-- Page-Level Demo Scripts - Tables - Use for reference -->
<script>
function data_tabb()
{
    $(document).ready(function() {
        $('#dataTables-example').DataTable({
            responsive: true
        });
    });
 }   
</script>
<script src="../components/js/bootstrap.min.js"></script>
<!-- chart js -->
<script src="../components/js/chartjs/chart.min.js"></script>
<!-- bootstrap progress js -->
<script src="../components/js/progressbar/bootstrap-progressbar.min.js"></script>
<script src="../components/js/nicescroll/jquery.nicescroll.min.js"></script>
<!-- icheck -->
<script src="../components/js/icheck/icheck.min.js"></script>
<!-- tags -->
<script src="../components/js/tags/jquery.tagsinput.min.js"></script>
<!-- switchery -->
<script src="../components/js/switchery/switchery.min.js"></script>
<!-- daterangepicker -->
<script type="text/javascript" src="../components/js/moment.min2.js"></script>
<script type="text/javascript" src="../components/js/datepicker/daterangepicker.js"></script>
<!-- textarea resize -->
<script src="../components/js/textarea/autosize.min.js"></script>
<script>
    autosize($('.resizable_textarea'));
</script>
<script src="../components/js/custom.js"></script>
<!-- select2 -->
<script src="../components/js/select/select2.full.js"></script>
<script>
    $(document).ready(function () {
        $(".country").select2({
            placeholder: "Select a Country",
            allowClear: true
        });
        $(".state").select2({
            placeholder: "Select a State",
            allowClear: true
        });
        $(".district").select2({
            placeholder: "Select a district",
            allowClear: true
        });
        $(".bdo").select2({
            placeholder: "Select a Telecaller",
            allowClear: true
        });
    });
</script>
<!-- /select2 -->
</body>
</html>