
<div class="main-content">
    <!--breadcrumb-->
    <h3 class="fmon">Doctors</h3>
    <div class="my-2">
        <div class="table-responsive">
            <table id="example" class="table tableStriped">
                <thead>
                    <tr>
                        <th scope="col fColorred">
                            <p class="fColorred mb-0">Name</p>
                        </th>
                        <th scope="col fColorred">
                            <p class="fColorred mb-0">Email</p>
                        </th>
                        <th scope="col fColorred">
                            <p class="fColorred mb-0">Phone</p>
                        </th>
                        <th scope="col fColorred">
                            <p class="fColorred mb-0">Status</p>
                        </th>
                        <th scope="col fColorred">
                            <p class="fColorred mb-0">Address</p>
                        </th>
                        <th scope="col fColorred">
                            <p class="fColorred mb-0">Medicine</p>
                        </th>
                        

                        <th scope="col fColorred">
                            <p class="fColorred mb-0">Patient ID</p>
                        </th>
                    

                        <th scope="col fColorred">
                            <p class="fColorred mb-0">Actions</p>
                        </th>

                    </tr>
                </thead>
                <tbody>
                    <!-- Add table rows with data here -->
                    <?php foreach($customerlist as $c=>$data){
                        // echo "<pre>";
                        // print_r($data);
                        // echo "</pre>";

                        ?>
                    
                    <tr>
                        <td>
                    <?php echo $data['patientName']; ?></td>
                        <td><?php echo $data['patientEmail']; ?></td>
                        <td><?php echo $data['patientNumber']; ?></td>
                        <td><?php echo $data['status']; ?></td>
                        <td><?php echo $data['address']; ?></td>


                        <td>
                            <p class="card oCard fColorred px-2">
                                <?php
                            $response=array();
                                        foreach($data['medicine'] as $key=>$v){
                                            array_push($response,$key);
                                        }
                                        $j=implode(",",$response);
                                        echo $j;
?>

                            </p>
                        </td>
                        <td><?php echo $data['patientID']; ?></td>
<td>
<div class="dropdown">
                                        <button class="btn myButton" type="button" data-id="<?php echo $c; ?>">
                                            <i class="fa-solid fa-ellipsis-vertical"></i>
                                        </button>
                                        
                                    </div>

</td>    
                    </tr>
                    <?php } ?>
                    <!-- Add more rows as needed -->
         
                </tbody>
            </table>
        </div>
    </div>

</div>

<div class="modal fade" id="exampleModalToggle2" aria-labelledby="exampleModalToggleLabel2" tabindex="-1" style="display: none;" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
  <div class="modal-content bg-m rounded-0">
    <div class="modal-body">
      <div class="my-2 d-flex justify-content-between">
        <div class="d-flex">
        <img id="text_patient_image" src="<?php echo base_url('assets/images/avatars/av4.png'); ?>" alt="image" width="150"
                                class="rounded-0" />

          <div class="ms-2">
          <p class="fmon fs11 mb-0" id="text_patient_name">Cameron Williamson</p>
             <p class="fmon fs12 mb-0" id="text_patient_id">Patient Id:25dfs48</p>
 
          <div class="d-flex">
          <img id="text_reciver_image" src="<?php echo base_url('assets/images/avatars/04.png'); ?>" alt="" width="50"
                                        height="50">

              <div class="mx-2">
              <p class="fmon fs8 m-0 m-0 text-start fw-bold" id="text_reciver">Davson</p>
                                        <p class="fmon fs13 m-0 text-start fw-bold">
                                            Mdicine Reciever
                                        </p>
              </div>
            </div>
          </div>
        </div>
       
        <div>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
      </div>
      <div class="my-2">
        <div class="d-flex my-2">
          <div class="oCard p-2 wFit iconbox">
            <i class="fa-solid fa-location-dot colorIcon"></i>
          </div>
          <p class="ms-2 mb-0" id="text_address" >
                                30 Cutter Mill Road Great Neck, New York 11021
                            </p>
        </div>
        <div class="my-2">
          <div class="d-flex">
            <div class="d-flex my-2">
              <div class="oCard p-2 wFit iconbox">
                <i class="fa-solid fa-phone colorIcon"></i>
              </div>
              <p class="ms-2 mb-0" id="text_phone">516.773.2000</p>
            </div>
            <div class="d-flex my-2 ms-3">
              <div class="oCard p-2 wFit iconbox">
                <i class="fa-solid fa-envelope colorIcon"></i>
              </div>
              <p class="ms-2 mb-0" id="text_email">Davson458@info.com</p>
            </div>
          </div>
        </div>
      </div>
      <div class="row my-2">
        <p class="m-0 fw-bold">List of Medicines</p>
        <div class="my-2 col-md-12" id="medicineDisplayContainer">
                            <!--
                            <div class="oCard d-flex justify-content-between align-items-center p-1">
                                <p class="m-0 fmon fs15">Panadol</p>
                                <button class="btn crBtn fs14 fmon">
                                    Monitered Medicine
                                </button>
                            </div>
                                        -->
                        
                        
                        </div>
      
       
       <div class="col-md-12" id="driversignatureinfo">
         <div class="w-100 d-flex flex-wrap justify-content-between">
          <div>
            <p class="ff1">Medicine Description Photo</p>
            <img src="" id="descriptionImage" alt="Medicine Description Photo" height="90px" width="90px">
          </div>
         <div>
          <p class="ff1">Signature photo</p>
          <img src="" id="signatureImage" alt="Signature photo" height="90px" width="90px">
         </div>
         </div>
       </div>
      
      </div>
    </div>
  </div>
</div>
</div>