booking/work/order/ajax/booking_detail_ajax_1.php

<?php
    require_once('../../../fixed/config/go_con.php');

    $number = mysqli_real_escape_string($db, $_POST['number']);

    if (!empty($number)) {

        $get_tretment_sql = mysqli_query($db, "SELECT 
        `tretment`.`name` AS `tr_name`, 
        `book`.`id`, 
        `book_details`.`day_date`, 
        `book_details`.`day_time`, 
        `book`.`notes`, 
        `emplyee`.`id` AS `emp_id`, 
        `emplyee`.`his_img`, 
        `emplyee`.`name`AS `emp_name`, 
        `services`.`name`,
        `services`.`price`,
        `branch`.`branch_name` AS `branch_name`,
        `status`.`id` AS `state`,
        `status`.`small_name` AS `state_string`
        
        
        FROM `tretment`
        LEFT JOIN `book` ON `book`.`tretment_id` = `tretment`.`id`
        LEFT JOIN `book_details` ON `book`.`id` = `book_details`.`book_id`
        LEFT JOIN `services` ON `book_details`.`services_id` = `services`.`id`
        LEFT JOIN `emplyee` ON `book_details`.`emplyee_id` = `emplyee`.`id`
        LEFT JOIN `status` ON `book_details`.`status_id` = `status`.`id`
        LEFT JOIN `branch` ON `book_details`.`branch_id` = `branch`.`id`
        
        WHERE `tretment`.`number` = '$number' 
        AND `branch`.`commercial_register_id`= '$commercial_register_id'
        AND `book_details`.`id` IN (SELECT MAX(`book_details`.`id`) FROM `book_details` GROUP BY `book_details`.`book_id`)
        ORDER BY `book_details`.`day_date` DESC, `book_details`.`day_time` DESC  /*booking_details.day_date DESC, booking_details.day_time DESC*/");



        if (mysqli_num_rows($get_tretment_sql) > 0) {
?>

<table class="table table-bordered mb-0 table-centered text-center" style="vertical-align: middle;">
    <tbody>
        <?php
        $count = 0;
        while ($booking_row = mysqli_fetch_assoc($get_tretment_sql)) { 
            if ($count == 0) {
        ?>
        <thead>
            <tr class="align-self-center">
                <th colspan="8"><?=$booking_row['tr_name']?></th>
            </tr>
            <tr class="align-self-center">
                <th>#</th>
                <th>التاريخ</th>
                <th>الوقت</th>
                <th>الفني</th>
                <th>الفرع</th>
                <th>الخدمة</th>
                <th>ملاحظات</th>
                <th>الحالة</th>
                <th>تفاصيل</th>
            </tr>
        </thead>
        <?php
                $count++;
            }
        ?>
        <tr>
            <td><?=$booking_row['id']?></td>
            <td><?=$booking_row['day_date']?></td>
            <td><?=$booking_row['day_time']?></td>
            <td><img src="uploads/emplyee/<?=$booking_row['emp_id']?>/face/<?=$booking_row['his_img']?>" alt="emp_img" class="thumb-sm rounded-circle mr-2"><bt /><?=$booking_row['emp_name']?></td>
            <td><?=$booking_row['branch_name']?></td>
            <td><?=$booking_row['name']?></td>
            <td><?=$booking_row['notes']?></td>
            <td style="background-image: 
            <?php
            switch ($booking_row['state']) {
                case '4': // انتظار
                    echo "linear-gradient(120deg, #f6d365 0, #ff7850 100%);";
                    break;
                case '6': // مسدد
                    echo "linear-gradient(120deg, #f93b7a 0, #e0004a 100%);";
                    break;
                case '8': // مجاني
                    echo "linear-gradient(120deg, #f93b7a 0, #0095e2 100%);";
                    break;
                case '20': // محجوز وغير مدفوع (ملغي)
                    echo "linear-gradient(120deg, #a9a2a2 0, #b5a6ab 100%);";
                    break;
                case '21': // محجوز ومدفوع (ملغي)
                    echo "linear-gradient(120deg, #a9a2a2 0, #b5a6ab 100%);";
                    break;
                default:
                    echo "none;";
                    break;
            }
            ?>
            "><?=$booking_row['state_string']?></td>
            <td>
            <div class="dropdown-basic">
                    <div class="dropdown">
                      <div class="btn-group mb-0">
                        <button class="dropbtn btn-primary" type="button" data-bs-original-title="" title=""><span><i class="icofont icofont-arrow-down"></i></span></button>
                        <div class="dropdown-content">
                        <?php
                            switch ($booking_row['state']) {
                                case '4': // انتظار
                        ?>
                            <a href="active.php?booking_id=<?=$booking_row['id']?>" data-bs-original-title="" title="">تفعيل</a>
                            <a href="edit_booking.php?booking_id=<?=$booking_row['id']?>" data-bs-original-title="" title="">نعديل</a>
                            <a href="work/order/php/cancel?booking_id=<?=$booking_row['id']?>" data-bs-original-title="" title="">الغاء</a>
                            <a href="#" data-bs-original-title="" title="">ارسال رسالة</a>
                        <?php
                                    break;
                                case '6': // مسدد
                        ?>
                        <a href="edit_booking.php?booking_id=<?=$booking_row['id']?>" data-bs-original-title="" title="">نعديل</a>
                        <a href="#" data-bs-original-title="" title="">تفاصيل</a>
                        <a href="#" data-bs-original-title="" title="">ارسال رسالة</a>
                        <?php    
                                    break;
                                case '8': // مجاني
                                    
                                    break;
                                case '20': // محجوز وغير مدفوع (ملغي)
                                    
                                    break;
                                case '21': // محجوز ومدفوع (ملغي)
                                    
                                    break;
                            }
                            ?>
                        </div>
                      </div>
                    </div>
                    
                  </div>
            </td>
            
        </tr><!--end tr-->
        <?php
        $count++;
        }
        ?>
    </tbody><!--end tbody-->
</table><!--end table-->
<script>
    click = 0;
    
    // for dropdown
    $(document).ready(function() {
        var tooltip_init = {
            init: function() {
                $("button").tooltip();
                $("a").tooltip();
                $("input").tooltip();
            }
        };
        tooltip_init.init()
    });


    var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
    var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
    return new bootstrap.Tooltip(tooltipTriggerEl)
    })
</script>
            
<?php

        } else {
            echo"
                <script>
                    swalfun('تنبية','لا يوجد اي بيانات لهذا الرقم','info');
                    click = 0;
                </script>
            ";
        }
    } else {
        echo"
            <script>
                swalfun('حدث خطأ', 'رقم الجوال يجب أن يتكون من 9 أرقام وبدون 0 في البداية', 'error');
                click = 0;
            </script>
        ";
    }



?>