<?php  require_once("Connections/constants.php"); ?>

<link rel="stylesheet" type="text/css" href="<?php echo BASE_URL ?>assets/css/custom_style.css">

<form action="" method="post" id="add_member" enctype="multipart/form-data">
 <div class="kt-portlet">
  <div class="kt-portlet__head">
   <div class="kt-portlet__head-label">
    <h3 class="kt-portlet__head-title" id="adding_user">
     Search for a Provider
    </h3>
   </div>
  </div>

  <div class="kt-portlet__body" style="height:700px; overflow-y: auto;">
<div class="row">
     <div class="col-md-12">
      <div class="row">
       <div class="col-md-3 tyma">
        <div class="container" data-toggle="modal" data-target="#kt_modal_7" onclick="getstep2('all_providers', '<?php echo "1" ?>','main-content')">
          <div class="img-container">
           <img src="<?php echo BASE_URL ?>assets/images/all.jpg" alt="" width="10" height="200">
          </div>
          <ul class="social-media">
           <li><a href="javascript:;"><i class=""></i></a></li>
          </ul>
          <div class="user-info">
           <h4>All Providers</h4>
           <span></span>
          </div>
         </div>    
       </div>
       <div class="col-md-3">
        <div class="container" data-toggle="modal" data-target="#kt_modal_7" onclick="getstep2('pharmacy', '<?php echo "2" ?>','main-content')">
          <div class="img-container">
           <img src="<?php echo BASE_URL ?>assets/images/pharm.jpg" alt="" width="10" height="200" >
          </div>
          <ul class="social-media">
           <li><a href="javascript:;"><i class=""></i></a></li>
          </ul>
          <div class="user-info">
           <h4>Pharmacy</h4>
           <span></span>
          </div>
         </div>
       </div>
       <div class="col-md-3">
        <div class="container" data-toggle="modal" data-target="#kt_modal_7" onclick="getstep2('hospital', '<?php echo "3" ?>','main-content')">
          <div class="img-container">
           <img src="<?php echo BASE_URL ?>assets/images/hos.jpg" alt="" width="10" height="200">
          </div>
          <ul class="social-media">
           <li><a href="javascript:;"><i class=""></i></a></li>
          </ul>
          <div class="user-info">
           <h4>Hospital</h4>
           <span></span>
          </div>
         </div>
       </div>
       <div class="col-md-3">
        <div class="container" data-toggle="modal" data-target="#kt_modal_7" onclick="getstep2('laboratory', '<?php echo "4" ?>','main-content')">
          <div class="img-container">
           <img src="<?php echo BASE_URL ?>assets/images/lab.jpg" alt="" width="10" height="200">
          </div>
          <ul class="social-media">
           <li><a href="javascript:;"><i class=""></i></a></li>
          </ul>
          <div class="user-info">
           <h4>Laboratory</h4>
           <span></span>
          </div>
         </div>
       </div>
      </div>
     </div>
    </div>





<div class="row">
     <div class="col-md-12">
      <div class="row">
       <div class="col-md-3">
        <div class="container" data-toggle="modal" data-target="#kt_modal_7" onclick="getstep2('optical', '<?php echo "5" ?>','main-content')">
          <div class="img-container">
           <img src="<?php echo BASE_URL ?>assets/images/optical.jpg" alt="" width="10" height="200">
          </div>
          <ul class="social-media">
           <li><a href="javascript:;"><i class=""></i></a></li>
          </ul>
          <div class="user-info">
           <h4>Optical</h4>
           <span></span>
          </div>
         </div>    
       </div>
       <div class="col-md-3">
        <div class="container" data-toggle="modal" data-target="#kt_modal_7" onclick="getstep2('clinic', '<?php echo "8" ?>','main-content')">
          <div class="img-container">
           <img src="<?php echo BASE_URL ?>assets/images/clin.jpg" alt="" width="10" height="200">
          </div>
          <ul class="social-media">
           <li><a href="javascript:;"><i class=""></i></a></li>
          </ul>
          <div class="user-info">
           <h4>Clinic</h4>
           <span></span>
          </div>
         </div>
       </div>
       <div class="col-md-3">
        <div class="container" data-toggle="modal" data-target="#kt_modal_7" onclick="getstep2('dental', '<?php echo "6" ?>','main-content')">
          <div class="img-container">
           <img src="<?php echo BASE_URL ?>assets/images/dental.jpg" alt="" width="10" height="200">
          </div>
          <ul class="social-media">
           <li><a href="javascript:;"><i class=""></i></a></li>
          </ul>
          <div class="user-info">
           <h4>Dental</h4>
           <span></span>
          </div>
         </div>
       </div>
       <div class="col-md-3">
        <div class="container" data-toggle="modal" data-target="#kt_modal_7" onclick="getstep2('specialist', '<?php echo "7" ?>','main-content')">
          <div class="img-container">
           <img src="<?php echo BASE_URL ?>assets/images/specia.jpg" alt="" width="10" height="200">
          </div>
          <ul class="social-media">
           <li><a href="javascript:;"><i class=""></i></a></li>
          </ul>
          <div class="user-info">
           <h4>Specialist</h4>
           <span></span>
          </div>
         </div>
       </div>
      </div>
     </div>
    </div>




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


<!--begin::Modal-->
<div class="modal modal-stick-to-bottom fade" id="kt_modal_7" role="dialog" data-backdrop="true" onclick="">
 <div class="modal-dialog modal-lg" role="document">
  <div class="modal-content">
   <div class="modal-header">
    <h5 class="modal-title" id="exampleModalLabel">Search Result</h5>
    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
    </button>
   </div>
   <div class="modal-body">

    <div id="main-content">
     
     
    </div>

    
   </div>
   <div class="modal-footer">
    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
    <button type="button" class="btn btn-primary">Save changes</button>
   </div>
  </div>
 </div>
</div>

<!--end::Modal-->


