diff --git a/public_html/assets/api/install.php b/public_html/assets/api/install.php
index a1f7697..9fa3861 100644
--- a/public_html/assets/api/install.php
+++ b/public_html/assets/api/install.php
@@ -2,6 +2,11 @@
 
 trait InstallAPI {
 
+    protected $dailyService;
+    public function __construct() {
+        $this->dailyService = new DailyService();
+    }
+
     public function search_customer() {
         $keyword = trim($_POST['keyword'] ?? '');
         if ($keyword === '') {
@@ -29,7 +34,7 @@ trait InstallAPI {
                     SELECT 1
                     FROM tbl_install_waitlist iw
                     WHERE iw.iw_customer_uid = c.c_uid
-                    AND iw.iw_status <> 'DELETED'
+                    AND iw.iw_status not in ('DELETED', 'COMPLETED')
                 )
             ORDER BY c.c_name
             LIMIT 20
@@ -47,6 +52,7 @@ trait InstallAPI {
         $c_uid        = $_POST['c_uid'] ?? 0;
         $job_type     = $_POST['job_type'] ?? '';
         $driver_uid   = $_POST['driver_uid'] ?? '';
+        $member_uid   = $_POST['member_uid'] ?? '';
         $request_note = $_POST['request_note'] ?? '';
 
         if (!$c_uid || !$job_type) {
@@ -90,7 +96,7 @@ trait InstallAPI {
                 '{$driver_uid}'                           AS iw_request_by,
                 '".addslashes($request_note)."'           AS iw_request_note,
                 NOW()                                     AS iw_request_at,
-                '{$driver_uid}'                           AS iw_created_by,
+                '{$member_uid}'                           AS iw_created_by,
                 NOW()                                     AS iw_created_at
             FROM tbl_customer c
             WHERE c.c_uid = '{$c_uid}'
@@ -216,11 +222,11 @@ trait InstallAPI {
 
             FROM tbl_install_waitlist iw
             LEFT JOIN tbl_daily_install di
-            ON di.di_wait_uid = iw.iw_uid
+                ON di.di_wait_uid = iw.iw_uid
             LEFT JOIN tbl_member m
-            ON iw.iw_request_by = m.m_uid
+                ON iw.iw_created_by = m.m_uid
             WHERE iw.iw_customer_uid = '{$c_uid}'
-            AND iw.iw_status IN ('DRAFT','WAITING','ASSIGNED')
+                AND iw.iw_status IN ('DRAFT','WAITING','ASSIGNED')
             ORDER BY iw.iw_uid DESC, di.di_uid DESC
             LIMIT 1
         ";
@@ -270,49 +276,74 @@ trait InstallAPI {
 
         $iw_uid = intval($_POST['iw_uid'] ?? 0);
         $items  = $_POST['items'] ?? [];
-        $action = $_POST['action'];
+        $requestAction = $_POST['action'] ?? null;
 
         if (!$iw_uid) {
             echo $this->json(['ok' => 0, 'msg' => 'no iw_uid']);
             return;
         }
 
-        // 기존 컨테이너 전부 삭제
-        qry("
-            DELETE FROM tbl_install_waitlist_container
-            WHERE iwc_wait_uid = '{$iw_uid}' AND iwc_action = '{$action}'
-        ");
+        qry("START TRANSACTION");
 
-        // 재 insert
-        if (is_array($items)) {
-            foreach ($items as $it) {
+        try {
 
-                $action     = addslashes($it['action'] ?? '');
-                $type       = addslashes($it['type'] ?? '');
-                $capacity   = isset($it['capacity']) && $it['capacity'] !== ''
-                                ? intval($it['capacity'])
-                                : 'NULL';
-                $is_used    = addslashes($it['is_used'] ?? 'N');
-                $owner_type = addslashes($it['owner_type'] ?? 'C');
-                $has_lock   = addslashes($it['has_lock'] ?? 'N');
-                $has_wheel  = addslashes($it['has_wheel'] ?? 'N');
-                $has_frame  = addslashes($it['has_frame'] ?? 'N');
+            // 기존 컨테이너 전부 삭제
+            qry("
+                DELETE FROM tbl_install_waitlist_container
+                WHERE iwc_wait_uid = '{$iw_uid}' AND iwc_action = '{$requestAction}'
+            ");
 
-                $sql = "
-                    INSERT INTO tbl_install_waitlist_container
-                    SET
-                        iwc_wait_uid       = '{$iw_uid}',
-                        iwc_action         = '{$action}',
-                        iwc_type           = '{$type}',
-                        iwc_capacity       = {$capacity},
-                        iwc_is_used        = '{$is_used}',
-                        iwc_owner_type     = '{$owner_type}',
-                        iwc_has_lock       = '{$has_lock}',
-                        iwc_has_wheel      = '{$has_wheel}',
-                        iwc_has_woodframe  = '{$has_frame}'
-                ";
-                qry($sql);
+            // 재 insert
+            if (is_array($items)) {
+                foreach ($items as $it) {
+
+                    // item action 따로 사용
+                    $itemAction = addslashes($it['action'] ?? '');
+                    if (!$itemAction) {
+                        throw new Exception('missing item action');
+                    }
+
+                    $type       = addslashes($it['type'] ?? '');
+                    $capacity   = isset($it['capacity']) && $it['capacity'] !== ''
+                                    ? intval($it['capacity'])
+                                    : 'NULL';
+                    $is_used    = addslashes($it['is_used'] ?? 'N');
+                    $owner_type = addslashes($it['owner_type'] ?? 'C');
+                    $has_lock   = addslashes($it['has_lock'] ?? 'N');
+                    $has_wheel  = addslashes($it['has_wheel'] ?? 'N');
+                    $has_frame  = addslashes($it['has_frame'] ?? 'N');
+
+                    $sql = "
+                        INSERT INTO tbl_install_waitlist_container
+                        SET
+                            iwc_wait_uid       = '{$iw_uid}',
+                            iwc_action         = '{$itemAction}',
+                            iwc_type           = '{$type}',
+                            iwc_capacity       = {$capacity},
+                            iwc_is_used        = '{$is_used}',
+                            iwc_owner_type     = '{$owner_type}',
+                            iwc_has_lock       = '{$has_lock}',
+                            iwc_has_wheel      = '{$has_wheel}',
+                            iwc_has_woodframe  = '{$has_frame}'
+                    ";
+
+                    if (!qry($sql)) {
+                        throw new Exception('insert failed');
+                    }
+                }
             }
+
+            qry("COMMIT");
+
+        } catch (Exception $e) {
+
+            qry("ROLLBACK");
+
+            echo $this->json([
+                'ok' => 0,
+                'msg' => $e->getMessage()
+            ]);
+            return;
         }
 
         echo $this->json(['ok' => 1]);
@@ -512,18 +543,18 @@ trait InstallAPI {
                 c.c_name AS di_customer_name,
                 SUM(
                 CASE
-                    WHEN dic.dic_action = 'REMOVE'
+                    WHEN dic.dic_action = 'PICKUP'
                     AND dic.dic_type = 'D'
                     THEN 1 ELSE 0
                 END
-                ) AS remove_d_cnt,
+                ) AS pickup_d_cnt,
                 SUM(
                 CASE
-                    WHEN dic.dic_action = 'REMOVE'
+                    WHEN dic.dic_action = 'PICKUP'
                     AND dic.dic_type <> 'D'
                     THEN 1 ELSE 0
                 END
-                ) AS remove_b_cnt,
+                ) AS pickup_b_cnt,
                 SUM(
                 CASE
                     WHEN dic.dic_action = 'INSTALL'
@@ -688,78 +719,124 @@ trait InstallAPI {
             $fail('validate', 'invalid params');
         }
 
-        // 둘 다 비면 아무것도 할게 없음
         if ((!is_array($trial_rows) || !count($trial_rows)) && (!is_array($existing_rows) || !count($existing_rows))) {
             $fail('validate', 'nothing to confirm');
         }
 
+        /* =======================================================
+        0. 기존 DB max seq 가져오기
+        ======================================================= */
+        $qr_max = qry("
+            SELECT MAX(di_order_seq) AS max_seq
+            FROM tbl_daily_install
+            WHERE di_driver_uid = '{$di_driver_uid}'
+                AND di_install_date = '{$di_install_date}'
+        ");
+
+        $row_max = fetch_array($qr_max);
+        $base_seq = intval($row_max['max_seq'] ?? 0);
+
+        /* =======================================================
+        1. 전체 rows 합치고 seq 재정렬
+        ======================================================= */
+        $all = array_merge(
+            is_array($existing_rows) ? $existing_rows : [],
+            is_array($trial_rows) ? $trial_rows : []
+        );
+
+        usort($all, function($a, $b){
+            return intval($a['di_order_seq'] ?? 0) <=> intval($b['di_order_seq'] ?? 0);
+        });
+
+        $seq = 1;
+        foreach($all as &$r){
+            // base_seq 더해줌
+            $r['di_order_seq'] = $base_seq + $seq++;
+        }
+        unset($r);
+
+        /* =======================================================
+        2. 다시 existing / trial 분리
+        ======================================================= */
+        $existing_map = [];
+        foreach($existing_rows as $row){
+            $existing_map[intval($row['di_uid'])] = true;
+        }
+
+        $new_existing_rows = [];
+        $new_trial_rows = [];
+
+        foreach($all as $r){
+            if(isset($existing_map[intval($r['di_uid'] ?? 0)])){
+                $new_existing_rows[] = $r;
+            }else{
+                $new_trial_rows[] = $r;
+            }
+        }
+
         qry("START TRANSACTION");
 
         /* =======================================================
         A) 기존 daily_install 순서 업데이트
         ======================================================= */
-        if (is_array($existing_rows) && count($existing_rows)) {
-            foreach ($existing_rows as $idx => $row) {
-                $di_uid       = intval($row['di_uid'] ?? 0);
-                $di_order_seq = intval($row['di_order_seq'] ?? 0);
+        foreach ($new_existing_rows as $row) {
 
-                if (!$di_uid || !$di_order_seq) {
-                    qry("ROLLBACK");
-                    $fail('validate_existing_row', 'invalid existing row', ['row'=>$row]);
-                }
+            $di_uid       = intval($row['di_uid'] ?? 0);
+            $di_order_seq = intval($row['di_order_seq'] ?? 0);
 
-                // driver/date까지 같이 조건으로 걸면 더 안전함 (다른 날짜/driver 수정 방지)
-                $sql = "
-                    UPDATE tbl_daily_install
-                    SET di_order_seq = '{$di_order_seq}'
-                    WHERE di_uid = '{$di_uid}'
+            if (!$di_uid || !$di_order_seq) {
+                qry("ROLLBACK");
+                $fail('validate_existing_row', 'invalid existing row', ['row'=>$row]);
+            }
+
+            $sql = "
+                UPDATE tbl_daily_install
+                SET di_order_seq = '{$di_order_seq}'
+                WHERE di_uid = '{$di_uid}'
                     AND di_driver_uid = '{$di_driver_uid}'
                     AND di_install_date = '{$di_install_date}'
-                    LIMIT 1
-                ";
+                LIMIT 1
+            ";
 
-                if (!qry($sql)) {
-                    qry("ROLLBACK");
-                    $fail('update_existing_order', 'failed', ['di_uid'=>$di_uid]);
-                }
+            if (!qry($sql)) {
+                qry("ROLLBACK");
+                $fail('update_existing_order', 'failed', ['di_uid'=>$di_uid]);
             }
         }
 
         /* =======================================================
-        B) trial(waitlist) -> daily_install INSERT + status update
+        B) trial(waitlist) → INSERT
         ======================================================= */
-        if (is_array($trial_rows) && count($trial_rows)) {
-            foreach ($trial_rows as $idx => $row) {
+        foreach ($new_trial_rows as $row) {
 
-                $iw_uid       = intval($row['iw_uid'] ?? 0);
-                $di_order_seq = intval($row['di_order_seq'] ?? 0);
+            $iw_uid       = intval($row['iw_uid'] ?? 0);
+            $di_order_seq = intval($row['di_order_seq'] ?? 0);
 
-                if (!$iw_uid || !$di_order_seq) {
-                    qry("ROLLBACK");
-                    $fail('validate_trial_row', 'invalid trial row', ['row'=>$row]);
-                }
+            if (!$iw_uid || !$di_order_seq) {
+                qry("ROLLBACK");
+                $fail('validate_trial_row', 'invalid trial row', ['row'=>$row]);
+            }
 
-                $di_uid = $this->insert_daily_install_from_waitlist(
-                    $iw_uid,
-                    $di_driver_uid,
-                    $di_install_date,
-                    $di_order_seq
-                );
+            $di_uid = $this->insert_daily_install_from_waitlist(
+                $iw_uid,
+                $di_driver_uid,
+                $di_install_date,
+                $di_order_seq
+            );
 
-                if (!$di_uid) {
-                    qry("ROLLBACK");
-                    $fail('insert_daily_install', 'failed', ['iw_uid'=>$iw_uid]);
-                }
+            if (!$di_uid) {
+                qry("ROLLBACK");
+                $fail('insert_daily_install', 'failed', ['iw_uid'=>$iw_uid]);
+            }
 
-                if (!$this->insert_daily_install_container_from_waitlist($di_uid, $iw_uid)) {
-                    qry("ROLLBACK");
-                    $fail('insert_container', 'failed', ['iw_uid'=>$iw_uid]);
-                }
+            if (!$this->insert_daily_install_container_from_waitlist($di_uid, $iw_uid)) {
+                qry("ROLLBACK");
+                $fail('insert_container', 'failed', ['iw_uid'=>$iw_uid]);
+            }
 
-                if (!$this->update_waitlist_status($iw_uid, 'ASSIGNED')) {
-                    qry("ROLLBACK");
-                    $fail('update_waitlist', 'failed', ['iw_uid'=>$iw_uid]);
-                }
+            if (!$this->update_waitlist_status($iw_uid, 'ASSIGNED')) {
+                qry("ROLLBACK");
+                $fail('update_waitlist', 'failed', ['iw_uid'=>$iw_uid]);
             }
         }
 
@@ -771,12 +848,23 @@ trait InstallAPI {
 
     public function unassign_daily_install() {
 
-        $di_uid = intval($_POST['di_uid'] ?? 0);
-        if (!$di_uid) {
-            echo $this->json(['ok'=>0,'msg'=>'invalid di_uid']);
+        $di_uids = $_POST['di_uids'] ?? [];
+        if (!is_array($di_uids) || !count($di_uids)) {
+            echo $this->json(['ok'=>0,'msg'=>'invalid di_uids']);
             return;
         }
 
+        // 숫자만 필터
+        $di_uids = array_map('intval', $di_uids);
+        $di_uids = array_filter($di_uids);
+
+        if (!count($di_uids)) {
+            echo $this->json(['ok'=>0,'msg'=>'empty di_uids']);
+            return;
+        }
+
+        $in = implode(',', $di_uids);
+
         $fail = function($stage, $msg, $extra = []) {
             echo $this->json(array_merge([
                 'ok'    => 0,
@@ -787,45 +875,70 @@ trait InstallAPI {
             exit;
         };
 
-        $qr = qry("SELECT di_wait_uid, di_driver_uid, di_install_date FROM tbl_daily_install WHERE di_uid = '{$di_uid}'");
-        $row = fetch_array($qr);
+        // 1. 대상 조회
+        $qr = qry("
+            SELECT di_uid, di_wait_uid, di_driver_uid, di_install_date
+            FROM tbl_daily_install
+            WHERE di_uid IN ($in)
+        ");
 
-        if (empty($row['di_wait_uid'])) {
-            $fail('select', 'daily_install not found', ['di_uid'=>$di_uid]);
+        $rows = [];
+        while ($r = fetch_array($qr)) {
+            $rows[] = $r;
         }
 
-        $iw_uid        = intval($row['di_wait_uid']);
-        $di_driver_uid = intval($row['di_driver_uid']);
-        $di_install_date = $row['di_install_date']; // ✅ 문자열 유지
+        if (!count($rows)) {
+            $fail('select', 'no rows found');
+        }
 
         qry("START TRANSACTION");
 
-        // container 삭제는 하지말자.
-        // if (qry("DELETE FROM tbl_daily_install_container WHERE dic_di_uid = '{$di_uid}'") === false) {
-        //     qry("ROLLBACK");
-        //     $fail('delete_container', 'failed', ['di_uid'=>$di_uid]);
-        // }
-
-        // daily_install 삭제
-        if (!qry("DELETE FROM tbl_daily_install WHERE di_uid = '{$di_uid}' LIMIT 1")) {
+        // 2. 삭제
+        if (!qry("DELETE FROM tbl_daily_install WHERE di_uid IN ($in)")) {
             qry("ROLLBACK");
-            $fail('delete_daily_install', 'failed', ['di_uid'=>$di_uid]);
+            $fail('delete_daily_install', 'failed');
         }
 
-        // waitlist WAITING 복귀
-        if (!$this->update_waitlist_status($iw_uid, 'WAITING')) {
-            qry("ROLLBACK");
-            $fail('update_waitlist', 'failed', ['iw_uid'=>$iw_uid]);
+        // 3. waitlist 복귀 (중복 제거)
+        $iw_uids = [];
+        foreach ($rows as $r) {
+            if (!empty($r['di_wait_uid'])) {
+                $iw_uids[] = intval($r['di_wait_uid']);
+            }
+        }
+        $iw_uids = array_unique($iw_uids);
+
+        foreach ($iw_uids as $iw_uid) {
+            if (!$this->update_waitlist_status($iw_uid, 'WAITING')) {
+                qry("ROLLBACK");
+                $fail('update_waitlist', 'failed', ['iw_uid'=>$iw_uid]);
+            }
         }
 
-        // seq 재정렬 (같은 driver/date)
-        if (!$this->resequence_daily_install($di_driver_uid, $di_install_date)) {
-            qry("ROLLBACK");
-            $fail('resequence', 'failed', ['di_driver_uid'=>$di_driver_uid,'di_install_date'=>$di_install_date]);
+        // 4. resequence (driver + date별 그룹)
+        $group = [];
+
+        foreach ($rows as $r) {
+            $key = $r['di_driver_uid'].'|'.$r['di_install_date'];
+            $group[$key] = [
+                'driver_uid' => $r['di_driver_uid'],
+                'date' => $r['di_install_date']
+            ];
+        }
+
+        foreach ($group as $g) {
+            if (!$this->resequence_daily_install($g['driver_uid'], $g['date'])) {
+                qry("ROLLBACK");
+                $fail('resequence', 'failed', $g);
+            }
         }
 
         qry("COMMIT");
-        echo $this->json(['ok'=>1]);
+
+        echo $this->json([
+            'ok' => 1,
+            'cnt' => count($rows)
+        ]);
     }
 
     public function resequence_daily_install($di_driver_uid, $di_install_date) {
@@ -916,28 +1029,28 @@ trait InstallAPI {
         $c_uid = intval($_POST['c_uid'] ?? 0);
 
         $type = addslashes($_POST['type'] ?? '');
-        $capacity = $_POST['capacity'] !== '' ? intval($_POST['capacity']) : "NULL";
+        if( $mode != 'PICKUP' ) $capacity = $_POST['capacity'] !== '' ? intval($_POST['capacity']) : "NULL";
         $is_used = $_POST['is_used'] ?? 'N';
         $has_lock = $_POST['has_lock'] ?? 'N';
         $has_wheel = $_POST['has_wheel'] ?? 'N';
         $has_frame = $_POST['has_frame'] ?? 'N';
         $owner_type = $_POST['owner_type'] ?? 'C';
         $install_date = $_POST['install_date'] ?? null;
-        $remove_date = $_POST['remove_date'] ?? null;
+        $pickup_date = $_POST['pickup_date'] ?? null;
         $install_note = addslashes($_POST['install_note'] ?? '');
-        $remove_note = addslashes($_POST['remove_note'] ?? '');
+        $pickup_note = addslashes($_POST['pickup_note'] ?? '');
 
         if($mode==='ADD'){
             $sql = "
                 INSERT INTO tbl_customer_container
                 (cc_customer_uid,cc_type,cc_capacity,cc_is_used,
                 cc_has_lock,cc_has_wheel,cc_has_woodframe,cc_owner_type,
-                cc_status,cc_install_at,cc_install_note,
+                cc_status, cc_install_date, cc_install_at,cc_install_note,
                 cc_createddate,cc_updateddate)
                 VALUES(
                 '{$c_uid}','{$type}',{$capacity},
                 '{$is_used}','{$has_lock}','{$has_wheel}','{$has_frame}','{$owner_type}',
-                'A','{$install_date}','{$install_note}',
+                'A','{$install_date}','{$install_date}','{$install_note}',
                 DATE_FORMAT(NOW(),'%Y%m%d%H%i%s'),
                 DATE_FORMAT(NOW(),'%Y%m%d%H%i%s')
                 )
@@ -958,22 +1071,24 @@ trait InstallAPI {
             $status = $row['cc_status'];
             // 날짜 처리 (빈 값이면 NULL)
             $install_at_sql = $install_date  ? "'{$install_date} 00:00:00'" : "NULL";
-            $remove_at_sql = $remove_date ? "'{$remove_date} 00:00:00'" : "NULL";
+            $pickup_at_sql = $pickup_date ? "'{$pickup_date} 00:00:00'" : "NULL";
 
             // ===== ACTIVE 수정 =====
             if ($status === 'A') {
                 $sql = "
-                    UPDATE tbl_customer_container SET
-                    cc_capacity={$capacity},
-                    cc_is_used='{$is_used}',
-                    cc_has_lock='{$has_lock}',
-                    cc_has_wheel='{$has_wheel}',
-                    cc_has_woodframe='{$has_frame}',
-                    cc_owner_type='{$owner_type}',
-                    cc_install_at={$install_at_sql},
-                    cc_install_note='{$install_note}',
-                    cc_modified_at=NOW(),
-                    cc_updateddate=DATE_FORMAT(NOW(),'%Y%m%d%H%i%s')
+                    UPDATE tbl_customer_container 
+                    SET
+                        cc_capacity={$capacity},
+                        cc_is_used='{$is_used}',
+                        cc_has_lock='{$has_lock}',
+                        cc_has_wheel='{$has_wheel}',
+                        cc_has_woodframe='{$has_frame}',
+                        cc_owner_type='{$owner_type}',
+                        cc_install_date={$install_date},
+                        cc_install_at={$install_at_sql},
+                        cc_install_note='{$install_note}',
+                        cc_modified_at=NOW(),
+                        cc_updateddate=DATE_FORMAT(NOW(),'%Y%m%d%H%i%s')
                     WHERE cc_uid='{$cc_uid}'
                 ";
                 qry($sql);
@@ -981,25 +1096,27 @@ trait InstallAPI {
             // ===== INACTIVE 수정 =====
             else {
                 $sql = "
-                    UPDATE tbl_customer_container SET
-                    cc_remove_at={$remove_at_sql},
-                    cc_remove_note='{$remove_note}',
-                    cc_modified_at=NOW(),
-                    cc_updateddate=DATE_FORMAT(NOW(),'%Y%m%d%H%i%s')
+                    UPDATE tbl_customer_container 
+                    SET
+                        cc_pickup_at={$pickup_at_sql},
+                        cc_pickup_note='{$pickup_note}',
+                        cc_modified_at=NOW(),
+                        cc_updateddate=DATE_FORMAT(NOW(),'%Y%m%d%H%i%s')
                     WHERE cc_uid='{$cc_uid}'
                 ";
                 qry($sql);
             }
         }
 
-        if($mode==='REMOVE'){
+        if($mode==='PICKUP'){
             $sql="
-                UPDATE tbl_customer_container SET
-                cc_status='I',
-                cc_remove_date='{$remove_date}',
-                cc_remove_note='{$remove_note}',
-                cc_remove_at=NOW(),
-                cc_updateddate=DATE_FORMAT(NOW(),'%Y%m%d%H%i%s')
+                UPDATE tbl_customer_container 
+                SET
+                    cc_status='I',
+                    cc_pickup_date='{$pickup_date}',
+                    cc_pickup_note='{$pickup_note}',
+                    cc_pickup_at=NOW(),
+                    cc_updateddate=DATE_FORMAT(NOW(),'%Y%m%d%H%i%s')
                 WHERE cc_uid='{$cc_uid}'
             ";
             qry($sql);
@@ -1025,19 +1142,19 @@ trait InstallAPI {
             }
         }
 
-        if ($remove_date) {
+        if ($pickup_date) {
 
-            $remove_yyyymmdd = str_replace('-', '', $remove_date);
+            $pickup_yyyymmdd = str_replace('-', '', $pickup_date);
 
             $r = qry("SELECT c_removaldate FROM tbl_customer WHERE c_uid='{$c_uid}'");
             $row = mysqli_fetch_assoc($r);
             $current = $row['c_removaldate'];
 
-            if (!$current || $current === 'N/A' || $remove_yyyymmdd > $current) {
+            if (!$current || $current === 'N/A' || $pickup_yyyymmdd > $current) {
 
                 qry("
                     UPDATE tbl_customer
-                    SET c_removaldate='{$remove_yyyymmdd}'
+                    SET c_removaldate='{$pickup_yyyymmdd}'
                     WHERE c_uid='{$c_uid}'
                 ");
             }
@@ -1050,11 +1167,13 @@ trait InstallAPI {
     // DAILY INSTALL 
     public function daily_install_update_status()
     {
-        $di_uid     = intval($_POST['di_uid'] ?? 0);
-        $member_uid = intval($_POST['member_uid'] ?? 0);
-        $newStatus  = strtoupper(trim($_POST['status'] ?? ''));
-        $note       = trim($_POST['install_note'] ?? '');
-        $oil_qty    = intval($_POST['oil_qty'] ?? 0);
+        $di_uid          = intval($_POST['di_uid'] ?? 0);
+        $member_uid      = intval($_POST['member_uid'] ?? 0);
+        $newStatus       = strtoupper(trim($_POST['status'] ?? ''));
+        $install_note    = trim($_POST['install_note'] ?? '');
+        $additional_note = trim($_POST['additional_note'] ?? '');
+        $oil_qty         = intval($_POST['oil_qty'] ?? 0);
+        $sludge          = intval($_POST['sludge'] ?? 0);
 
         $allowed = ['P','M','X'];
 
@@ -1089,18 +1208,24 @@ trait InstallAPI {
         try {
 
             // 2) 상태 업데이트
-            $this->updateDailyInstallStatus($di_uid, $newStatus, $note, $oil_qty);
+            $this->updateDailyInstallStatus($di_uid, $newStatus, $install_note, $oil_qty, $sludge);
+
+            // 2-1) additional note 저장
+            $this->upsertAdditionalNote($di, $additional_note);
 
             // 3) 컨테이너 반영
             if ($di['di_status'] === 'A' && $newStatus === 'P') {
-                $this->apply_container_changes_for_di($di_uid, intval($di['di_customer_uid']));
+                $this->apply_container_changes_for_di($di_uid, $install_note, intval($di['di_customer_uid']));
+
+                // 3-1) 컨테이너 반영 후 customer 의 main 볼륨이랑 main 컨테이너 변경
+                $this->updateCustomerMainContainer(intval($di['di_customer_uid']));
             }
 
             // 4) oil pickup → daily
-            $this->saveDailyFromInstallIfNeeded($di_uid, $oil_qty);
+            $this->saveDailyFromInstallIfNeeded($di_uid, $oil_qty, $sludge);
 
             // 5) waitlist 처리
-            $this->handleWaitlistAfterInstall($di, $newStatus, $member_uid, $note);
+            $this->handleWaitlistAfterInstall($di, $newStatus, $member_uid, $install_note);
 
             // 6) 순서 재정렬
             $this->reorder_daily_install_sequence(
@@ -1121,15 +1246,17 @@ trait InstallAPI {
     private function updateDailyInstallStatus(
         int $di_uid,
         string $newStatus,
-        string $note,
-        int $oil_qty
+        string $install_note,
+        int $oil_qty,
+        int $sludge
     )
     {
         $conn = $GLOBALS['conn'];
 
         $newStatus = mysqli_real_escape_string($conn, $newStatus);
-        $noteEsc   = mysqli_real_escape_string($conn, $note);
+        $noteEsc   = mysqli_real_escape_string($conn, $install_note);
         $oil_qty   = intval($oil_qty);
+        $sludge    = intval($sludge);
 
         $sql = "
             UPDATE tbl_daily_install
@@ -1137,6 +1264,7 @@ trait InstallAPI {
                 di_status = '{$newStatus}',
                 di_install_note = '{$noteEsc}',
                 di_oil_pickup = '{$oil_qty}',
+                di_sludge = '{$sludge}',
                 di_install_time = IF('{$newStatus}' <> 'A', CURTIME(), di_install_time)
             WHERE di_uid = '{$di_uid}'
             LIMIT 1
@@ -1147,18 +1275,166 @@ trait InstallAPI {
         }
     }
 
-    private function saveDailyFromInstallIfNeeded(int $di_uid, int $oil_qty): void
+    /**
+     * install 추가 메모를 tbl_note에 upsert
+     *
+     * install 하면서 컨테이너 위치관련 note를 n_dailyuid 를 'i_{di_uid}' 형태로 저장
+     * 예: di_uid = 123 이면 n_dailyuid = 'i_123'
+     */
+    private function upsertAdditionalNote(array $di, string $additional_note): void
+    {
+        $connect = $GLOBALS['conn'];
+        // 디버그
+        // file_put_contents(__DIR__.'/debug.log', "NOTE: ".$additional_note."\n", FILE_APPEND); 
+        $noteText = trim($additional_note);
+        if (strlen($noteText) <= 1) {
+            return;
+        }
+
+        $di_uid = intval($di['di_uid'] ?? 0);
+        if ($di_uid <= 0) {
+            return;
+        }
+
+        // install 전용 note key
+        $noteDailyUid = 'i_' . $di_uid;
+
+        $n_dailyuid   = mysqli_real_escape_string($connect, $noteDailyUid);
+        $customeruid  = mysqli_real_escape_string($connect, $di['di_customer_uid'] ?? '');
+        $memberuid    = mysqli_real_escape_string($connect, $_SESSION['ss_UID'] ?? '');
+        $noteEsc      = mysqli_real_escape_string($connect, $noteText);
+        $now14        = date('YmdHis');
+        $level        = intval($_SESSION['ss_LEVEL'] ?? 9);
+
+        // 기존 note 존재 여부 확인
+        $qr = mysqli_query($connect, "
+            SELECT n_uid
+            FROM tbl_note
+            WHERE n_dailyuid = '{$n_dailyuid}'
+            LIMIT 1
+        ");
+
+        if (!$qr) {
+            throw new Exception('install note select failed');
+        }
+
+        $existing = mysqli_fetch_assoc($qr);
+
+        if ($existing) {
+            // UPDATE
+            $ok = mysqli_query($connect, "
+                UPDATE tbl_note
+                SET
+                    n_memberuid = '{$memberuid}',
+                    n_customeruid = '{$customeruid}',
+                    n_type = 'D',
+                    n_level = {$level},
+                    n_view = 1,
+                    n_note = '{$noteEsc}',
+                    n_createddate = '{$now14}'
+                WHERE n_dailyuid = '{$n_dailyuid}'
+                LIMIT 1
+            ");
+
+            if (!$ok) {
+                throw new Exception('install note update failed');
+            }
+
+        } else {
+            // INSERT
+            $ok = mysqli_query($connect, "
+                INSERT INTO tbl_note (
+                    n_memberuid,
+                    n_customeruid,
+                    n_dailyuid,
+                    n_type,
+                    n_level,
+                    n_view,
+                    n_note,
+                    n_createddate
+                ) VALUES (
+                    '{$memberuid}',
+                    '{$customeruid}',
+                    '{$n_dailyuid}',
+                    'D',
+                    {$level},
+                    1,
+                    '{$noteEsc}',
+                    '{$now14}'
+                )
+            ");
+
+            if (!$ok) {
+                throw new Exception('install note insert failed');
+            }
+        }
+    }
+
+    private function saveDailyFromInstallIfNeeded(int $di_uid, int $oil_qty, int $sludge): void
     {
-        // 0이면 daily에 반영할 필요 없음
         if ($oil_qty <= 0) return;
 
-        // payload 만들기
-        $payload = $this->buildDailyPayloadFromInstall($di_uid, $oil_qty);
+        $qr = qry("SELECT * FROM tbl_daily_install WHERE di_uid='{$di_uid}' LIMIT 1");
+        $di = mysqli_fetch_assoc($qr);
+        if (!$di) throw new Exception('install not found');
 
-        // ************************************************* payload 에 아래 포함시켜라.
-        // $payload['d_jobtype'] = $payload['d_jobtype'] ?? 'INSTALL';
+        $visitdate = date('Ymd', strtotime($di['di_install_date']));
+        $now14 = date('YmdHis');
 
-        $this->saveDaily($payload, ['in_tx' => 1]);
+        // customer account
+        $qrCus = qry("
+            SELECT 
+                c_accountno,
+                c_regionuid,
+                c_region
+            FROM tbl_customer
+            WHERE c_uid='{$di['di_customer_uid']}'
+            LIMIT 1
+        ");
+        $customer = mysqli_fetch_assoc($qrCus);
+
+        if (!$customer) {
+            throw new Exception('customer not found');
+        }
+
+        // =========================
+        // payload (saveInput 스타일)
+        // =========================
+        $payload = [
+            'd_customeruid' => $di['di_customer_uid'],
+            'd_accountno'   => $customer['c_accountno'],
+            'd_orderdate'   => $visitdate,
+            'd_driveruid'   => $_SESSION['ss_UID'] ?? 0,   // member uid
+            'd_druid'       => 11,       // driver uid 고정 hard coding
+            'd_drinitial'   => 'I.N',    // driver initial 고정 hard coding
+            'd_regionuid'   => $customer['c_regionuid'] ?? 0,
+            'd_region'      => $customer['c_region'] ?? '',
+            'd_visit'       => 'Y',
+            'd_visitdate'   => $visitdate . '000000',
+            'd_status'      => 'F',
+            'd_jobtype'     => 'INSTALL',
+            'd_quantity'    => $oil_qty,
+            'd_sludge'      => $sludge,
+            'd_inputdate'   => $now14,
+            'd_is_transfer' => 'N',
+            'd_level'       => $_SESSION['ss_LEVEL'] ?? '',
+            'd_createruid'  => $_SESSION['ss_UID'] ?? '',
+            'd_createddate' => $now14,
+        ];
+
+        // =========================
+        // 기존 daily 찾기 (중복 방지)
+        // =========================
+        $opt = [
+            'allow_update' => true,
+            'old_key' => [
+                'd_orderdate' => $visitdate,
+                'd_accountno' => $customer['c_accountno'],
+                'd_jobtype'   => 'INSTALL'
+            ]
+        ];
+
+        $this->dailyService->saveDaily($payload, $opt);
     }
 
     private function handleWaitlistAfterInstall(array $di, string $newStatus, int $member_uid, string $note)
@@ -1257,6 +1533,8 @@ trait InstallAPI {
                 iw_address,
                 iw_city,
                 iw_postal,
+                iw_lat,
+                iw_lng,
                 iw_requested_due_date,
                 iw_work_type,
                 iw_status,
@@ -1265,8 +1543,12 @@ trait InstallAPI {
                 iw_scheduled,
                 iw_scheduled_cycle,
                 iw_request_by,
+                iw_request_at,
                 iw_request_note,
                 iw_cs_note,
+                iw_work_note,
+                iw_required_person_cnt,
+                iw_multi_person_reason,
                 iw_request_source
             ) VALUES (
                 '{$wait['iw_customer_uid']}',
@@ -1276,6 +1558,8 @@ trait InstallAPI {
                 '".mysqli_real_escape_string($GLOBALS['conn'], $wait['iw_address'])."',
                 '".mysqli_real_escape_string($GLOBALS['conn'], $wait['iw_city'])."',
                 '".mysqli_real_escape_string($GLOBALS['conn'], $wait['iw_postal'])."',
+                '{$wait['iw_lat']}',
+                '{$wait['iw_lng']}',
                 '{$nextDate}',
                 '".mysqli_real_escape_string($GLOBALS['conn'], $wait['iw_work_type'])."',
                 'WAITING',
@@ -1284,8 +1568,12 @@ trait InstallAPI {
                 1,
                 '{$cycleDays}',
                 '{$wait['iw_request_by']}',
+                '{$installDate}',
                 '".mysqli_real_escape_string($GLOBALS['conn'], (string)$wait['iw_request_note'])."',
                 '".mysqli_real_escape_string($GLOBALS['conn'], (string)$wait['iw_cs_note'])."',
+                '".mysqli_real_escape_string($GLOBALS['conn'], (string)$wait['iw_work_note'])."',
+                '".mysqli_real_escape_string($GLOBALS['conn'], (string)$wait['iw_required_person_cnt'])."',
+                '".mysqli_real_escape_string($GLOBALS['conn'], (string)$wait['iw_multi_person_reason'])."',
                 'AUTO'
             )
         ";
@@ -1339,63 +1627,12 @@ trait InstallAPI {
         }
     }
 
-    private function buildDailyPayloadFromInstall(int $di_uid, int $oil_qty): array
-    {
-        $qr = qry("SELECT * FROM tbl_daily_install WHERE di_uid='{$di_uid}' LIMIT 1");
-        $di = mysqli_fetch_assoc($qr);
-        if (!$di) throw new Exception('install not found');
-
-        $orderdate = date('Ymd', strtotime($di['di_install_date']));
-        $now14 = date('YmdHis');
-
-        $qrCus = qry("SELECT * FROM tbl_customer WHERE c_uid='{$di['di_customer_uid']}' LIMIT 1");
-        $customer = mysqli_fetch_assoc($qrCus);
-        if (!$customer) throw new Exception('customer not found');
-
-        $days = 0;
-        if (!empty($customer['c_lastpickupdate'])) {
-            $last  = strtotime(substr($customer['c_lastpickupdate'],0,8));
-            $today = strtotime($orderdate);
-            $days  = max(0, floor(($today-$last)/86400));
-        }
-
-        $estquantity = max(
-            0,
-            ($customer['c_fullquantity'] - $customer['c_fullquantitydaily'])
-            + ($days * $customer['c_fullquantitydaily'])
-        );
-
-        return [
-            'd_orderdate' => $orderdate,
-            'd_accountno' => $di['di_accountno'],
-            'd_customeruid' => $di['di_customer_uid'],
-            // 'd_driveruid' => $di['di_driver_uid'],
-            'd_driveruid' => 43, // 현재 E.X 로 고정, hard coding
-            'd_name' => $di['di_customer_name'],
-            'd_paymenttype' => $customer['c_paymenttype'],
-            'd_cycle' => $customer['c_paymentcycle'],
-            'd_rate' => $customer['c_rate'],
-            'd_status' => 'F',
-            'd_visit' => 'Y',
-            'd_visitdate' => $now14,
-            'd_quantity' => $oil_qty,
-            'd_estquantity' => $estquantity,
-            'd_inputdate' => $now14,
-            'd_createddate' => $now14,
-            'd_createruid' => $_SESSION['ss_UID'] ?? ''
-        ];
-    }
-
-
-
-
-
-
     public function upload_after_photo() {
 
         $di_uid     = intval($_POST['di_uid'] ?? 0);
         $member_uid = intval($_POST['member_uid'] ?? 0);
         $note       = trim($_POST['note'] ?? '');
+        $i_type     = $_POST['i_type'] ?? 'install';
 
         $fail = function($stage, $msg, $extra = []) {
             echo $this->json(array_merge([
@@ -1423,17 +1660,17 @@ trait InstallAPI {
             $fail('select_di', 'daily_install not found');
         }
 
-        if(!isset($_FILES['after_photo']) || $_FILES['after_photo']['error'] !== 0){
+        if(!isset($_FILES['photo']) || $_FILES['photo']['error'] !== 0){
             $fail('file', 'no file');
         }
 
+        $file = $_FILES['photo'];
         $customer_uid = intval($di['di_customer_uid']);
-        $file = $_FILES['after_photo'];
 
         $ok = $this->save_customer_image_single(
             $customer_uid,
             $member_uid,
-            'install',
+            $i_type,
             $di_uid,   // i_sourceuid = di_uid
             $note,
             $file
@@ -1466,14 +1703,13 @@ trait InstallAPI {
             return false;
         }
 
-        // 작업 단위 1장 유지: (customeruid + type + sourceuid)
+        // 작업 단위 1장 유지: (customeruid + type, sourceuid 는 제외)
         $qry_update = "
             UPDATE tbl_customer_image
             SET i_status = 'I'
             WHERE i_customeruid = '{$i_customeruid}'
-            AND i_type = '{$i_type}'
-            AND i_sourceuid = '{$i_sourceuid}'
-            AND i_status = 'A'
+                AND i_type = '{$i_type}'
+                AND i_status = 'A'
         ";
         if(qry($qry_update) === false) return false;
 
@@ -1483,10 +1719,10 @@ trait InstallAPI {
             mkdir($upload_folder, 0777, true);
         }
 
-        $newFileName = "IMG_".$i_customeruid."_".time().rand(1000,9999)."_0.".$ext;
+        $newFileName = "IMG_".$i_customeruid."_".time().rand(1000,9999)."_0.jpg";
         $savePath = $upload_folder . "/" . $newFileName;
 
-        if(!move_uploaded_file($file['tmp_name'], $savePath)){
+        if (!$this->compressAndResizeImage($file['tmp_name'], $savePath, $ext, 1200, 75)) {
             return false;
         }
 
@@ -1521,7 +1757,7 @@ trait InstallAPI {
         return qry($sqlIns) !== false;
     }
 
-    private function apply_container_changes_for_di($di_uid, $customer_uid){
+    private function apply_container_changes_for_di($di_uid, $note, $customer_uid){
 
         $containers = [];
         $rc = qry("SELECT * FROM tbl_daily_install_container WHERE dic_di_uid = '{$di_uid}'");
@@ -1550,29 +1786,23 @@ trait InstallAPI {
             $has_wheel  = mysqli_real_escape_string($GLOBALS['conn'], $c['dic_has_wheel'] ?? 'N');
             $has_wood   = mysqli_real_escape_string($GLOBALS['conn'], $c['dic_has_woodframe'] ?? 'N');
 
-            // REMOVE
-            if($action === 'REMOVE'){
-
-                $removeNote = mysqli_real_escape_string(
-                    $GLOBALS['conn'],
-                    "Removed via DI#{$di_uid}"
-                );
-
+            // PICKUP
+            if($action === 'PICKUP'){
                 qry("
                     UPDATE tbl_customer_container
                     SET cc_status='I',
-                        cc_remove_note='{$removeNote}',
-                        cc_remove_at=NOW(),
-                        cc_remove_date=NOW(),
+                        cc_pickup_note='{$note}',
+                        cc_pickup_at=NOW(),
+                        cc_pickup_date=NOW(),
                         cc_modified_at=NOW()
                     WHERE cc_uid = (
                         SELECT cc_uid FROM (
                             SELECT cc_uid
                             FROM tbl_customer_container
                             WHERE cc_customer_uid='{$customer_uid}'
-                            AND cc_status='A'
-                            AND cc_type='{$type}'
-                            AND (cc_capacity {$capacityCond})
+                                AND cc_status='A'
+                                AND cc_type='{$type}'
+                                AND (cc_capacity {$capacityCond})
                             ORDER BY IFNULL(cc_install_at,'1970-01-01'), cc_uid
                             LIMIT 1
                         ) x
@@ -1594,24 +1824,230 @@ trait InstallAPI {
                         cc_status,
                         cc_install_note,
                         cc_install_at, cc_install_date,
-                        cc_createddate, cc_updateddate,
-                        cc_modified_at
+                        cc_createddate, cc_updateddate
                     ) VALUES (
                         '{$customer_uid}',
                         '{$type}', {$capacityVal},
                         '{$owner_type}',
                         '{$is_used}', '{$has_lock}', '{$has_wheel}', '{$has_wood}',
                         'A',
-                        'Installed via DI#{$di_uid}',
+                        '{$note}',
                         NOW(), NOW(),
-                        '{$nowYmdHis}', '{$nowYmdHis}',
-                        NOW()
+                        NOW(), NOW()
                     )
                 ");
             }
         }
     }
 
+    private function updateCustomerMainContainer($customer_uid)
+    {
+        $customer_uid = intval($customer_uid);
+
+        // =========================================
+        // 0) 수동 관리
+        // =========================================
+        $qr = qry("
+            SELECT 
+                c_manualvolume,
+                c_fullcycleflag,
+                c_fullcycleforced,
+                c_mainvolume
+            FROM tbl_customer
+            WHERE c_uid = '{$customer_uid}'
+            LIMIT 1
+        ");
+        $cus = mysqli_fetch_assoc($qr);
+
+        if (!$cus) {
+            throw new Exception('customer not found');
+        }
+
+        if ($cus['c_manualvolume'] === 'Y') {
+            // 아무것도 하지 않음
+            return;
+        }
+        // 기존 mainvolume 저장
+        $oldVolume = intval($cus['c_mainvolume'] ?? 0);
+
+        // =========================================
+        // 1) active container 조회
+        // =========================================
+        $rc = qry("
+            SELECT
+                cc_type,
+                cc_capacity,
+                cc_owner_type
+            FROM tbl_customer_container
+            WHERE cc_customer_uid = '{$customer_uid}'
+            AND cc_status = 'A'
+        ");
+
+        $containers = [];
+        while ($row = mysqli_fetch_assoc($rc)) {
+            $containers[] = $row;
+        }
+
+        // =========================================
+        // 2) 컨테이너 없으면 초기화
+        // =========================================
+        if (!count($containers)) {
+
+            qry("
+                UPDATE tbl_customer
+                SET
+                    c_mainvolume = 0,
+                    c_maincontainer = ''
+                WHERE c_uid = '{$customer_uid}'
+                LIMIT 1
+            ");
+
+            return;
+        }
+
+        // =========================================
+        // 3) 타입 분류 (D / B)
+        // =========================================
+        $d_list = []; // D 계열
+        $b_list = []; // B 계열
+
+        foreach ($containers as $c) {
+
+            $type = strtoupper(trim($c['cc_type'] ?? ''));
+            $capacity = intval($c['cc_capacity'] ?? 0); // null / '' → 0 처리
+
+            // B 타입 판별 400B, 600B, CB 등
+            if (preg_match('/^\d*B$/', $type) || $type === 'CB') {
+
+                $b_list[] = [
+                    'type' => $type,
+                    'capacity' => $capacity
+                ];
+            }
+
+            // D 타입 판별 
+            else if ($type === 'D') {
+
+                $d_list[] = [
+                    'type' => $type,
+                    'capacity' => 200 // D는 고정 200
+                ];
+            }
+
+            // BUCKET / TANK 등은 무시
+        }
+
+        // =========================================
+        // 4) B가 하나라도 있으면 → B 기준 처리
+        // =========================================
+        if (count($b_list) > 0) {
+
+            $maxCapacity = 0;
+            $maxType = '';
+
+            foreach ($b_list as $b) {
+
+                if ($b['capacity'] > $maxCapacity) {
+                    $maxCapacity = $b['capacity'];
+                    $maxType = $b['type'];
+                }
+            }
+
+            // capacity가 전부 0일 수도 있음 (예외 처리)
+            if ($maxCapacity <= 0) {
+                $maxType = $b_list[0]['type']; // fallback
+            }
+
+            // forced cycle
+            $newVolume = $maxCapacity;
+            $this->adjustFullCycle($customer_uid, $cus, $oldVolume, $newVolume);
+
+            // main volume
+            qry("
+                UPDATE tbl_customer
+                SET
+                    c_mainvolume = '{$maxCapacity}',
+                    c_maincontainer = '{$maxType}'
+                WHERE c_uid = '{$customer_uid}'
+                LIMIT 1
+            ");
+
+            return;
+        }
+
+        // =========================================
+        // 5) B 없고 D만 있는 경우
+        // =========================================
+        if (count($d_list) > 0) {
+
+            $count = count($d_list);
+
+            if ($count === 1) {
+                $volume = 200;
+            } else {
+                $volume = $count * 200;
+            }
+
+            // forced cycle
+            $newVolume = $volume;
+            $this->adjustFullCycle($customer_uid, $cus, $oldVolume, $newVolume);
+
+            // main volume
+            qry("
+                UPDATE tbl_customer
+                SET
+                    c_mainvolume = '{$volume}',
+                    c_maincontainer = 'D'
+                WHERE c_uid = '{$customer_uid}'
+                LIMIT 1
+            ");
+
+            return;
+        }
+
+        // =========================================
+        // 6) fallback (이상 케이스)
+        // =========================================
+        qry("
+            UPDATE tbl_customer
+            SET
+                c_mainvolume = 0,
+                c_maincontainer = ''
+            WHERE c_uid = '{$customer_uid}'
+            LIMIT 1
+        ");
+    }
+
+    private function adjustFullCycle($customer_uid, $cus, $oldVolume, $newVolume)
+    {
+        // 조건 체크
+        if ($cus['c_manualvolume'] !== 'N') return;
+        if (intval($cus['c_fullcycleflag']) !== 1) return;
+
+        $forced = floatval($cus['c_fullcycleforced'] ?? 0);
+
+        // 기존 값이 없으면 의미 없음
+        if ($forced <= 0) return;
+
+        // oldVolume 0이면 비율 계산 불가 → skip
+        if ($oldVolume <= 0) return;
+
+        // newVolume 0이면 forced도 0으로
+        if ($newVolume <= 0) {
+            $newForced = 0;
+        } else {
+            $ratio = $newVolume / $oldVolume;
+            $newForced = $forced * $ratio;
+        }
+
+        qry("
+            UPDATE tbl_customer
+            SET c_fullcycleforced = '{$newForced}'
+            WHERE c_uid = '{$customer_uid}'
+            LIMIT 1
+        ");
+    }
+
     private function reorder_daily_install_sequence($driver_uid, $install_date) {
 
         $driver_uid = intval($driver_uid);
@@ -1738,4 +2174,186 @@ trait InstallAPI {
         echo $this->json(['ok'=>1]);
         exit;
     }
+
+    public function bulk_update_daily_install() {
+
+        $di_uids = $_POST['di_uids'] ?? [];
+        $new_driver_uid = intval($_POST['di_driver_uid'] ?? 0);
+        $new_install_date = trim($_POST['di_install_date'] ?? '');
+
+        if (!is_array($di_uids) || !count($di_uids)) {
+            echo $this->json(['ok'=>0, 'msg'=>'invalid di_uids']);
+            return;
+        }
+
+        $di_uids = array_map('intval', $di_uids);
+        $di_uids = array_filter($di_uids);
+
+        if (!count($di_uids)) {
+            echo $this->json(['ok'=>0, 'msg'=>'empty di_uids']);
+            return;
+        }
+
+        if (!$new_driver_uid || !$new_install_date) {
+            echo $this->json(['ok'=>0, 'msg'=>'invalid target params']);
+            return;
+        }
+
+        $in = implode(',', $di_uids);
+        $conn = $GLOBALS['conn'];
+
+        $fail = function($stage, $msg, $extra = []) use ($conn) {
+            echo $this->json(array_merge([
+                'ok'    => 0,
+                'stage' => $stage,
+                'msg'   => $msg,
+                'db'    => mysqli_error($conn)
+            ], $extra));
+            exit;
+        };
+
+        // 1) 대상 조회
+        $qr = qry("
+            SELECT di_uid, di_driver_uid, di_install_date
+            FROM tbl_daily_install
+            WHERE di_uid IN ($in)
+        ");
+
+        $rows = [];
+        while ($r = fetch_array($qr)) {
+            $rows[] = $r;
+        }
+
+        if (!count($rows)) {
+            $fail('select', 'no rows found');
+        }
+
+        // 2) 기존 그룹 수집
+        $oldGroups = [];
+        foreach ($rows as $r) {
+            $key = intval($r['di_driver_uid']) . '|' . $r['di_install_date'];
+            $oldGroups[$key] = [
+                'driver_uid' => intval($r['di_driver_uid']),
+                'date'       => $r['di_install_date']
+            ];
+        }
+
+        qry("START TRANSACTION");
+
+        // 3) 대상 업데이트
+        $new_driver_uid_esc = intval($new_driver_uid);
+        $new_install_date_esc = mysqli_real_escape_string($conn, $new_install_date);
+
+        $sql = "
+            UPDATE tbl_daily_install
+            SET
+                di_driver_uid = '{$new_driver_uid_esc}',
+                di_install_date = '{$new_install_date_esc}'
+            WHERE di_uid IN ($in)
+        ";
+
+        if (!qry($sql)) {
+            qry("ROLLBACK");
+            $fail('update', 'bulk update failed');
+        }
+
+        // 4) 새 그룹 resequence
+        if (!$this->resequence_daily_install($new_driver_uid_esc, $new_install_date_esc)) {
+            qry("ROLLBACK");
+            $fail('resequence_new', 'failed', [
+                'di_driver_uid'   => $new_driver_uid_esc,
+                'di_install_date' => $new_install_date_esc
+            ]);
+        }
+
+        // 5) 이전 그룹 resequence
+        foreach ($oldGroups as $g) {
+            $sameGroup =
+                intval($g['driver_uid']) === $new_driver_uid_esc &&
+                $g['date'] === $new_install_date_esc;
+
+            if ($sameGroup) continue;
+
+            if (!$this->resequence_daily_install($g['driver_uid'], $g['date'])) {
+                qry("ROLLBACK");
+                $fail('resequence_old', 'failed', $g);
+            }
+        }
+
+        qry("COMMIT");
+
+        echo $this->json([
+            'ok' => 1,
+            'cnt' => count($rows)
+        ]);
+    }
+
+    function compressAndResizeImage($srcPath, $destPath, $ext, $maxWidth = 1200, $quality = 75) {
+
+        list($width, $height, $imageType) = getimagesize($srcPath);
+
+        if (!$width || !$height) return false;
+
+        switch ($imageType) {
+            case IMAGETYPE_JPEG:
+                $srcImg = imagecreatefromjpeg($srcPath);
+
+                if (function_exists('exif_read_data')) {
+                    $exif = @exif_read_data($srcPath);
+
+                    if (!empty($exif['Orientation'])) {
+                        switch ($exif['Orientation']) {
+                            case 3:
+                                $srcImg = imagerotate($srcImg, 180, 0);
+                                break;
+                            case 6:
+                                $srcImg = imagerotate($srcImg, -90, 0);
+                                break;
+                            case 8:
+                                $srcImg = imagerotate($srcImg, 90, 0);
+                                break;
+                        }
+                    }
+
+                    $width = imagesx($srcImg);
+                    $height = imagesy($srcImg);
+                }
+
+                break;
+            case IMAGETYPE_PNG:
+                $srcImg = imagecreatefrompng($srcPath);
+                break;
+            case IMAGETYPE_WEBP:
+                $srcImg = imagecreatefromwebp($srcPath);
+                break;
+            default:
+                return false;
+        }
+
+        if (!$srcImg) return false;
+
+        if ($width > $maxWidth) {
+            $newWidth = $maxWidth;
+            $newHeight = intval(($height / $width) * $newWidth);
+        } else {
+            $newWidth = $width;
+            $newHeight = $height;
+        }
+
+        $dstImg = imagecreatetruecolor($newWidth, $newHeight);
+
+        imagecopyresampled(
+            $dstImg, $srcImg,
+            0, 0, 0, 0,
+            $newWidth, $newHeight,
+            $width, $height
+        );
+
+        $result = imagejpeg($dstImg, $destPath, $quality);
+
+        imagedestroy($srcImg);
+        imagedestroy($dstImg);
+
+        return $result;
+    }
 }
diff --git a/public_html/assets/css/main.css b/public_html/assets/css/main.css
index 704f774..bdbbfda 100644
--- a/public_html/assets/css/main.css
+++ b/public_html/assets/css/main.css
@@ -1815,6 +1815,491 @@ table.table-search-report .tb-list th {
   z-index: 999;
 }
 
+/* Install wait list */
+.waitlist-scroll {
+    height: calc(100vh - 260px); /* header + search 고려 */
+    overflow-y: auto;
+}
+.wait-card {
+    border-bottom: 1px solid #eee;
+    padding: 12px 16px;
+    cursor: pointer;
+}
+.wait-card:hover {
+    background: #f8f9fa;
+}
+.wait-card.trial-selected {
+  background: #fff8e1;        /* 연한 노랑 */
+  border-color: #ffc107;
+  box-shadow: 0 0 0 2px rgba(255,193,7,.25);
+}
+.container-chips {
+    cursor: pointer;
+    display: flex;
+    gap: 6px;
+    flex-wrap: wrap;
+}
+.container-chips .chip {
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+    font-size: 12px;
+    line-height: 1.2;
+    padding: 3px 8px;
+    border-radius: 6px;
+    white-space: nowrap;
+    background: #e9ecef;
+    color: #333;
+}
+.container-chips .chip-company {
+    background: #e9ecef;
+    color: #333;
+}
+.container-chips .chip-restaurant {
+    background: #fff3cd;           /* warning subtle */
+    color: #664d03;
+    border: 1px solid #ffecb5;
+}
+.container-chips .chip-flag {
+    margin-left: 4px;
+    padding: 0 6px;
+    font-size: 11px;
+    font-weight: 700;
+    border-radius: 999px;
+    background: #ffe69c;
+    color: #664d03;
+}
+.container-chips .chip-task {
+    background: #dee2e6;
+    color: #212529;
+}
+.container-chips .chip i {
+    font-size: 13px;
+    line-height: 1;
+}
+.container-chips .chip-count {
+  margin-left: 4px;
+  font-size: 11px;
+  font-weight: 600;
+  color: #495057;
+}
+.note-line {
+  display: flex;
+  gap: 6px;
+  align-items: flex-start;
+}
+.note-label {
+  font-size: 12px;
+  font-weight: 600;
+  color: #666;
+  min-width: 58px;
+}
+.note-text {
+  font-size: 12px;
+  line-height: 1.3;
+}
+/*modal*/
+.modal-body {
+  overflow: hidden;
+  padding: 0;
+}
+.install-wait-viewport {
+  overflow: hidden;
+  width: 100%;
+}
+.install-wait-steps-wrapper {
+  display: grid;
+  grid-auto-flow: column;
+  grid-auto-columns: 100%;
+  transition: transform 0.35s ease;
+}
+.install-wait-step {
+  padding: 1.25rem;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+}
+.install-wait-step > .step-content {
+  flex: 1;
+}
+.customer-row.selected {
+  background-color: #e7f1ff;
+  border-left: 4px solid #0d6efd;
+  padding-left: 0.75rem;
+}
+#btnStep1Next,
+#btnStep2Next {
+  min-width: 48px;
+  transition: all 0.15s ease;
+}
+.iw-inline-ctrl {
+  height: 34px;
+}
+button.iw-inline-ctrl {
+  padding: 0 12px;
+  line-height: 1.2;
+}
+input.iw-inline-ctrl,
+.iw-inline-ctrl input {
+  padding-top: 4px;
+  padding-bottom: 4px;
+  line-height: 1.2;
+}
+.input-group.iw-inline-ctrl {
+  display: flex;
+  align-items: stretch;
+}
+.input-group.iw-inline-ctrl .form-control {
+  height: 100%;
+}
+.iw-toggle-on {
+  background-color: #e7f1ff;
+  border-color: #0d6efd;
+  color: #0d6efd;
+}
+.iw-toggle-on:hover {
+  background-color: #dbe9ff;
+}
+.active-step {
+  background-color: #e7f1ff;
+  border-color: #0d6efd;
+  color: #0d6efd;
+}
+.active-step:hover {
+  background-color: #dbe9ff;
+  transform: translateX(2px);
+}
+.iw-job-grid {
+  display: grid;
+  grid-template-columns: repeat(5, 1fr); /* 항상 한 줄 */
+  gap: 0.5rem;
+}
+.iw-job-card {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.4rem;
+  padding: 0.6rem 0.5rem;
+  font-size: 0.9rem;
+  background: #fff;
+  border: 1px solid #dee2e6;
+  border-radius: 0.375rem;
+  cursor: pointer;
+  transition: all 0.15s ease;
+}
+.iw-job-card i {
+  font-size: 1rem;
+}
+.iw-job-card:hover {
+  background: #f1f5ff;
+  border-color: #b6c8ff;
+}
+.iw-job-card.active {
+  background: #e7f1ff;
+  border-color: #0d6efd;
+  color: #0d6efd;
+}
+.iw-container-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
+  gap: 0.5rem;
+}
+.iw-container-card {
+  border: 1px solid #dee2e6;
+  padding: 0.5rem;
+  border-radius: 0.375rem;
+  cursor: pointer;
+  text-align: center;
+  font-size: 0.85rem;
+}
+.iw-container-card.active {
+  background: #e7f1ff;
+  border-color: #0d6efd;
+  color: #0d6efd;
+}
+/**/
+#iwScheduleDate,
+#iwPhotos,
+#iwRequestDate,
+#iwRequestBy,
+#iwSelectCapacity,
+#iwRequestNote,
+#iwCsNote,
+#kwCustomer,
+#iwMapDate
+{
+  margin-bottom: 0px !important;
+}
+#iwSelectCapacity {
+  width: 75px;
+}
+#iwRequestBy{
+  padding-top: 0.875em;
+  padding-bottom: 0.875em;
+}
+.iw-action-row {
+  display: flex;
+  gap: 12px;
+  margin-bottom: 12px;
+}
+.iw-action-row .task-action-box {
+  flex: 1;
+}
+.iw-add-btn {
+  min-width: 70px;
+  height: 36px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  white-space: nowrap;
+}
+.iw-name, .customer-name {
+  display: inline-block;
+  max-width: 140px;       /* 이름 최대 폭 */
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  vertical-align: bottom;
+}
+.iw-header {
+  background-color: var(--color-primary); 
+  color: var(--color-white);
+}
+.iw-ui-control {
+  height: 36px;
+  display: flex;
+  align-items: center;
+}
+.iw-checkbox-wrap {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  cursor: pointer;
+}
+.iw-checkbox-wrap input {
+  transform: scale(1.3);
+  cursor: pointer;
+}
+.task-action-box {
+  flex: 1;
+  padding: 8px;
+  border: 1px solid #dee2e6;
+  border-radius: 6px;
+  background: #f8f9fa;
+}
+.task-action-title {
+  font-size: 12px;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  margin-bottom: 4px;
+}
+.task-action-title.pickup {
+  color: #dc3545; /* bootstrap danger */
+}
+.task-action-title.install {
+  color: #198754; /* bootstrap success */
+}
+@media (max-width: 768px) {
+  .task-actions {
+    flex-direction: column;
+  }
+}
+#filterTwoPerson.active {
+  background-color: #212529;
+  color: #fff;
+}
+.container-card {
+  border:1px solid #ddd;
+  border-radius:6px;
+  padding:10px;
+  margin-bottom:8px;
+  background:#fff;
+}
+.container-card.inactive {
+  background:#f7f7f7;
+  opacity:0.85;
+}
+#containerCardWrap {
+  display: grid;
+  gap: 10px;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+@media (min-width: 1200px) {
+  #containerCardWrap { grid-template-columns: repeat(3, minmax(0, 1fr)); }
+}
+@media (max-width: 768px) {
+  #containerCardWrap { grid-template-columns: repeat(1, minmax(0, 1fr)); }
+}
+.flag-marker {
+  position: relative;
+  padding: 4px 8px;
+  border-radius: 6px;
+  font-size: 13px;
+  font-weight: 700;
+  white-space: nowrap;
+  box-shadow: 0 2px 6px rgba(0,0,0,.25);
+}
+.flag-body {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+.flag-tail {
+  position: absolute;
+  left: 50%;
+  bottom: -8px;
+  transform: translateX(-50%);
+  width: 0;
+  height: 0;
+  border-left: 7px solid transparent;
+  border-right: 7px solid transparent;
+  border-top: 8px solid;
+  border-top-color: var(--flag-bg);
+}
+.flag-order {
+  font-weight: 800;
+}
+.flag-icon {
+  font-size: 12px;
+}
+.install-map-legend{
+  position:absolute;
+  top:12px;
+  right:12px;
+  z-index:10;
+  min-width:140px;
+  max-width:220px;
+  background:rgba(255,255,255,0.95);
+  border:1px solid #dcdcdc;
+  border-radius:10px;
+  box-shadow:0 2px 10px rgba(0,0,0,0.08);
+  padding:10px 12px;
+  font-size:13px;
+}
+
+.install-map-legend-title{
+  font-weight:700;
+  margin-bottom:8px;
+}
+
+.install-map-legend-item{
+  display:flex;
+  align-items:center;
+  gap:8px;
+  margin-bottom:6px;
+}
+.install-map-legend-item:last-child{
+  margin-bottom:0;
+}
+
+.install-map-legend-swatch{
+  width:14px;
+  height:14px;
+  border-radius:50%;
+  flex:0 0 14px;
+  border:1px solid rgba(0,0,0,0.15);
+}
+.reorder-selected-row {
+  outline: 2px solid red;
+}
+.summary-bar {
+  position: relative;
+}
+.view-toggle {
+  display: flex;
+  border: 1px solid #ccc;
+  border-radius: 8px;
+  overflow: hidden;
+  background: #fff;
+  margin-left: 12px;
+}
+.view-toggle label {
+  margin: 0;
+  cursor: pointer;
+}
+.view-toggle input[type="radio"] {
+  display: none;
+}
+.view-toggle span {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 44px;
+  height: 36px;
+  color: #666;
+  font-size: 18px;
+  background: #f1f1f1;
+}
+.view-toggle input[type="radio"]:checked + span {
+  background: #ffca1a;
+  color: #333;
+}
+tr.status-P {
+  background-color: #b9c2c9;
+  color: #343a42;
+  text-decoration: line-through;
+  opacity: 0.75;
+}
+tr.status-M {
+  background-color: #fff3cd; /* bootstrap warning light */
+  border-left: 4px solid #ff9800;
+  text-decoration: line-through;
+  opacity: 0.75;
+}
+tr.status-X {
+  background-color: #f8d7da; /* bootstrap danger light */
+  border-left: 4px solid #dc3545;
+  text-decoration: line-through;
+  opacity: 0.75;
+}
+
+/* ============================
+   photo
+   ============================ */
+.photo-card {
+  border: 1px solid #ddd;
+  border-radius: 10px;
+  padding: 10px;
+  background: #fafafa;
+  height: 100%;
+}
+
+.photo-header {
+  font-weight: 600;
+  font-size: 13px;
+  margin-bottom: 6px;
+}
+
+.photo-card.before .photo-header {
+  color: #6c757d;
+}
+
+.photo-card.after .photo-header {
+  color: #0d6efd;
+}
+
+.photo-body {
+  min-height: 80px;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+}
+
+/* 이미지 썸네일 */
+.photo-body img {
+  width: 60px;
+  height: 60px;
+  object-fit: cover;
+  border-radius: 6px;
+  border: 1px solid #ccc;
+}
+
 /* ============================
    Segmented Radio Button
    ============================ */
@@ -1838,6 +2323,7 @@ table.table-search-report .tb-list th {
 
 .radio-segment span {
     display: block;
+    width: 100%;
     text-align: center;
     padding: 8px 0;
     background: #e7e7e7;
@@ -1877,4 +2363,4 @@ table.table-search-report .tb-list th {
   .radio-segment label:last-child span {
       border-radius: 0 0 5px 5px;
   }
-}
\ No newline at end of file
+}
diff --git a/public_html/assets/css/mapMAPCSS.css b/public_html/assets/css/mapMAPCSS.css
index 5f8f028..db68f2a 100644
--- a/public_html/assets/css/mapMAPCSS.css
+++ b/public_html/assets/css/mapMAPCSS.css
@@ -239,7 +239,9 @@
   #map-modal-input .td-title-info,
   #map-modal-history .td-title-info,
   #map-modal-info .td-title-info,
-  #map-modal-note .td-title-info {
+  #map-modal-container-request .td-title-info,
+  #customerImageModal .td-title-info
+   {
     background-color: var(--color-sub);
     color: #fff;
   }
@@ -430,7 +432,9 @@
 #map-modal-history .modal-header,
 #map-modal-info .modal-header,
 #map-modal-note .modal-header,
-#map-modal-input .modal-header{
+#map-modal-input .modal-header,
+#map-modal-container-request .modal-header,
+#customerImageModal .modal-header{
   padding: 0px 15px !important;
 }
 
@@ -438,7 +442,9 @@
 #map-modal-history .modal-header h4,
 #map-modal-info .modal-header h4,
 #map-modal-note .modal-header h4,
-#map-modal-input .modal-header h4{
+#map-modal-input .modal-header h4,
+#map-modal-container-request .modal-header h4,
+#customerImageModal .modal-header h4{
   font-size: 18px !important;
 }
 
@@ -446,7 +452,9 @@
 #map-modal-input .modal-content,
 #map-modal-history .modal-content,
 #map-modal-info .modal-content,
-#map-modal-note .modal-content{
+#map-modal-note .modal-content,
+#map-modal-container-request .modal-content,
+#customerImageModal .modal-content{
   border-radius: 0.5em !important;
 }
 
@@ -454,7 +462,9 @@
 #map-modal-input,
 #map-modal-history,
 #map-modal-info,
-#map-modal-note{
+#map-modal-note,
+#map-modal-container-request,
+#customerImageModal{
   top: 55px;
 
 
@@ -496,6 +506,12 @@
 .btn-nearby-modal{
   background-color: #e24400;
 }
+.btn-container-request {
+  background-color: #af415c;
+}
+.btn-image-modal {
+  background-color: #4195af;
+}
 .btn-info-modal{
   background-color: var(--color-sub);
 }
@@ -694,17 +710,17 @@ input#Liter{
   }
 }
 
-.map-grid-layout-col-3 {
+.map-grid-layout-col-4 {
   max-width: 1000px;
   margin: 0 auto;
   display: grid;
   gap: .3rem;
 }
 @media (min-width: 300px) {
-  .map-grid-layout-col-3 { grid-template-columns: repeat(3, 1fr); }
+  .map-grid-layout-col-4 { grid-template-columns: repeat(4, 1fr); }
 }
 @media (max-width: 819px) {
-  .map-grid-layout-col-3 {
+  .map-grid-layout-col-4 {
     max-width: 1000px;
     margin: 0 auto;
     display: grid;
diff --git a/public_html/assets/internal_api.php b/public_html/assets/internal_api.php
index 7604ac5..b9a3ddc 100644
--- a/public_html/assets/internal_api.php
+++ b/public_html/assets/internal_api.php
@@ -1449,8 +1449,7 @@ class API extends CONF {
                             WHERE
                                 td.d_customeruid = tc.c_uid
                                 AND td.d_customeruid='".$_POST['c_uid']."'
-                                AND td.d_orderdate='".$_POST['orderdate']."'
-                                AND td.d_jobtype ='".($_POST['jobtype'] ?? 'UCO')."'"
+                                AND td.d_orderdate='".$_POST['orderdate']."'"
                             );           
                             
             $result = array();
diff --git a/public_html/doc/customer_detail.php b/public_html/doc/customer_detail.php
index e549196..9870f7c 100644
--- a/public_html/doc/customer_detail.php
+++ b/public_html/doc/customer_detail.php
@@ -83,20 +83,37 @@ if ($mode == "update") {
 	$c_form_euSTR = $func -> convertFormat ($c_form_eu, 3);
 	$c_form_corsiaSTR = $func -> convertFormat ($c_form_corsia, 3);	
 	$c_contractdateSTR = $func -> convertFormat ($c_contractdate, 3);
-	if ($c_installdate != "N/A")	$c_installdateSTR = $func -> convertFormat ($c_installdate, 3);
-	else $c_installdateSTR = "N/A";
 	$c_schedulebasicSTR = $func -> convertFormat ($c_schedulebasic, 3);
 	$c_fpickupSTR = $func -> convertFormat ($c_fpickup, 3);
-	
-	if ($c_removaldate != "N/A")	$c_removaldateSTR = $func -> convertFormat ($c_removaldate, 3);
-	else $c_removaldateSTR = "N/A";
+    $c_lastpickupdateSTR = $func -> convertFormat ($c_lastpickupdate, 3);
 
 	if ($c_inactivedate != "N/A")	$c_inactivedateSTR = $func -> convertFormat ($c_inactivedate, 3);
 	else $c_inactivedateSTR = "N/A";
 	if ($c_inactivedateSTR == "-") $c_inactivedateSTR = str_replace("-", "", $c_inactivedateSTR);
 	
-	if ($c_exchangedate != "N/A")	$c_exchangedateSTR = $func -> convertFormat ($c_exchangedate, 3);
-	else $c_exchangedateSTR = "N/A";
+  if ($c_installdate != "N/A")	$c_installdateSTR = $func -> convertFormat ($c_installdate, 3);
+	else $c_installdateSTR = "N/A";
+	
+  // 
+  function safeDate($val) {
+      if (!$val || $val === 'N/A') return null;
+      if (!preg_match('/^\d{8}$/', $val)) return null;
+      return $val;
+  }
+
+  $dates = [];
+  $d1 = safeDate($c_installdate);
+  $d2 = safeDate($c_exchangedate);
+  $d3 = safeDate($c_removaldate);
+
+  if ($d1) $dates[] = $d1;
+  if ($d2) $dates[] = $d2;
+  if ($d3) $dates[] = $d3;
+
+  $lastWork = !empty($dates) ? max($dates) : null;
+
+  $lastWorkSTR = $lastWork ? $func->convertFormat($lastWork, 3): 'N/A';
+  //
 
 	if ($c_switchformdate != "N/A")	$c_switchformdateSTR = $func -> convertFormat ($c_switchformdate, 3);
 	else $c_switchformdateSTR = "N/A";
@@ -105,6 +122,27 @@ if ($mode == "update") {
 	if (is_numeric($c_salescommissiondate)) $c_salescommissiondateSTR = $func -> convertFormat ($c_salescommissiondate, 7);
 	else $c_salescommissiondateSTR = $c_salescommissiondate;
 	
+
+  // ===============================
+  // Customer Containers
+  // ===============================
+  $isManualChecked = ($c_manualvolume == 'Y') ? 'checked' : '';
+  
+  $containerList = [];
+
+  $q2 = "
+      SELECT *
+      FROM tbl_customer_container
+      WHERE cc_customer_uid = '{$c_uid}'
+      ORDER BY cc_status, cc_uid DESC
+  ";
+
+  $rlt = mysqli_query($jdb->DBConn, $q2);
+
+  while ($row = mysqli_fetch_array($rlt, MYSQLI_ASSOC)) {
+      $containerList[] = $row;
+  }
+  // 
 }
 else {
 	$c_salescommissiondateSTR = "NOT YET";
@@ -277,7 +315,7 @@ if ($mode == "update") {
 
     } else {
         // 기존 daily 정보 조회
-        $query = "SELECT * FROM tbl_daily WHERE d_customeruid = '$c_uid' AND d_orderdate = '".date("Ymd")."' AND d_jobtype = 'UCO'";
+        $query = "SELECT * FROM tbl_daily WHERE d_customeruid = '$c_uid' AND d_orderdate = '".date("Ymd")."'";
         $result = $jdb->fQuery($query, "fetch query error");
 
         if (is_array($result)) {
@@ -363,79 +401,73 @@ addLog ("add", "CUSTOMER DETAIL", "VIEW", $lguserid, $query, $c_uid);
 $(document).ready(function(){
 
 $(function () {
-	$('#c_contractdate, #c_form_eu, #c_form_corsia, #c_installdate, #c_fpickup, #c_removaldate, #d_visitdate, #c_exchangedate, #c_inactivedate, #c_switchformdate').datepicker({ 
-
-					dateFormat: 'yy-mm-dd',
-									//minDate: "-10D", 
-									//maxDate: "+1M",
-									//maxDate: "+1M +10D",
-		              //showOn: "button",
-		              //yearRange: '-50:+5',
-		              buttonImage: "/images/cal_red.png",
-		              //beforeShowDay: $.datepicker.noWeekends,
-		              buttonImageOnly: true,
-		              //showOn: "both",
-		              changeMonth: true,
-		              changeYear: true,
-		              firstDay: 7              
+	$('#c_contractdate, #c_form_eu, #c_form_corsia, #c_fpickup, #c_removaldate, #d_visitdate, #c_inactivedate, #c_switchformdate').datepicker({
+    dateFormat: 'yy-mm-dd',
+    buttonImage: "/images/cal_red.png",
+    buttonImageOnly: true,
+    changeMonth: true,
+    changeYear: true,
+    firstDay: 7              
 	});
 	$('#c_salescommissiondate').datepicker({ 
-
-					dateFormat: 'yy-mm',
-									//minDate: "-10D", 
-									//maxDate: "+1M",
-									//maxDate: "+1M +10D",
-		              //showOn: "button",
-		              //yearRange: '-50:+5',
-		              buttonImage: "/images/cal_red.png",
-		              //beforeShowDay: $.datepicker.noWeekends,
-		              buttonImageOnly: true,
-		              //showOn: "both",
-		              changeMonth: true,
-		              changeYear: true,
-		              firstDay: 7              
+    dateFormat: 'yy-mm',
+    buttonImage: "/images/cal_red.png",
+    buttonImageOnly: true,
+    changeMonth: true,
+    changeYear: true,
+    firstDay: 7              
 	});	
 
-	//var array = ["2023-05-27","2023-05-29"];
 	var array = [];
 		
-	$('#r_requestdate').datepicker({ 
-
-					dateFormat: 'yy-mm-dd',
-									minDate: "0D", 
-									//maxDate: "+5D",
-									//maxDate: "+1M +10D",
-		              //showOn: "button",
-		              //yearRange: '-50:+5',
-		              buttonImage: "/images/cal_red.png",
-		              //beforeShowDay: $.datepicker.noWeekends,
-		              buttonImageOnly: true,
-		              //showOn: "both",
-		              changeMonth: true,
-		              changeYear: true,
-		              firstDay: 7,
-									beforeShowDay: function(date) {
-											// Sat, Sunday
-											// if(date.getDay()==6||date.getDay()==0) return [false,"","Not available"];
-											
-											//if(date.getDay()==0) return [false,"","Not available"];
-											
-											// Specific Date
-									    if($.inArray($.datepicker.formatDate('yy-mm-dd', date ), array) > -1)
-									    {
-									        return [false,"","Not available"];
-									    }
-									    else
-									    {
-									        return [true,'',"Available"];
-									    }
-									}	            
+	$('#r_requestdate').datepicker({
+    dateFormat: 'yy-mm-dd',
+    minDate: "0D", 
+    buttonImage: "/images/cal_red.png",
+    buttonImageOnly: true,
+    changeMonth: true,
+    changeYear: true,
+    firstDay: 7,
+    beforeShowDay: function(date) {											
+        // Specific Date
+        if($.inArray($.datepicker.formatDate('yy-mm-dd', date ), array) > -1) return [false,"","Not available"];
+        else return [true,'',"Available"];
+    }	            
 	});	
 });
 	
+$('#containerModal').on('shown.bs.modal', function () {
+
+  const $inputs = $('#cm_install_date, #cm_pickup_date');
+
+  $inputs.each(function(){
+    if ($(this).hasClass('hasDatepicker')) {
+      $(this).datepicker('destroy');
+    }
+  });
+
+  $inputs.datepicker({
+    dateFormat: 'yy-mm-dd',
+    changeMonth: true,
+    changeYear: true,
+    firstDay: 7,
+    beforeShow: function(input, inst) {
+      setTimeout(function(){
+        const rect = input.getBoundingClientRect();
+
+        inst.dpDiv.css({
+          position: 'fixed',              //
+          top: rect.bottom + 'px',        // viewport 기준
+          left: rect.left + 'px',
+          zIndex: 2147483647
+        });
+      }, 0);
+    }
+  });
+
+});
 });
 </script>
-  
 
 <script type="text/javascript">
 
@@ -448,7 +480,6 @@ $(function () {
   });
 <? } ?>
 
-
 	$(document).ready(function(){
 
 		// Decimal (ex 11, 11.0)
@@ -528,18 +559,14 @@ function xmlhttpPost(strURL, param, tagID) {
     self.xmlHttpReq.send(getquerystring(param));
 }
 
-
 function getquerystring(param) {
     qstr = 's=' + escape(param);  // NOTE: no '?' before querystring
     return qstr;
 }
 
-
-
 function updatepage(str, tagID){
     document.getElementById(tagID).innerHTML = str;
 }
-
 	
 function checkAccountNo() {
 	var str = document.getElementById('c_accountno').value;
@@ -593,8 +620,6 @@ $(document).ready(function() {
     
     $('#na').change(function() {
         if($(this).is(":checked")) {
-            //var returnVal = confirm("Are you sure?");
-            //$(this).attr("checked", returnVal);
             $(this).attr("checked", 1);
             document.getElementById('c_installdate').value = "N/A";
         }
@@ -605,14 +630,11 @@ $(document).ready(function() {
         $('#na').val($(this).is(':checked'));        
     });
 
-
     //set initial state.
     $('#rdna').val($(this).is(':checked'));
     
     $('#rdna').change(function() {
         if($(this).is(":checked")) {
-            //var returnVal = confirm("Are you sure?");
-            //$(this).attr("checked", returnVal);
             $(this).attr("checked", 1);
             document.getElementById('c_removaldate').value = "";
         }
@@ -628,8 +650,6 @@ $(document).ready(function() {
     
     $('#iana').change(function() {
         if($(this).is(":checked")) {
-            //var returnVal = confirm("Are you sure?");
-            //$(this).attr("checked", returnVal);
             $(this).attr("checked", 1);
             document.getElementById('c_inactivedate').value = "";
         }
@@ -645,8 +665,6 @@ $(document).ready(function() {
     
     $('#cena').change(function() {
         if($(this).is(":checked")) {
-            //var returnVal = confirm("Are you sure?");
-            //$(this).attr("checked", returnVal);
             $(this).attr("checked", 1);
             document.getElementById('c_exchangedate').value = "";
         }
@@ -663,8 +681,6 @@ $(document).ready(function() {
     
     $('#fpna').change(function() {
         if($(this).is(":checked")) {
-            //var returnVal = confirm("Are you sure?");
-            //$(this).attr("checked", returnVal);
             $(this).attr("checked", 1);
             document.getElementById('c_fpickup').value = "";
         }
@@ -681,8 +697,6 @@ $(document).ready(function() {
     
     $('#sfna').change(function() {
         if($(this).is(":checked")) {
-            //var returnVal = confirm("Are you sure?");
-            //$(this).attr("checked", returnVal);
             $(this).attr("checked", 1);
             document.getElementById('c_switchformdate').value = "";
         }
@@ -699,9 +713,6 @@ $(document).ready(function() {
 <script>
 $(document).ready(function(){
 	
-	//$("#email").val("");
-	//$('#userinfo')[0].reset();
-	
   $("#customerinfo").validate({
     // Specify validation rules
     ignore: ".ignore",
@@ -755,28 +766,15 @@ $(document).ready(function(){
     },
     
     errorElement : 'div',
-
-    /*submitHandler: function(form) {
-    		if (grecaptcha.getResponse(1) == '') alert("Error");
-    		else form.submit();
-    	
-  	}*/
-        
   });
   
 
 });
 </script>
 
-
-
-
 <script>
 $(document).ready(function(){
 	
-	//$("#email").val("");
-	//$('#userinfo')[0].reset();
-	
   $("#addrequest").validate({
     // Specify validation rules
     ignore: ".ignore",
@@ -799,25 +797,312 @@ $(document).ready(function(){
     },
     
     errorElement : 'div',
-    
-    /*submitHandler: function(form) {
-    		if (grecaptcha.getResponse(1) == '') alert("Error");
-    		else form.submit();
-    	
-  	}*/
-        
   });
   
 
 });
 </script>
+<!-- Container Script -->
+<script>
+document.addEventListener('DOMContentLoaded', function(){
 
+  let mode = 'ADD';
+  const modalEl = document.getElementById('containerModal');
+  const modal = new bootstrap.Modal(modalEl);
+  const c_uid = "<?=$c_uid?>";
 
+  function resetModal(){
+    document.getElementById('cm_cc_uid').value = '';
+    const typeEl = document.getElementById('cm_type');
+    typeEl.readOnly = false;
+    typeEl.disabled = false;
+    typeEl.value = '';
+    document.getElementById('cm_capacity').value = '';
+    const installDateEl = document.getElementById('cm_install_date');
+    installDateEl.disabled = false;
+    installDateEl.value = '';
+    const installNoteEl = document.getElementById('cm_install_note')
+    installNoteEl.readOnly = false;
+    installNoteEl.value = '';
+    document.getElementById('cm_pickup_date').value = '';
+    document.getElementById('cm_pickup_note').value = '';
+    document.querySelectorAll('.cm-opt').forEach(b=>{
+        b.classList.remove('active');
+        b.readOnly = false;
+    });
+    document.getElementById('cm_pickup_date_block').classList.add('d-none');
+    document.getElementById('cm_pickup_note_block').classList.add('d-none');
+    document.getElementById('cm_pickup_btn').classList.add('d-none');
+    document.getElementById('cm_save_btn').classList.remove('d-none');;
+    document.querySelectorAll('.cm-opt').forEach(b => b.disabled = false);
+  }
 
+  // 🔹 Add
+  const addBtn = document.getElementById('addContainer');
+  if(addBtn){
+    addBtn.onclick = function(){
+      mode = 'ADD';
+      resetModal();
+      document.getElementById('containerModalTitle').innerText = 'Add Container';
+      modal.show();
+    };
+  }
 
-<!--link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.css"-->
-<!--link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/south-street/jquery-ui.css" rel="stylesheet"--> 
+  // 🔹 Edit
+  document.querySelectorAll('.btn-edit-install-wait').forEach(btn => {
+    btn.addEventListener('click', function (e) {
+      e.preventDefault();
 
+      mode = 'EDIT';
+      resetModal();
+      document.getElementById('cm_pickup_date_block').classList.add('d-none');
+      document.getElementById('cm_pickup_note_block').classList.add('d-none');
+
+      const cc_uid = e.currentTarget.getAttribute('data-cc-uid');
+      document.getElementById('cm_cc_uid').value = cc_uid;
+
+      document.getElementById('containerModalTitle').innerText = 'Edit Container';
+      modal.show();
+
+      fetchData(cc_uid);
+    });
+  });
+
+  // 🔹 Delete (Deactivate)
+  document.querySelectorAll('.btn-delete-install-wait').forEach(btn=>{
+    btn.addEventListener('click', function(e){
+      e.preventDefault();
+      mode = 'PICKUP';
+      resetModal();
+
+      const cc_uid = e.currentTarget.getAttribute('data-cc-uid');
+      document.getElementById('cm_cc_uid').value = cc_uid;
+
+      fetchData(cc_uid);
+
+      document.getElementById('containerModalTitle').innerText = 'Deactivate Container';
+      document.getElementById('cm_pickup_date_block').classList.remove('d-none');
+      document.getElementById('cm_pickup_note_block').classList.remove('d-none');
+      document.getElementById('cm_pickup_btn').classList.remove('d-none');
+      document.getElementById('cm_save_btn').classList.add('d-none');
+
+      modal.show();
+    });
+  });
+
+  // 🔹 옵션 토글
+  document.querySelectorAll('.cm-opt').forEach(btn=>{
+    btn.addEventListener('click', function(){
+      this.classList.toggle('active');
+    });
+  });
+
+  // 🔹 Save
+  document.getElementById('cm_save_btn').onclick = function(e){
+    e.preventDefault();
+    const payload = {
+      mode: mode,
+      cc_uid: document.getElementById('cm_cc_uid').value,
+      c_uid: c_uid,
+      type: document.getElementById('cm_type').value,
+      capacity: document.getElementById('cm_capacity').value,
+      is_used: document.querySelector('[data-opt="used"]').classList.contains('active') ? 'Y':'N',
+      has_lock: document.querySelector('[data-opt="lock"]').classList.contains('active') ? 'Y':'N',
+      has_wheel: document.querySelector('[data-opt="wheel"]').classList.contains('active') ? 'Y':'N',
+      has_frame: document.querySelector('[data-opt="frame"]').classList.contains('active') ? 'Y':'N',
+      owner_type: document.querySelector('[data-opt="owner"]').classList.contains('active') ? 'O':'C',
+      install_date: document.getElementById('cm_install_date').value,
+      pickup_date: document.getElementById('cm_pickup_date').value,
+      install_note: document.getElementById('cm_install_note').value,
+      pickup_note: document.getElementById('cm_pickup_note').value
+    };
+    api('customer_container_save', payload, function(res){
+      if(res.ok){
+        modal.hide();
+        location.reload();
+      }else{
+        alert('Error saving container');
+      }
+    });
+  };
+
+  document.getElementById('cm_pickup_btn').onclick = function(e){
+    e.preventDefault();
+
+    const payload = {
+      mode: 'PICKUP',
+      cc_uid: document.getElementById('cm_cc_uid').value,
+      c_uid: c_uid,
+      pickup_date: document.getElementById('cm_pickup_date').value,
+      pickup_note: document.getElementById('cm_pickup_note').value
+    };
+
+    api('customer_container_save', payload, function(res){
+      if(res.ok){
+        modal.hide();
+        location.reload();
+      }else{
+        alert('Error deactivating container');
+      }
+    });
+  };
+
+  function fetchData(cc_uid) {
+    api('get_customer_container_one', { cc_uid }, function (res) {
+      if (!res || !res.ok || !res.row) return;
+      const c = res.row;
+      const typeEl = document.getElementById('cm_type');
+      const capEl  = document.getElementById('cm_capacity');
+      const installDateEl = document.getElementById('cm_install_date');
+      const pickupDateEl  = document.getElementById('cm_pickup_date');
+      const installNoteEl = document.getElementById('cm_install_note');
+      const pickupNoteEl  = document.getElementById('cm_pickup_note');
+      const pickupDateBlock = document.getElementById('cm_pickup_date_block');
+      const pickupNoteBlock = document.getElementById('cm_pickup_note_block');
+      const isActive = (c.cc_status === 'A');
+
+      // ===== 기본 값 세팅 =====
+      typeEl.value = c.cc_type || '';
+      capEl.value  = c.cc_capacity || '';
+      installDateEl.value = c.cc_install_date ? String(c.cc_install_date).substring(0,10) : '';
+      pickupDateEl.value  = c.cc_pickup_date ? String(c.cc_pickup_date).substring(0,10) : '';
+      installNoteEl.value = c.cc_install_note || '';
+      pickupNoteEl.value  = c.cc_pickup_note || '';
+
+      // 옵션 초기화 후 세팅
+      document.querySelectorAll('.cm-opt').forEach(b=>{
+        b.classList.remove('active');
+        b.disabled = false;
+      });
+
+      if (c.cc_is_used === 'Y')       document.querySelector('.cm-opt[data-opt="used"]').classList.add('active');
+      if (c.cc_has_lock === 'Y')      document.querySelector('.cm-opt[data-opt="lock"]').classList.add('active');
+      if (c.cc_has_wheel === 'Y')     document.querySelector('.cm-opt[data-opt="wheel"]').classList.add('active');
+      if (c.cc_has_woodframe === 'Y') document.querySelector('.cm-opt[data-opt="frame"]').classList.add('active');
+      if (c.cc_owner_type === 'O')    document.querySelector('.cm-opt[data-opt="owner"]').classList.add('active');
+
+      // ===== 모드/상태 분기 =====
+      typeEl.disabled = false;
+      capEl.readOnly = false;
+      installDateEl.disabled = false;
+      installDateEl.readOnly = false;
+      installNoteEl.readOnly = false;
+      pickupDateEl.readOnly = true;
+      pickupNoteEl.readOnly = true;
+      pickupDateBlock.classList.add('d-none');
+      pickupNoteBlock.classList.add('d-none');
+
+      // ---- EDIT ----
+      if (mode === 'EDIT') {
+        typeEl.disabled = true;
+        if ((c.cc_type || '').toUpperCase() !== 'CB') {
+          capEl.readOnly = true;
+        }
+        if (isActive) {
+          // Active → install만 수정 가능
+          pickupDateBlock.classList.add('d-none');
+          pickupNoteBlock.classList.add('d-none');
+        } else {
+          // Inactive → remove만 수정 가능
+          capEl.readOnly = true;
+          installDateEl.disabled = true;
+          installNoteEl.readOnly = true;
+
+          document.querySelectorAll('.cm-opt').forEach(b => b.disabled = true);
+
+          pickupDateBlock.classList.remove('d-none');
+          pickupNoteBlock.classList.remove('d-none');
+
+          pickupDateEl.readOnly = false;
+          pickupNoteEl.readOnly = false;
+        }
+      }
+
+      // ---- REMOVE ----
+      if (mode === 'PICKUP') {
+
+        typeEl.disabled = true;
+        capEl.readOnly = true;
+        installDateEl.disabled = true;
+        installNoteEl.readOnly = true;
+
+        document.querySelectorAll('.cm-opt').forEach(b => b.disabled = true);
+
+        pickupDateBlock.classList.remove('d-none');
+        pickupNoteBlock.classList.remove('d-none');
+
+        pickupDateEl.readOnly = false;
+        pickupNoteEl.readOnly = false;
+      }
+    });
+  }
+
+});
+
+let showInactive = false;
+$(document).on('change', '#showInactive', function () {
+  const isChecked = $(this).is(':checked');
+  showInactive = isChecked;
+  document.querySelectorAll('.container-card').forEach(card => {
+    if (card.dataset.status !== 'A') {
+      card.style.display = isChecked ? 'block' : 'none';
+    }
+  });
+});
+
+document.addEventListener('DOMContentLoaded', function() {
+
+  const usedBtn = document.getElementById('iwSelectUsed');
+  const optBtns = document.querySelectorAll('.iw-opt');
+
+  if (usedBtn) {
+    usedBtn.addEventListener('click', function(e) {
+      e.preventDefault();
+      this.classList.toggle('active');
+    });
+  }
+
+  optBtns.forEach(btn => {
+    btn.addEventListener('click', function(e) {
+      e.preventDefault();
+      this.classList.toggle('active');
+    });
+  });
+
+});
+
+document.addEventListener('DOMContentLoaded', function() {
+
+  const typeSel = document.getElementById('cm_type');
+  const capInp  = document.getElementById('cm_capacity');
+
+  if (!typeSel || !capInp) return;
+
+  typeSel.addEventListener('change', function() {
+
+    const val = this.value;
+
+    if (val === 'CB') {
+      capInp.readOnly = false;
+      capInp.value = '';
+      capInp.focus();
+      return;
+    }
+
+    capInp.readOnly = true;
+
+    if (val === 'D') {
+      capInp.value = '200';
+      return;
+    }
+
+    const m = val.match(/^(\d+)/);
+    capInp.value = m ? m[1] : '';
+  });
+
+});
+
+</script>
 
 <script type="text/javascript" src="/assets/js/jquery.ui.touch-punch.min.js"></script>
 <script type="text/javascript" src="/assets/js/jquery.signature.min.js"></script>
@@ -1046,9 +1331,9 @@ $(document).ready(function()
 
             
             <tr>
-              <td class="td-title-info">Area</td>
+              <td class="td-title-info">Postal Code</td>
               <td class="td-text-info">
-                <input class="area" type="text" id="a_text" name="a_text" value="<?=$a_textSTR?>" disabled>
+                <input class="postalCode" type="text" id="c_postal" name="c_postal" value="<?=htmlspecialchars($c_postalSTR, ENT_QUOTES)?>" placeholder="M3J2B9" required='required' maxlength="6">
               </td>
               
               <td class="td-title-info">Payment</td>
@@ -1060,43 +1345,18 @@ $(document).ready(function()
               </td>
             </tr>
 
-            <tr>
-              <td class="td-title-info">Postal Code</td>
-              <td class="td-text-info">
-                <input class="postalCode" type="text" id="c_postal" name="c_postal" value="<?=htmlspecialchars($c_postalSTR, ENT_QUOTES)?>" placeholder="M3J2B9" required='required' maxlength="6">
-              </td>
-
-              <td class="td-title-info">Main Volume</td>
-              <td class="td-text-info">
-                <input class="cycle" type="text" id="c_mainvolume" name="c_mainvolume"  placeholder="365" value="<?=$c_mainvolume?>" maxlength="4">
-              </td>
-            </tr>
-
             <tr>
               <td class="td-title-info">Phone</td>
               <td class="td-text-info">
                 <input class="phone" type="text" id="c_phone" name="c_phone" placeholder="416-777-8888" value="<?=htmlspecialchars($c_phoneSTR, ENT_QUOTES)?>" required='required' maxlength="12">
               </td>
 
-              <td class="td-title-info">Main Container</td>
+              <td class="td-title-info">Area</td>
               <td class="td-text-info">
-                <select name="c_maincontainer" id="c_maincontainer" class="custom-select">
-                  <option value=''>Select</option>
-                  <?=$c_maincontainerSTR?>
-                </select>     
-              </td> 
+                <input class="area" type="text" id="a_text" name="a_text" value="<?=$a_textSTR?>" disabled>
+              </td>
             </tr>
             
-            <tr>
-              <td class="td-title-info">Ext</td>
-              <td class="td-text-info">
-                <input class="cell" type="text" id="c_phoneext" name="c_phoneext"  placeholder="1234" value="<?=htmlspecialchars($c_phoneextSTR, ENT_QUOTES)?>">
-              </td>
-
-              <td class="td-title-info">Container Detail</td>
-              <td class="td-text-info">
-                <input class="containerDetail" type="text" id="c_container" name="c_container" value="<?=htmlspecialchars($c_containerSTR, ENT_QUOTES)?>">
-              </td>
             </tr>
 
             <tr>
@@ -1105,9 +1365,9 @@ $(document).ready(function()
                 <input class="cell" type="text" id="c_cell" name="c_cell"  placeholder="416-777-8888" value="<?=htmlspecialchars($c_cellSTR, ENT_QUOTES)?>">
               </td>
 
-              <td class="td-title-info">Container Exc. Date <div style="display: inline; float:right; padding-right: 30px;">Init <input type="checkbox" id="cena" name="cena" value="1"></div></td>
+              <td class="td-title-info">Ext</td>
               <td class="td-text-info">
-                <input type="text" id="c_exchangedate" name="c_exchangedate" value="<?=$c_exchangedateSTR?>" placeholder="<?=date('Y-m-d')?>" readonly>
+                <input class="cell" type="text" id="c_phoneext" name="c_phoneext"  placeholder="1234" value="<?=htmlspecialchars($c_phoneextSTR, ENT_QUOTES)?>">
               </td>
             </tr>
 
@@ -1174,6 +1434,18 @@ $(document).ready(function()
               </td>         
             </tr>
             
+            <tr>
+              <td class="td-title-info">First Pickup<div style="display: inline; float:right; padding-right: 30px;">Init <input type="checkbox" id="fpna" name="fpna" value="1"></div></td>
+              <td class="td-text-info">
+                      <input type="text" id="c_fpickup" name="c_fpickup" value="<?=$c_fpickupSTR?>" placeholder="<?=date('Y-m-d')?>" readonly>
+              </td>
+
+              <td class="td-title-info">Last Pickup</td>
+              <td class="td-text-info">
+                <input type="text" id="c_lastpickupdate" name="c_lastpickupdate" value="<?=$c_lastpickupdateSTR?>" placeholder="<?=date('Y-m-d')?>" readonly>
+              </td>   
+            </tr>
+            
             <tr>
               <td class="td-title-info">Comment</td>
               <td class="td-text-info" colspan="3">
@@ -1183,17 +1455,256 @@ $(document).ready(function()
 
           </table>
         </div><!--wrap-border-->
-<!--
-            <div class="btn-box">
-                <button id="customer-button-id" class="btn-save text-center" href="#">SAVE</button>
-            </div>
--->
         </div><!--Container Ends-->
-        
       <!--Restaurant Information Ends-->
 
     </section>
 
+    <section class="page">
+      <!--Container Information-->
+      <div class="container customer-info" data-aos="fade-up">
+
+        <div class="wrap-border">
+          <div class="h3-title-section"> 
+               <h3><span style="color:var(--color-primary);">Container</span> Information</h3>
+          </div>
+          <table class="tb-info-box">
+            <tr>
+              <td class="td-title-info">Main Container</td>
+              <td class="td-text-info">
+                <select name="c_maincontainer" id="c_maincontainer" class="custom-select">
+                  <option value=''>Select</option>
+                  <?=$c_maincontainerSTR?>
+                </select>     
+              </td> 
+
+              <td class="td-title-info">Main Volume
+                <div style="display: inline; float:right; padding-right: 30px;">Manual <input type="checkbox" id="isManual" name="isManual" value="1" title="If checked, this will not be automatically updated after INSTALL work" <?=$isManualChecked?>></div>
+              </td>
+              <td class="td-text-info">
+                <input class="cycle" type="text" id="c_mainvolume" name="c_mainvolume"  placeholder="365" value="<?=$c_mainvolume?>" maxlength="4">
+              </td>
+            </tr>
+            <tr>
+              <td class="td-title-info">First Install Date</td>
+              <td class="td-text-info">
+                <input type="text" id="c_installdate" name="c_installdate" value="<?=$c_installdateSTR?>" placeholder="<?=date('Y-m-d')?>" readonly>
+              </td>
+
+              <td class="td-title-info">Last Container Work Date</td>
+              <td class="td-text-info">
+                <input type="text" id="c_lastworkdate" name="c_exc_lastworkdatechangedate" value="<?=$lastWorkSTR?>" placeholder="<?=date('Y-m-d')?>" readonly>
+              </td>
+            </tr>
+            <tr>
+              <td class="td-title-info"><span style="margin-right:10px;">Container</span><div style="display: inline; float:right; padding-right: 30px;">Show Inactive <input type="checkbox" id="showInactive" name="showInactive" value="1"></div>
+              <td class="td-text-info" colspan="3">
+                <!-- ==============================
+                    Container Modal (Add / Edit / Remove)
+                ================================== -->
+                <div class="modal fade" id="containerModal" tabindex="-1">
+                  <div class="modal-dialog">
+                    <div class="modal-content">
+
+                      <div class="modal-header">
+                        <h5 class="modal-title" id="containerModalTitle">Container</h5>
+                        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+                      </div>
+
+                      <div class="modal-body m-3">
+
+                        <input type="hidden" id="cm_cc_uid">
+
+                        <div class="mb-2">
+                          <label>Type</label>
+                          <select id="cm_type" class="form-select form-select-sm">
+                            <option value=''>Select</option>
+                            <?=$c_maincontainerSTR?>
+                          </select>
+                        </div>
+
+                        <div class="mb-2">
+                          <label>Capacity (L)</label>
+                          <input type="number" id="cm_capacity" class="form-control form-control-sm">
+                        </div>
+
+                        <div class="mb-4 d-flex gap-2">
+                          <label>Options</label>
+                          <button type="button" class="btn btn-sm btn-outline-secondary cm-opt" data-opt="used">Used</button>
+                          <button type="button" class="btn btn-sm btn-outline-secondary cm-opt" data-opt="lock"><i class="bi bi-lock-fill"></i></button>
+                          <button type="button" class="btn btn-sm btn-outline-secondary cm-opt" data-opt="wheel"><i class="bi bi-gear-fill"></i></button>
+                          <button type="button" class="btn btn-sm btn-outline-secondary cm-opt" data-opt="frame"><i class="bi bi-bounding-box-circles"></i></button>
+                          <button type="button" class="btn btn-sm btn-outline-secondary cm-opt" data-opt="owner">Owner</button>
+                        </div>
+
+                        <div class="mb-2">
+                          <label>Install Date</label>
+                          <input type="text" id="cm_install_date" name="cm_install_date" value="" placeholder="<?=date('Y-m-d')?>" readonly>
+                        </div>
+
+                        <div class="mb-2">
+                          <label>Install Note</label>
+                          <textarea id="cm_install_note" class="form-control form-control-sm"></textarea>
+                        </div>
+
+                        <div class="mb-2 d-none" id="cm_pickup_date_block">
+                          <label>Pickup Date</label>
+                          <input type="text" id="cm_pickup_date" name="cm_pickup_date" value="" placeholder="<?=date('Y-m-d')?>" readonly>
+                        </div>
+
+                        <div class="mb-2" id="cm_pickup_note_block">
+                          <label>Pickup Note</label>
+                          <textarea id="cm_pickup_note" class="form-control form-control-sm"></textarea>
+                        </div>
+
+                      </div>
+
+                      <div class="modal-footer">
+                        <button class="btn btn-danger d-none" id="cm_pickup_btn">Deactivate</button>
+                        <button class="btn btn-primary" id="cm_save_btn">Save</button>
+                      </div>
+
+                    </div>
+                  </div>
+                </div>
+                <!-- ==============================
+                    Container Modal End
+                ================================== -->
+
+                <div style="margin-top:10px; margin-bottom:10px;">
+                  <div class="d-flex gap-2 align-items-center flex-grow-1">
+                    <button type="button" id="addContainer" class="btn btn-sm btn-success ms-2 iw-add-btn"><i class="bi bi-plus-lg"></i><span class="ms-1">Add</span></button>
+                  </div>
+                  
+                </div>
+
+                <div id="containerCardWrap">
+
+                  <?php if (empty($containerList)): ?>
+                    <div style="color:#888;">No containers found.</div>
+                  <?php else: ?>
+
+                  <?php
+                  function getContainerIcon($type) {
+                      $type = strtoupper(trim($type));
+                      if (strpos($type, 'D') !== false) {
+                          return 'bi-database-fill';
+                      } elseif (strpos($type, 'B') !== false && strpos($type, 'BUCKET') === false) {
+                          return 'bi-archive-fill';
+                      } else {
+                          return 'bi-box2';
+                      }
+                  }
+                  ?>
+
+                  <?php foreach ($containerList as $cc):
+                      $isActive    = ($cc['cc_status'] == 'A');
+                      $installDate = !empty($cc['cc_install_at']) ? date('Y-m-d', strtotime($cc['cc_install_at'])) : '';
+                      $installNote = $cc['cc_install_note'];
+                      $pickupDate  = !empty($cc['cc_pickup_at']) ? date('Y-m-d', strtotime($cc['cc_pickup_at'])) : '';
+                      $pickupNote  = $cc['cc_pickup_note'];
+                      $capacity    = $cc['cc_capacity'];
+                      $icon = getContainerIcon($cc['cc_type']);
+                  ?>
+
+                  <div class="container-card <?= $isActive ? 'active' : 'inactive' ?>" data-status="<?= $cc['cc_status'] ?>" style="<?= $isActive ? '' : 'display:none;' ?>">
+
+                    <div class="d-flex justify-content-between align-items-center">
+
+                      <div class="container-chips flex-grow-1">
+
+                        <?php
+                          $isRestaurantOwned = ($cc['cc_owner_type'] === 'O');
+                          $chipClass = $isRestaurantOwned ? 'chip chip-restaurant' : 'chip chip-company';
+                        ?>
+
+                        <span class="<?= $chipClass ?>">
+
+                          <i class="bi <?= $icon ?>"></i>
+
+                          <?php if ($cc['cc_is_used'] == 'Y'): ?>
+                            <span>Used</span>
+                          <?php endif; ?>
+
+                          <?= htmlspecialchars($cc['cc_type']) ?>
+
+                          <?php if ($cc['cc_has_lock'] == 'Y'): ?>
+                            <i class="bi bi-lock-fill"></i>
+                          <?php endif; ?>
+
+                          <?php if ($cc['cc_has_wheel'] == 'Y'): ?>
+                            <i class="bi bi-gear-fill"></i>
+                          <?php endif; ?>
+
+                          <?php if ($cc['cc_has_woodframe'] == 'Y'): ?>
+                            <i class="bi bi-bounding-box-circles"></i>
+                          <?php endif; ?>
+
+                          <?php if ($isRestaurantOwned): ?>
+                            <span class="chip-flag">O</span>
+                          <?php endif; ?>
+
+                        </span>
+
+                      </div>
+
+                      <div class="gap-2">
+                        <?php if ($isActive): ?>
+                          <a href="#" class="btn btn-sm btn-outline-secondary btn-edit-install-wait" data-cc-uid="<?=$cc['cc_uid']?>" title="Edit">
+                            <i class="bi bi-pencil"></i>
+                          </a>
+                          <a href="#" class="btn btn-sm btn-outline-secondary btn-delete-install-wait" data-cc-uid="<?=$cc['cc_uid']?>" title="Delete">
+                            <i class="bi bi-trash"></i>
+                          </a>
+                        <?php endif; ?>
+                        <?php if (!$isActive): ?>
+                          <span style="color:red;">Inactive</span>
+                          <a href="#" class="btn btn-sm btn-outline-secondary btn-edit-install-wait" data-cc-uid="<?=$cc['cc_uid']?>" title="Edit">
+                            <i class="bi bi-pencil"></i>
+                          </a>
+                        <?php endif; ?>
+                      </div>
+                    </div>
+
+                    <!-- 하단 정보 -->
+                    <div class="text-muted small mt-2">
+                      <strong>Capacity:</strong> <?= $capacity ?>
+                    </div>
+                     
+                    <div class="text-muted small mt-2">
+                      <strong>Installed:</strong> (<?= $cc['cc_install_date'] ?>)
+                      <?php if (!empty($cc['cc_install_note'])): ?>
+                        <?= htmlspecialchars($cc['cc_install_note']) ?>
+                      <?php endif; ?>
+                    </div>
+
+                    <?php if (!$isActive): ?>
+                      <div class="text-muted small mt-1">
+                        <strong>Picked Up:</strong> (<?= $cc['cc_pickup_date'] ?>)
+                        <?php if (!empty($cc['cc_pickup_note'])): ?>
+                          <?= htmlspecialchars($cc['cc_pickup_note']) ?>
+                        <?php endif; ?>
+                      </div>
+                    <?php endif; ?>
+
+                  </div>
+
+                  <?php endforeach; ?>
+                  <?php endif; ?>
+
+                </div>
+
+
+              </td>
+            </tr>
+
+          </table>
+        </div><!--wrap-border-->
+      </div>
+      <!--Container Information Ends-->
+
+    </section>
+
     <section class="page">
 
 
@@ -1257,9 +1768,9 @@ $(document).ready(function()
                 <input type="text" id="c_form_eu" name="c_form_eu" value="<?=$c_form_euSTR?>" placeholder="<?=date('Y-m-d')?>" readonly>
               </td>
 
-              <td class="td-title-info">Install Date <div style="display: inline; float:right; padding-right: 30px;">N/A<input type="checkbox" id="na" name="na" value="1"></div></td>
+              <td class="td-title-info">Payable To</td>
               <td class="td-text-info">
-                <input type="text" id="c_installdate" name="c_installdate" value="<?=$c_installdateSTR?>" placeholder="<?=date('Y-m-d')?>" readonly>
+                <input type="text" id="c_payableto" name="c_payableto" value="<?=htmlspecialchars($c_payabletoSTR, ENT_QUOTES)?>" placeholder="Green Oil Inc.">
               </td>
             </tr>
 
@@ -1269,30 +1780,6 @@ $(document).ready(function()
                 <input type="text" id="c_form_corsia" name="c_form_corsia" value="<?=$c_form_corsiaSTR?>" placeholder="<?=date('Y-m-d')?>" readonly>
               </td>
 
-              <td class="td-title-info">First Pickup<div style="display: inline; float:right; padding-right: 30px;">Init <input type="checkbox" id="fpna" name="fpna" value="1"></div></td>
-              <td class="td-text-info">
-                      <input type="text" id="c_fpickup" name="c_fpickup" value="<?=$c_fpickupSTR?>" placeholder="<?=date('Y-m-d')?>" readonly>
-              </td>
-            </tr>
-                          
-            <tr>
-              <td class="td-title-info">Switch Form Date <div style="display: inline; float:right; padding-right: 30px;">Init <input type="checkbox" id="sfna" name="sfna" value="1"></div></td>
-              <td class="td-text-info">
-                <input type="text" id="c_switchformdate" name="c_switchformdate" value="<?=$c_switchformdateSTR?>" placeholder="<?=date('Y-m-d')?>" readonly>
-              </td>
-
-              <td class="td-title-info">Payable To</td>
-              <td class="td-text-info">
-                <input type="text" id="c_payableto" name="c_payableto" value="<?=htmlspecialchars($c_payabletoSTR, ENT_QUOTES)?>" placeholder="Green Oil Inc.">
-              </td>
-            </tr>
-            
-            <tr>
-              <td class="td-title-info">Contact By</td>
-              <td class="td-text-info">
-                <input type="text" id="c_contractby" name="c_contractby" value="<?=$c_contractby?>" >
-              </td>
-
               <td class="td-title-info">Payment Cycle</td>
               <td class="td-text-info">
                 <select name="c_paymentcycle" id="c_paymentcycle" class="custom-select">
@@ -1301,23 +1788,23 @@ $(document).ready(function()
                 </select>     
               </td>
             </tr>
-
+                          
             <tr>
-              <td class="td-title-info">Email</td>
+              <td class="td-title-info">Switch Form Date <div style="display: inline; float:right; padding-right: 30px;">Init <input type="checkbox" id="sfna" name="sfna" value="1"></div></td>
               <td class="td-text-info">
-                <input type="text" id="c_email" name="c_email" value="<?=$c_emailSTR?>" placeholder="company@company.com">
+                <input type="text" id="c_switchformdate" name="c_switchformdate" value="<?=$c_switchformdateSTR?>" placeholder="<?=date('Y-m-d')?>" readonly>
               </td>
 
               <td class="td-title-info">Mailing Address</td>
               <td class="td-text-info">
                 <input type="text" id="c_mailingaddr" name="c_mailingaddr" value="<?=htmlspecialchars($c_mailingaddrSTR, ENT_QUOTES)?>" placeholder="4490 Chesswood Dr Unit #9, North York, ON M3J2B9">
-              </td>   
+              </td>
             </tr>
 
             <tr>
-              <td class="td-title-info">Removal Date <div style="display: inline; float:right; padding-right: 30px;">Init <input type="checkbox" id="rdna" name="rdna" value="1"></div></td>
+              <td class="td-title-info">Contact By</td>
               <td class="td-text-info">
-                <input type="text" id="c_removaldate" name="c_removaldate" value="<?=$c_removaldateSTR?>" placeholder="<?=date('Y-m-d')?>" readonly>
+                <input type="text" id="c_contractby" name="c_contractby" value="<?=$c_contractby?>" >
               </td>
 
               <td class="td-title-info">HST No</td>
@@ -1327,9 +1814,9 @@ $(document).ready(function()
             </tr>
 
             <tr>
-              <td class="td-title-info">Sludge</td>
+              <td class="td-title-info">Email</td>
               <td class="td-text-info">
-                <input class="sludge" type="text" id="c_sludge" name="c_sludge" value="<?=$c_sludge?>">
+                <input type="text" id="c_email" name="c_email" value="<?=$c_emailSTR?>" placeholder="company@company.com">
               </td>
         
               <td class="td-title-info">Identification Code</td>
@@ -1812,6 +2299,7 @@ document.addEventListener("DOMContentLoaded", function () {
 document.addEventListener("DOMContentLoaded", function () {
 
     const modalEl = document.getElementById("image-upload-modal");
+    if (!modalEl) return;
 
     modalEl.addEventListener("hidden.bs.modal", function () {
         document.getElementById("uploadImageForm").reset();
@@ -2258,22 +2746,31 @@ $(document).ready(function(){
         /**
    * Request type on click
    */
-    $('#request-modal').on('show.bs.modal', function(event) {
-      const type = $(event.relatedTarget).data('request-type');
-      $('#request-modal #request-type').val(type);
-    });
+  document.addEventListener('DOMContentLoaded', function () {
+    const requestModal = document.getElementById('request-modal');
+    if (requestModal) {
+      requestModal.addEventListener('show.bs.modal', function (event) {
+        const trigger = event.relatedTarget;
+        if (!trigger) return;
+      });
+    }
 
+    const addNoteModal = document.getElementById('add-note-modal');
+    if (addNoteModal) {
+      addNoteModal.addEventListener('show.bs.modal', function (event) {
+        const trigger = event.relatedTarget;
+        if (!trigger) return;
+      });
+    }
 
-    $('#add-note-modal').on('show.bs.modal', function (event) {
-      const type = $(event.relatedTarget).data('add-note-type');
-      $('#add-note-modal #add-note-type').val(type);
-    })
-
-    
-    $('#input-pickup-modal').on('show.bs.modal', function (event) {
-      const type = $(event.relatedTarget).data('input-pickup-type');
-      $('#input-pickup-modal #input-pickup-type').val(type);
-    })
+    const pickupModal = document.getElementById('input-pickup-modal');
+    if (pickupModal) {
+      pickupModal.addEventListener('show.bs.modal', function (event) {
+        const trigger = event.relatedTarget;
+        if (!trigger) return;
+      });
+    }
+  });
   
   </script>
 
diff --git a/public_html/doc/customer_list.php b/public_html/doc/customer_list.php
index 9d91e7c..dff35cb 100644
--- a/public_html/doc/customer_list.php
+++ b/public_html/doc/customer_list.php
@@ -107,8 +107,36 @@ $query = "SELECT *
 
 $result=$jdb->nQuery($query, "list error");
 
-while($list=mysqli_fetch_array($result, MYSQLI_ASSOC)) {
-	for($i=0; $i<sizeof($list); $i++) {
+// container
+$rows = [];
+$customer_uids = [];
+while ($r = mysqli_fetch_assoc($result)) {
+    $rows[] = $r;
+    $customer_uids[] = (int)$r['c_uid'];
+}
+$customerContainerMap = [];
+$customer_uids = array_values(array_unique($customer_uids));
+if ($customer_uids) {
+    $in = implode(',', $customer_uids);
+    $sql_cc = "
+      SELECT cc_customer_uid, cc_type, cc_owner_type, cc_is_used, cc_has_lock, cc_has_wheel, cc_has_woodframe
+      FROM tbl_customer_container
+      WHERE cc_status = 'A'
+        AND cc_customer_uid IN ($in)
+      ORDER BY cc_customer_uid, cc_type, cc_uid
+    ";
+
+    $rc = $jdb->nQuery($sql_cc, "Load customer containers error");
+
+    while ($c = mysqli_fetch_assoc($rc)) {
+        $cu = (int)$c['cc_customer_uid'];
+        if (!isset($customerContainerMap[$cu])) $customerContainerMap[$cu] = [];
+        $customerContainerMap[$cu][] = $c;
+    }
+}
+
+foreach ($rows as $list) {	
+    for($i=0; $i<sizeof($list); $i++) {
 		//list($key, $value) = each($list);
 		foreach ( (Array) $list as $key => $value )
 		$$key = $value;
@@ -121,13 +149,18 @@ while($list=mysqli_fetch_array($result, MYSQLI_ASSOC)) {
 	//$rtd=$jdb->fQuery($qry, "fetch query error"); 
 	//if ($MCOMPANY == "0" || $MCOMPANY == "") $companyStr = "-";
 	//else $companyStr = $rtd[CNAME];
+  $c_uid = (int)$list['c_uid'];
 	
 	$c_phone = preg_replace('/[^A-Za-z0-9\-]/', '', $c_phone);
 	$c_phoneSTR = substr ($c_phone, 0, 3)."-".substr ($c_phone, 3, 3)."-".substr ($c_phone, 6, 4);
 	
 	$c_nameSTR = str_replace("\\", "", $c_name);
 	$c_addressSTR = str_replace("\\", "", $c_address);
-	$c_containerSTR = str_replace("\\", "", $c_container);
+  $customerContainers = $customerContainerMap[$c_uid] ?? [];
+  ob_start();
+  include $_SERVER['DOCUMENT_ROOT'].'/lib/customer_container_chips.php';
+  $containerChipsHtml = ob_get_clean();
+	// $c_containerSTR = str_replace("\\", "", $c_container);
 	$c_statusSTR = $arrStatus[$c_status];
   $c_istopSTR = ($c_is_top === 'A') ? 'A Rank' : (($c_is_top === 'G') ? 'Ghost' : '');
 
@@ -161,9 +194,7 @@ while($list=mysqli_fetch_array($result, MYSQLI_ASSOC)) {
               <td>$c_postal</td>
               <td>$c_paymenttype </td>
               <td>$c_rate </td>
-              <td>$c_maincontainer </td>
-              <td>$c_container </td>
-              <td>".trim($m_region)." </td>
+              <td>$containerChipsHtml </td>
               <td>$m_initial </td>
               <td>$c_phoneSTR </td>
               <td>$c_statusSTR </td>
@@ -178,7 +209,7 @@ while($list=mysqli_fetch_array($result, MYSQLI_ASSOC)) {
 
 if( $total_count < 1 ) {
 	$strList = "
-		<tr><td colspan='16' align=center height='30'><B>No Data</B></td></tr>
+		<tr><td colspan='15' align=center height='30'><B>No Data</B></td></tr>
 		";
 }
 
@@ -409,8 +440,6 @@ $(document).ready(function(){
                 <th class="col-payment"><a href="/index_intranet.php?view=customer_list&switched=<?=$getSWHStr?>&page=<?=$page?>&key_word=<?=$key_wordStr?>&sorting_type=<?=$sorting_type?>&cstatus=<?=$cstatus?>&cistop=<?=$cistop?>&switch=c_paymenttype">Payment</a></th>
                 <th class="col-rate"><a href="/index_intranet.php?view=customer_list&switched=<?=$getSWHStr?>&page=<?=$page?>&key_word=<?=$key_wordStr?>&sorting_type=<?=$sorting_type?>&cstatus=<?=$cstatus?>&cistop=<?=$cistop?>&switch=c_rate">Rate</a></th>
                 <th><a href="/index_intranet.php?view=customer_list&switched=<?=$getSWHStr?>&page=<?=$page?>&key_word=<?=$key_wordStr?>&sorting_type=<?=$sorting_type?>&cstatus=<?=$cstatus?>&cistop=<?=$cistop?>&switch=c_maincontainer">Container</a></th>
-                <th class="col-detail"><a href="/index_intranet.php?view=customer_list&switched=<?=$getSWHStr?>&page=<?=$page?>&key_word=<?=$key_wordStr?>&sorting_type=<?=$sorting_type?>&cstatus=<?=$cstatus?>&cistop=<?=$cistop?>&switch=c_container">Detail</a></th>
-                <th><a href="/index_intranet.php?view=customer_list&switched=<?=$getSWHStr?>&page=<?=$page?>&key_word=<?=$key_wordStr?>&sorting_type=<?=$sorting_type?>&cstatus=<?=$cstatus?>&cistop=<?=$cistop?>&switch=m_region">Region</a></th>
                 <th><a href="/index_intranet.php?view=customer_list&switched=<?=$getSWHStr?>&page=<?=$page?>&key_word=<?=$key_wordStr?>&sorting_type=<?=$sorting_type?>&cstatus=<?=$cstatus?>&cistop=<?=$cistop?>&switch=m_initial">Driver</a></th>
                 <th class="th-width-phone"><a href="/index_intranet.php?view=customer_list&switched=<?=$getSWHStr?>&page=<?=$page?>&key_word=<?=$key_wordStr?>&sorting_type=<?=$sorting_type?>&cstatus=<?=$cstatus?>&cistop=<?=$cistop?>&switch=c_phone">Phone</a></th>
                 <th><a href="/index_intranet.php?view=customer_list&switched=<?=$getSWHStr?>&page=<?=$page?>&key_word=<?=$key_wordStr?>&sorting_type=<?=$sorting_type?>&cstatus=<?=$cstatus?>&cistop=<?=$cistop?>&switch=c_status">Status</a></th>
diff --git a/public_html/doc/customer_process.php b/public_html/doc/customer_process.php
index ada786d..1b2e499 100644
--- a/public_html/doc/customer_process.php
+++ b/public_html/doc/customer_process.php
@@ -147,9 +147,8 @@ if ($actionStr == "CUSTOMERINFO") {
 			
 			$columns[] = "c_regionuid";
 			$columns[] = "c_region";
-			
-			// integration flag
-			$columns[] = "c_is_transfer";
+
+			$columns[] = "c_manualvolume";
 			
 			////////////	
 			// data
@@ -240,8 +239,7 @@ if ($actionStr == "CUSTOMERINFO") {
 			$values[] = $rt_dvr['m_regionuid'];
 			$values[] = str_replace("\\", "", trim($rt_dvr['m_region']));
 	
-			// c_is_transfer
-			$values[] = "N";
+			$values[] = isset($_POST['isManual']) ? 'Y' : 'N';
 
 			//for ($i=0; $i < count($columns); $i++)
 			//echo "[$columns[$i]][$values[$i]]<br>";
diff --git a/public_html/doc/forecast_list.php b/public_html/doc/forecast_list.php
index e97ce07..8479f1a 100644
--- a/public_html/doc/forecast_list.php
+++ b/public_html/doc/forecast_list.php
@@ -28,52 +28,6 @@ if ($_SESSION['ss_LEVEL'] == 9) $listCnt = $rt_cfg['cfg_drivercnt'];
 else $listCnt = $rt_cfg['cfg_forecastcnt'];
 if ($listCnt == 0) $listCnt = 10000;
 
-/*
-echo"<br><br><br><br><br>";
-
-for($i=0; $i<sizeof($_POST); $i++) {
-	list($key, $value) = each($_POST);
-	$$key = $value;
-
-	if(is_array($value))
-	{
-		$count = 400;
-		for($i = 0; $i < $count; $i ++) {
-			if ($value[$i]) echo "ARRAY[$key][$value[$i]]<br>";
-		}
-	}
-	else 	echo "[$key][$value]<br>";
-	print_r($_POST);
-}
-
-// exit;
-*/
-
-
-
-/*
-// sorting
-if($switch) {
-	$switched = $func -> switchOrder($switch, $switched);
-	if ($switch == "c_address") {
-			$add_switch_query .= " ORDER BY TRIM(SUBSTRING(c_address,LOCATE(' ',c_address)+1)) $switched, 
-											CAST(TRIM(LEFT(c_address,LOCATE(' ',c_address) - 1)) AS SIGNED) $switched,";
-	} else {
-			$add_switch_query .= " ORDER BY $switch $switched, ";
-	}
-	$switched = $switch . "^" . $switched;
-
-}else if($switched) {
-	$switched1 = explode("^", $switched);
-	$add_switch_query .= " ORDER BY $switched1[0] $switched1[1], ";
-} else {
-	$add_switch_query .= " ORDER BY ";
-}
-
-$getSWHStr = $switched;
-*/
-
-
 // searching
 if($key_word) {
 
@@ -296,7 +250,7 @@ else	$typeQRY = " AND (c_schedule = 'None') ";
 if ($c_type_o == "O") $orderflagQRY = " AND c_orderflag = 0 ";
 else $orderflagQRY = " ";;
 
-$qry_driver = "SELECT * FROM tbl_member WHERE m_uid = '$c_driveruid' ";
+$qry_driver = "SELECT m_initial, m_firstname, m_lastname FROM tbl_member WHERE m_uid = '$c_driveruid' ";
 $rt_driver = $jdb->fQuery($qry_driver, "fetch query error");
 	
 // $query = "SELECT * FROM tbl_sampletypes 
@@ -304,9 +258,44 @@ $rt_driver = $jdb->fQuery($qry_driver, "fetch query error");
 // where tbl_members.m_uid != ''  
 // ORDER BY tbl_members.m_uid DESC ";
 
+// 중복 제거
+$qryR_dupQRY = "";
+if ($c_type_r == 'R') {
+	$orderdate = str_replace("-", "", $orderdate);
+	$qryR_dupQRY = " and c_uid not in (";
+	$qryR_dup = "SELECT * FROM tbl_request WHERE r_driveruid ='$c_driveruid' AND r_status = 'A' AND r_requestdate = '$orderdate'";
+	$result=$jdb->nQuery($qryR_dup, "list error");
+	while($list=mysqli_fetch_array($result, MYSQLI_ASSOC)) {
+		for($i=0; $i<sizeof($list); $i++) {
+			foreach ( (Array) $list as $key => $value )
+			$$key = $value;
+		}
+		$qryR_dupQRY = $qryR_dupQRY . $r_customeruid . ',';
+	}
+	$qryR_dupQRY = $qryR_dupQRY . '0) '; // 의미없는 uid 추가
+}
+$qryS_dupQRY = "";
+if ($c_type_p == 'P') {
+	$getWeekDay = strtoupper(date('D', strtotime($orderdate)));
+	$orderdate = str_replace("-", "", $orderdate);
+	$qryS_dupQRY = " and c_uid not in (";
+	$qryS_dup = "SELECT * FROM tbl_customer 
+					WHERE c_driveruid ='$org_driveruid' AND c_status = 'A' 
+					AND (c_schedulebasic = '$orderdate' OR (c_schedule = '1W' AND c_scheduleday LIKE '%".$getWeekDay."%'))";
+	$result=$jdb->nQuery($qryS_dup, "list error");
+	while($list=mysqli_fetch_array($result, MYSQLI_ASSOC)) {
+		for($i=0; $i<sizeof($list); $i++) {
+			foreach ( (Array) $list as $key => $value )
+			$$key = $value;
+		}
+		$qryS_dupQRY = $qryS_dupQRY . $c_uid . ',';
+	}
+	$qryS_dupQRY = $qryS_dupQRY . '0) '; // 의미없는 uid 추가
+}
+
 //total record
 $query = "SELECT COUNT(c_uid) FROM tbl_customer
-					WHERE c_uid <> '' AND c_status = 'A' " . $orderflagQRY. $driveruidQRY . $typeQRY . $add_srchquery . $newaccountQRY . $dormantaccountQRY . $fullcycleQRY . $fullquantityQRY . $containerQRY . $areaQRY;
+					WHERE c_uid <> '' AND c_status = 'A' " . $orderflagQRY. $driveruidQRY . $typeQRY . $add_srchquery . $newaccountQRY . $dormantaccountQRY . $fullcycleQRY . $fullquantityQRY . $containerQRY . $areaQRY . $qryR_dupQRY . $qryS_dupQRY;
 
 //if ($qrySTR) {
 //		$qrySTRSTR = base64_decode($qrySTR);
@@ -319,7 +308,7 @@ $total_count=$jdb->rQuery($query, "record query error");
 
 $add_query .= " LIMIT ".$listCnt;
 $query = "SELECT * FROM tbl_customer
-					WHERE c_uid <> '' AND c_status = 'A' " . $orderflagQRY. $driveruidQRY . $typeQRY . $add_srchquery . $newaccountQRY . $dormantaccountQRY . $fullcycleQRY . $fullquantityQRY . $containerQRY . $areaQRY . 
+					WHERE c_uid <> '' AND c_status = 'A' " . $orderflagQRY. $driveruidQRY . $typeQRY . $add_srchquery . $newaccountQRY . $dormantaccountQRY . $fullcycleQRY . $fullquantityQRY . $containerQRY . $areaQRY . $qryR_dupQRY . $qryS_dupQRY . 
 					$add_query_order . $add_query;
 
 //if ($qrySTR) {
@@ -335,10 +324,38 @@ $query = "SELECT * FROM tbl_customer
 
 $result=$jdb->nQuery($query, "list error");
 
+// container
+$rows = [];
+$customer_uids = [];
+while ($r = mysqli_fetch_assoc($result)) {
+    $rows[] = $r;
+    $customer_uids[] = (int)$r['c_uid'];
+}
+$customerContainerMap = [];
+$customer_uids = array_values(array_unique($customer_uids));
+if ($customer_uids) {
+    $in = implode(',', $customer_uids);
+    $sql_cc = "
+      SELECT cc_customer_uid, cc_type, cc_owner_type, cc_is_used, cc_has_lock, cc_has_wheel, cc_has_woodframe
+      FROM tbl_customer_container
+      WHERE cc_status = 'A'
+        AND cc_customer_uid IN ($in)
+      ORDER BY cc_customer_uid, cc_type, cc_uid
+    ";
+
+    $rc = $jdb->nQuery($sql_cc, "Load customer containers error");
+
+    while ($c = mysqli_fetch_assoc($rc)) {
+        $cu = (int)$c['cc_customer_uid'];
+        if (!isset($customerContainerMap[$cu])) $customerContainerMap[$cu] = [];
+        $customerContainerMap[$cu][] = $c;
+    }
+}
+
 $totalrowcnt = 1;
 $list_number = 1;
 
-while($list=mysqli_fetch_array($result, MYSQLI_ASSOC)) {
+foreach ($rows as $list) {
 	for($i=0; $i<sizeof($list); $i++) {
 		//list($key, $value) = each($list);
 		foreach ( (Array) $list as $key => $value )
@@ -358,7 +375,10 @@ while($list=mysqli_fetch_array($result, MYSQLI_ASSOC)) {
 	
 	$c_nameSTR = str_replace("\\", "", $c_name);
 	$c_addressSTR = str_replace("\\", "", $c_address);
-	$c_containerSTR = str_replace("\\", "", $c_container);
+	$customerContainers = $customerContainerMap[$c_uid] ?? [];
+	ob_start();
+	include $_SERVER['DOCUMENT_ROOT'].'/lib/customer_container_chips.php';
+	$containerChipsHtml = ob_get_clean();
 	$c_lastpickupdateSTR = $func -> convertFormat ($c_lastpickupdate, 3);
 	$c_fullquantitydateSTR = $func -> convertFormat ($c_fullquantitydate, 3);
 	$c_fullquantityActual = round(floatval($c_fullquantity + ($dDiff * $c_fullquantitydaily)));
@@ -430,8 +450,7 @@ while($list=mysqli_fetch_array($result, MYSQLI_ASSOC)) {
               <td>$list_numberSTR</td>
               <td><a class='restaurant-link' onclick=\"javascript:window.open('/index_intranet.php?view=customer_detail&mode=update&c_uid=$c_uid&page=$page&key_word=$key_word&column=$column&switched=$getSWHStr&sorting_type=$sorting_type&switch=$switch','_blank');\" style='cursor:pointer;cursor:hand;'><b class='customer-info-detail'>$c_nameSTR</b></a>&nbsp;&nbsp; $driverPopup</td>
               <td>$c_accountno</td>
-              <td>$c_maincontainer</td>
-              <td>$c_containerSTR</td>
+              <td>$containerChipsHtml</td>
               <td>$c_paymenttype</td>
               <td>$c_rate</td>
               <td>$c_addressSTR</td>
@@ -518,7 +537,6 @@ $('#c_fullcycle_".$c_uid."').on('change', function () { // changed
 
               
 	$strList .= "		              
-              <td style=\"text-align: right;margin-right: 20px;\">$c_mainvolume</td>
               <td>$c_lastpickupdateSTR</td>
               <!--td>$c_fullquantitydateSTR</td-->
               <td style=\"text-align: right;margin-right: 20px;\">$c_fullquantitySTR</td>
@@ -614,8 +632,7 @@ if ($c_type_r == 'R') {
 					              <td>R</td>
 					              <td><a class='restaurant-link' onclick=\"javascript:window.open('/index_intranet.php?view=customer_detail&mode=update&c_uid=$c_uid&page=$page&key_word=$key_word&column=$column&switched=$getSWHStr&sorting_type=$sorting_type&switch=$switch','_blank');\" style='cursor:pointer;cursor:hand;'><b class='customer-info-detail'>$c_nameSTR</b></a>&nbsp;&nbsp; $driverPopup</td>
 					              <td>$c_accountno</td>
-					              <td>$c_maincontainer</td>
-					              <td>$c_containerSTR</td>
+					              <td>$containerChipsHtml</td>
 					              <td>$c_paymenttype</td>
 					              <td>$c_rate</td>
 					              <td>$c_addressSTR</td>
@@ -623,7 +640,6 @@ if ($c_type_r == 'R') {
 					              <td style=\"text-align: right;margin-right: 20px;\">$getLastYearQ</td>
 					              <td style=\"text-align: right;margin-right: 20px;\">$getThisYearQ</td>
 					              <td style=\"text-align: right;margin-right: 20px;\">$c_fullcycle</td>
-					              <td style=\"text-align: right;margin-right: 20px;\">$c_mainvolume</td>
 					              <td>$c_lastpickupdateSTR</td>
 					              <!--td>$c_fullquantitydateSTR</td-->
 					              <td style=\"text-align: right;margin-right: 20px;\">$c_fullquantitySTR</td>
@@ -715,8 +731,7 @@ if ($c_type_p == 'P') {
 				              <td>S</td>
 				              <td><a class='restaurant-link' onclick=\"javascript:window.open('/index_intranet.php?view=customer_detail&mode=update&c_uid=$c_uid&page=$page&key_word=$key_word&column=$column&switched=$getSWHStr&sorting_type=$sorting_type&switch=$switch','_blank');\" style='cursor:pointer;cursor:hand;'><b class='customer-info-detail'>$c_nameSTR</b></a>&nbsp;&nbsp; $driverPopup</td>
 							  <td>$c_accountno</td>
-				              <td>$c_maincontainer</td>
-				              <td>$c_containerSTR</td>
+				              <td>$containerChipsHtml</td>
 				              <td>$c_paymenttype</td>
 				              <td>$c_rate</td>
 				              <td>$c_addressSTR</td>
@@ -724,7 +739,6 @@ if ($c_type_p == 'P') {
 				              <td style=\"text-align: right;margin-right: 20px;\">$getLastYearQ</td>
 				              <td style=\"text-align: right;margin-right: 20px;\">$getThisYearQ</td>
 				              <td style=\"text-align: right;margin-right: 20px;\">$c_fullcycle</td>
-				              <td style=\"text-align: right;margin-right: 20px;\">$c_mainvolume</td>
 				              <td>$c_lastpickupdateSTR</td>
 				              <!--td>$c_fullquantitydateSTR</td-->
 				              <td style=\"text-align: right;margin-right: 20px;\">$c_fullquantitySTR</td>
@@ -964,49 +978,6 @@ $(document).ready(function(){
         </div><!--wrap-border-->
         <!-- New -->
 
-<!--        
-        <div class="wrap-border">
-					<FORM action="/action_page.php"  class="form-search-inner">
-
-            <table class="td-search">
-              <tr>
-                <td class="td-title"> <label for="Driver">Driver</label></td>
-                <td><input type="text" id="Driver" name="Driver" value="<?=htmlspecialchars($rt_driver['m_initial'], ENT_QUOTES)?>" readonly></td>
-              </tr>
-              <tr>
-                <td class="td-title"><label for="Area">Area</label></td>
-                <td><input type="text" id="Area" name="Area" value="<?=htmlspecialchars($areaSTR, ENT_QUOTES)?>" readonly></td>
-              </tr>
-              <tr>
-                <td class="td-title"><label for="Bin">Bin</label></td>
-                <td><input type="text" id="Bin" name="Bin" value="<?=htmlspecialchars($containerSTR, ENT_QUOTES)?>" readonly></td>
-              </tr>              
-
-            </table>
-  
-            <table class="td-search">
-              <tr>
-                <td class="td-title"><label for="Liter">Liter</label></td>
-                <td><input type="text" id="Liter" name="Liter" value="&gt; <?=$fullquantitySTR?>" readonly></td>
-              </tr>            	
-              <tr>
-                <td class="td-title"> <label for="Cycle">Cycle</label></td>
-                <td><input type="text" id="Cycle" name="Cycle" value="&gt; <?=$fullcycleSTR?>" readonly></td>
-              </tr>
-              <tr>
-                <td colspan="2" align="right">
-                		<span class="box-request">Request</span>
-                    <span class="box-will-call">Schedule</span>
-                    <span class="box-period">Period</span>
-                </td>
-              </tr>              
-            </table>
-            
-					</FORM>
-        </div>
--->
-  
-        
 <FORM NAME=orderoil id=orderoil class="orderoil" METHOD=POST ACTION="/lib/user_process.php" >
 <input type=hidden name=actionStr value="ORDEROIL">	
 <input type=hidden name=mode value="insert">	
@@ -1019,8 +990,7 @@ $(document).ready(function(){
                 <th>No</th>
                 <th class="td-restaurant">Restaurant Name</th>
                 <th class="fore-account">Account</th>
-                <th class="fore-container">Container</th>
-                <th class="td-detail">Detail</th>
+                <th style="width: 200px;" class="fore-container">Container</th>
                 <th class="fore-payment">Payment</th>
                 <th class="fore-rate">Rate</th>
                 <th class="td-address">Address</th>
@@ -1028,7 +998,6 @@ $(document).ready(function(){
                 <th style="text-align: right;margin-right: 10px;" class="fore-2021"><?=$getLastYear?></th>
                 <th style="text-align: right;margin-right: 10px;" class="fore-2023"><?=$getThisYear?></th>
                 <th style="text-align: right;margin-right: 10px;" class="fore-cycle">Cycle</th>
-                <th style="text-align: right;margin-right: 10px;" class="fore-2023">Main Vol.</th>
                 <th class="td-lastpu">Last PU</th>
                 <!--th class="td-nextpu">Next PU</th-->
                 <th>Liter</th>
@@ -1039,59 +1008,6 @@ $(document).ready(function(){
 <?=$strList_s?>
 <?=$strList?>
 
- <!--
-            <tr class="bg-request">
-              <td>1</td>
-              <td><a href="#" class="link-name">Restaurant Name</a></td>
-              <td>GD221150</td>
-              <td>400B </td>
-              <td>Every summer I try to find the biggest tree around to climb. My mom always complains that my socks stink after I get home from camp.
-              </td>
-              <td>CHQ </td>
-              <td>0.150 </td>
-              <td>145 Kingston Rd. Nork Yorth, ON M1K 7Y8</td>
-              <td>Toronto</td>
-              <td>122,543 </td>
-              <td>331,700 </td>
-              <td>60 </td>
-              <td>2022-12-11 </td>
-              <td>2022-12-31 </td>
-              <td>900</td>
-              <td>                            
-                <label class="container-chk">
-                  <input type="checkbox" checked="checked">
-                  <span class="checkmark"></span>
-                </label>
-              </td>
-            </tr>
-
-            <tr class="bg-request">
-              <td>2</td>
-              <td><a href="#" class="link-name">Restaurant Name</a></td>
-              <td>GD221150</td>
-              <td>400B </td>
-              <td>Every summer I try to find the biggest tree around to climb.</td>
-              <td>CHQ </td>
-              <td>0.150 </td>
-              <td>145 Kingston Rd. </td>
-              <td>Toronto</td>
-              <td>2,543 </td>
-              <td>1,700 </td>
-              <td>60 </td>
-              <td >2022-12-11 </td>
-              <td>2022-12-31 </td>
-              <td>900</td>
-              <td>                            
-                <label class="container-chk">
-                  <input type="checkbox" checked="checked">
-                  <span class="checkmark"></span>
-                </label>
-              </td>
-
-            </tr>
--->
-            
-
           </table>
         </div>
 
@@ -1105,22 +1021,6 @@ $(document).ready(function(){
           <p class="estimate-wrap"><span class="txt-estimate">ESTIMATE : <span id="estimatetotal">0</span> L</span></p>
         </div-->
         <br><br>
-        
-<!--
-        <div class="container-inner">
-          <div class="pagination">
-            <a href="#" ><i class="bi bi-arrow-left"></i></a>
-            <a href="#"class="active">1</a>
-            <a href="#">2</a>
-            <a href="#">3</a>
-            <a href="#">4</a>
-            <a href="#">5</a>
-            <a href="#">6</a>
-            <a href="#"><i class="bi bi-arrow-right"></i></a>
-          </div>
-        </div>
--->
-
         <div class="grid-layout-col-2">
 
 <? if ($setTag == "ENABLED") { ?>
@@ -1143,36 +1043,6 @@ $(document).ready(function(){
 
   </main><!-- End #main -->
 
-<!--
-<script>
-$(document).ready(function(){
-		
-		 $('.quickPopup').click(function(){
-		   
-			   var d_accountno = $(this).data('id');
-
-			   // AJAX request
-			   $.ajax({
-					    url: 'lib/order_history.php',
-					    type: 'post',
-					    data: {d_accountno: d_accountno},
-					    success: function(response){ 
-					      // Add response in Modal body
-					      $('.modal-content-quickPopup').html(response);
-
-					      // Display Modal
-					      //$('#myModalModify').modal('show'); 
-					    }
-		  	});
-		 });
-		 		 
-});
-</script>
--->
-
-
- 
- 
 <!-- Filter Navi -->
   <button type="button" data-toggle="modal" data-target="#sidebar-left" class="filter-icon d-flex align-items-center justify-content-center btn btn-primary pull-right">
     <i class="bi bi-filter-left"></i>
@@ -1195,45 +1065,6 @@ $(document).ready(function(){
             	<input type=hidden name=orderdate value="<?=$orderdate?>">
             	
               <table class="td-search">
-<!--
-                <tr>
-                  <td class="td-title"> <label for="Driver">Driver</label></td>
-                </tr>
-                <tr>
-                  <td>
-                    <label class="container-chk">D.C
-                      <input type="checkbox" checked="checked">
-                      <span class="checkmark"></span>
-                    </label>
-                    <label class="container-chk">H.Y
-                      <input type="checkbox" checked="checked">
-                      <span class="checkmark"></span>
-                    </label>
-                    <label class="container-chk">J.L
-                      <input type="checkbox" checked="checked">
-                      <span class="checkmark"></span>
-                    </label>
-                    <label class="container-chk">J.Y
-                      <input type="checkbox" checked="checked">
-                      <span class="checkmark"></span>
-                    </label>
-                    <label class="container-chk">T.K
-                      <input type="checkbox" checked="checked">
-                      <span class="checkmark"></span>
-                    </label>
-                    <label class="container-chk">All
-                      <input type="checkbox" checked="checked">
-                      <span class="checkmark"></span>
-                    </label>
-
-                  </td>
-                </tr>
-
-
-                <tr>
-                  <td><hr></td>
-                </tr>
--->
 
                 <tr>
                   <td class="td-title"><label for="Liter">Search</label></td>
@@ -1325,18 +1156,6 @@ $(document).ready(function(){
 
 <?=$a_textSTR?>
 
-<!--  
-                    <label class="container-chk">GTAtest
-                      <input type="checkbox" checked>
-                      <span class="checkmark"></span>
-                    </label>
-
-                    <label class="container-chk">Downtown
-                      <input type="checkbox" checked="checked">
-                      <span class="checkmark"></span>
-                    </label>
--->
-
                   <label class="container-chk">All
                     <input type="checkbox" name="c_areaall" id="checkallarea" value="1">
                     <span class="checkmark"></span>
@@ -1350,19 +1169,6 @@ $(document).ready(function(){
                   <td><hr></td>
                 </tr>
 
-<!--
-                <tr>
-                  <td class="td-title"> <label for="Cycle">Cycle</label></td>
-                </tr>
-                <tr>
-                  <td><input type="text" id="Cycle" name="Cycle" placeholder="60"></td>
-                </tr>
-                
-                <tr>
-                  <td><hr></td>
-                </tr>
--->
-
 <? if ($fflag == 1) { ?>
                 <tr>
                   <td class="td-title"><label for="Bin">Bin</label></td>
@@ -1371,24 +1177,6 @@ $(document).ready(function(){
                   <td id="checkboxbin">
 
 <?=$c_maincontainerSTR?>
-                  	
-<!--
-                    <label class="container-chk">800B
-                      <input type="checkbox" checked="checked">
-                      <span class="checkmark"></span>
-                    </label>
-  
-                    <label class="container-chk">600B
-                      <input type="checkbox" checked="checked">
-                      <span class="checkmark"></span>
-                    </label>
-  
-                    <label class="container-chk">400B
-                      <input type="checkbox" checked="checked">
-                      <span class="checkmark"></span>
-                    </label>
--->
-
                   <label class="container-chk">All
                     <input type="checkbox" name="c_maincontainerall" id="checkallbin" value="1">
                     <span class="checkmark"></span>
@@ -1448,13 +1236,6 @@ $(document).ready(function(){
                 
 </FORM>
 
-<!--
-                <tr>
-                  <td style="padding-top:10px">                 
-                     <div class="text-center"><button class="btn-primary" type="submit">SEARCH</button></div>
-                  </td>  
-                </tr>
--->
               </table>
    
         
@@ -1467,20 +1248,6 @@ $(document).ready(function(){
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
 
-<!--
-<script>
-	$ (document).ready (function () {
-	  $ (".modal a").not (".dropdown-toggle").on ("click", function () {
-	    $ (".modal").modal ("hide");
-	  });
-	});
-</script>
--->
-  
-<!-- End Filter -->
-
-
-
 <div class="modal fade" id="myModalPopup" tabindex="-1" role="dialog" aria-labelledby="myModalPopup"  style="opacity: 0.5; padding-right: 0px !important;">
   <div class="modal-dialog modal-dialog-centered modal-xl" role="document">
       <div class="modal-content" style="background-color:#F43700 !important; max-width:240px; margin: 0 auto;">
diff --git a/public_html/doc/install_order.php b/public_html/doc/install_order.php
new file mode 100644
index 0000000..28284f5
--- /dev/null
+++ b/public_html/doc/install_order.php
@@ -0,0 +1,2156 @@
+<?php
+$selectedDate = $_GET['date'] ?? date('Y-m-d');
+$selectedDriver = $_GET['driver_uid'] ?? $_SESSION['ss_DRUID'];
+
+$isAdmin = ($_SESSION['ss_LEVEL'] <= 5);
+
+// driver filter
+$whereDriver = "";
+if(!$isAdmin){
+  $driver_uid = $_SESSION['ss_DRUID'];
+  $whereDriver = " AND di_driver_uid = {$driver_uid}";
+}else{
+  $driver_uid = (int)($_GET['driver_uid'] ?? 0);
+
+  if($driver_uid > 0){
+    $whereDriver = " AND di_driver_uid = {$driver_uid}";
+  }
+}
+
+// driver list
+$driverList = [];
+$sql_member = "SELECT dr_uid, dr_initial FROM tbl_driver WHERE dr_type = 'INSTALL' ORDER BY dr_initial";
+$res_member = $jdb->nQuery($sql_member, "Load driver list error");
+while($row = mysqli_fetch_assoc($res_member)){
+  $driverList[] = $row;
+}
+
+$driverInitialMap = [];
+foreach($driverList as $d){
+  $driverInitialMap[(int)$d['dr_uid']] = $d['dr_initial'];
+}
+
+// daily install data
+$installData = [];
+$sql_order = "
+  SELECT di.*,
+    n.n_note AS di_additional_note,
+    EXISTS(
+      SELECT 1
+      FROM tbl_customer_image ci
+      WHERE ci.i_sourceuid = di.di_uid
+      LIMIT 1
+    ) AS has_image
+  FROM tbl_daily_install di
+  LEFT JOIN tbl_note n 
+    ON n.n_dailyuid = CONCAT('i_', di.di_uid)
+  WHERE di_install_date = '{$selectedDate}'
+  {$whereDriver}
+  ORDER BY di_driver_uid, di_order_seq ASC
+";
+$res_order = $jdb->nQuery($sql_order, "Load daily install error");
+
+// install container
+while($row = mysqli_fetch_assoc($res_order)){
+
+  // 컨테이너 불러오기
+  $containers = [];
+  $sql2 = "
+    SELECT *
+    FROM tbl_daily_install_container
+    WHERE dic_di_uid = {$row['di_uid']}
+  ";
+  $r2 = $jdb->nQuery($sql2,"Load container error");
+
+  while($c = mysqli_fetch_assoc($r2)){
+    $containers[] = $c;
+  }
+
+  $row['containers'] = $containers;
+  $installData[] = $row;
+}
+
+// image
+if (isset($_GET['ajax']) && $_GET['ajax'] === 'work_images') {
+  if (ob_get_length()) ob_clean();
+  header('Content-Type: application/json; charset=utf-8');
+
+  $type = $_GET['type'] ?? '';          // 'install' or 'install_order'
+  $sourceuid = (int)($_GET['sourceuid'] ?? 0);
+
+  // type 화이트리스트
+  if (!in_array($type, ['install', 'install_order', 'clean_before', 'clean_after'], true)) {
+      echo json_encode(['ok' => false, 'msg' => 'Invalid type']);
+      exit;
+  }
+
+  $qry = "
+      SELECT tci.*
+      FROM tbl_customer_image tci
+      WHERE tci.i_type = '".addslashes($type)."'
+        AND tci.i_sourceuid = {$sourceuid}
+        AND tci.i_status = 'A'
+      ORDER BY tci.i_uid DESC
+      LIMIT 1
+  ";
+  $rt = $jdb->nQuery($qry, "work image list error");
+  $img = mysqli_fetch_assoc($rt);
+
+  // 없으면 빈
+  if (!$img) {
+      echo json_encode(['ok' => true, 'data' => null]);
+      exit;
+  }
+
+  // filepath + filename split
+  $files = array_filter(array_map('trim', explode(',', $img['i_filename'] ?? '')));
+  $first = $files ? $files[0] : '';
+
+  $imgPath = '';
+  if ($first !== '') {
+      $imgPath = ($img['i_filepath'] ?? '') . $first;
+  }
+
+  echo json_encode([
+      'ok' => true,
+      'data' => [
+          'i_uid' => $img['i_uid'],
+          'i_type' => $img['i_type'],
+          'i_sourceuid' => $img['i_sourceuid'],
+          'i_note' => $img['i_note'],
+          'i_createddate' => $img['i_createddate'],
+          'imgPath' => $imgPath,
+          'filename' => $first
+      ]
+  ]);
+  exit;
+}
+?>
+
+<main id="main" class="main" style="padding-bottom:25px;">
+
+  <!-- ======= Breadcrumbs ======= -->
+  <div class="breadcrumbs">
+    <div class="container">
+      <div class="d-flex justify-content-between align-items-center">
+        <h2>INSTALL ORDER</h2>
+        <ol>
+          <li><a href="index_intranet.php">HOME</a></li>
+          <li>ORDER</li>
+          <li>INSTALL ORDER</li>
+        </ol>
+      </div>
+    </div>
+  </div>
+
+  <div id="installOrderContext"
+        data-member-uid="<?=$_SESSION['ss_UID']?>"
+        data-driver-uid="<?=$_SESSION['ss_DRUID']?>">
+  </div>
+
+  <section class="page">
+    <div class="container-fluid">
+
+      <div class="row">
+
+        <!-- ===== LEFT PANEL ===== -->
+        <div class="col-md-2">
+
+          <!-- CONTROL -->
+          <div class="card mb-3">
+            <div class="card-body d-flex flex-column align-items-center">
+
+              <!-- DATE -->
+              <div class="mb-3 w-100 d-flex flex-column align-items-center">
+
+                <input type="text" id="installDate"
+                  class="form-control form-control-sm text-center"
+                  style="width:100%; padding:0px; margin:0px;"
+                  value="<?=$selectedDate?>" readonly>
+
+                <div class="d-flex mt-1" style="width:100%;">
+                  <button class="btn btn-sm btn-outline-secondary w-50" id="prevDay">
+                    <i class="bi bi-chevron-left"></i>
+                  </button>
+                  <button class="btn btn-sm btn-outline-secondary w-50" id="nextDay">
+                    <i class="bi bi-chevron-right"></i>
+                  </button>
+                </div>
+
+              </div>
+
+              <!-- DRIVER -->
+              <div class="mb-3 w-100 d-flex justify-content-center">
+                <select id="driverSelect"
+                  class="form-select form-select-sm text-center"
+                  style="width:100%;"
+                  <?=(!$isAdmin ? 'disabled' : '')?>>
+
+                  <?php if($isAdmin): ?>
+                    <option value="0">ALL</option>
+                  <?php endif; ?>
+
+                  <?php foreach($driverList as $d): ?>
+                    <option value="<?=$d['dr_uid']?>"
+                      <?=($selectedDriver == $d['dr_uid'])?'selected':''?>>
+                      <?=$d['dr_initial']?>
+                    </option>
+                  <?php endforeach; ?>
+
+                </select>
+              </div>
+
+              <!-- TOGGLE -->
+              <div class="radio-segment d-flex" style="width:100%;">
+                <label class="w-50 text-center">
+                  <input type="radio" name="view_mode" value="list" checked>
+                  <span>LIST</span>
+                </label>
+                <label class="w-50 text-center">
+                  <input type="radio" name="view_mode" value="map">
+                  <span>MAP</span>
+                </label>
+              </div>
+
+            </div>
+          </div>
+
+          <!-- LOAD BEFORE -->
+          <div class="card mb-3">
+            <div class="card-body">
+              <h6 class="mb-2">Load Before Start</h6>
+              <div id="summaryInstall"></div>
+            </div>
+          </div>
+
+          <!-- LOAD AFTER -->
+          <div class="card">
+            <div class="card-body">
+              <h6 class="mb-2">Expected Return</h6>
+              <div id="summaryPickup"></div>
+            </div>
+          </div>
+
+        </div>
+
+        <!-- ===== RIGHT PANEL ===== -->
+        <div class="col-md-10">
+
+          <!-- LIST -->
+          <div id="listSection">
+            <div id="installList"></div>
+          </div>
+
+          <!-- MAP -->
+          <div id="mapSection" class="card d-none">
+            <div class="card-body p-0">
+              <div id="installMap" style="height:80vh;"></div>
+
+              <div id="installMapLegend" class="install-map-legend"></div>
+            </div>
+          </div>
+
+        </div>
+
+      </div>
+
+    </div>
+  </section>
+</main>
+
+<!-- =============================== -->
+<!-- WORK MODAL (TR CLICK) -->
+<!-- =============================== -->
+<div class="modal fade" id="workModal" tabindex="-1" aria-labelledby="workModalLabel" aria-hidden="true">
+  <div class="modal-dialog modal-lg modal-dialog-scrollable">
+    <div class="modal-content">
+
+      <div class="modal-header">
+        <div>
+          <h5 class="modal-title" id="workModalLabel">Work</h5>
+        </div>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+      </div>
+
+      <div class="modal-body" style="padding: 1.25rem;">
+
+        <!-- Summary -->
+        <div class="mb-3">
+          <div class="fw-bold" id="wm_customer"></div>
+          <div class="small text-muted" id="wm_address"></div>
+          <div class="small text-muted" id="wm_phone"></div>
+        </div>
+
+        <div class="d-flex align-items-start justify-content-between mb-2" id="wm_note_row">
+          <div id="wm_note_area" class="small text-muted flex-grow-1"></div>
+
+          <div class="ms-2 flex-shrink-0">
+            <button type="button" class="btn btn-sm btn-outline-secondary" id="wm_instruction_photos_btn">
+              <i class="bi bi-images"></i>
+              Instruction
+            </button>
+          </div>
+        </div>
+
+        <div id="wm_action_area"></div>
+
+        <hr>
+
+        <div class="row g-3">
+          <!-- Left: Comment -->
+          <div class="col-md-7">
+            <table class="tb-info-box">
+              <colgroup>
+                <col style="width:20%">
+                <col style="width:80%">
+              </colgroup>
+              <tr>
+                <td class="td-title-info">Result</td>
+                <td class="td-text-info">
+                  <input type="radio" class="btn-check" name="wm_result" id="wm_result_asplanned" value="AS_PLANNED" autocomplete="off" checked>
+                  <label class="btn" for="wm_result_asplanned">As planned</label>
+
+                  <input type="radio" class="btn-check" name="wm_result" id="wm_result_modified" value="MODIFIED" autocomplete="off">
+                  <label class="btn" for="wm_result_modified">Modified</label>
+
+                  <input type="radio" class="btn-check" name="wm_result" id="wm_result_cancelled" value="CANCELLED" autocomplete="off">
+                  <label class="btn" for="wm_result_cancelled">Cancelled</label>
+                </td>
+              </tr>
+              <tr>
+                <td class="td-title-info">Install Note</td>
+                <td class="td-text-info"><textarea class="form-control" id="wm_comment" rows="2" style="margin-bottom:0px;"></textarea></td>
+              </tr>
+              <tr>
+                <td class="td-title-info">Additional Note</td>
+                <td class="td-text-info"><textarea class="form-control" id="wm_add_comment" rows="2" style="margin-bottom:0px;"></textarea></td>
+              </tr>
+              <tr>
+                <td class="td-title-info">Oil Quantity</td>
+                <td class="td-text-info"><input type="number" id="wm_quantity" minlength="1" maxlength="10" style="width:100%;"></td>
+              </tr>
+              <tr>
+                <td class="td-title-info">Sludge</td>
+                <td class="td-text-info"><input type="number" id="wm_sludge" minlength="1" maxlength="10" style="width:100%;"></td>
+              </tr>
+            </table>
+          </div>
+
+          <!-- Right: After Photos -->
+          <div class="col-md-5">
+            <div id="wm_photo_section" class="row g-2">
+
+              <!-- BEFORE -->
+              <div id="wm_before_wrap" class="col-6" style="display:none;">
+                <div class="photo-card before">
+                  <div class="photo-header">Before</div>
+
+                  <div id="wm_before_photo_list" class="photo-body"></div>
+
+                  <input type="file" class="form-control form-control-sm mt-2" id="wm_photos_before" accept="image/*">
+                </div>
+              </div>
+
+              <!-- AFTER -->
+              <div id="wm_after_wrap" class="col-12">
+                <div class="photo-card after">
+                  <div class="photo-header">After</div>
+
+                  <div id="wm_after_photo_list" class="photo-body"></div>
+
+                  <input type="file" class="form-control form-control-sm mt-2" id="wm_photos_after" accept="image/*">
+                </div>
+              </div>
+
+            </div>
+          </div>
+        </div>
+
+      </div>
+
+      <div class="modal-footer">
+        <button type="button" class="btn btn-primary" id="wm_save">Save</button>
+      </div>
+
+    </div>
+  </div>
+</div>
+
+<!-- =============================== -->
+<!-- IMAGE MODAL  -->
+<!-- =============================== -->
+<div class="modal fade" id="customerImageModal" tabindex="-1">
+  <div class="modal-dialog modal-xl modal-dialog-scrollable">
+    <div class="modal-content">
+
+      <div class="modal-header">
+        <h5 class="modal-title">
+          <i class="bi bi-image"></i> Customer Images
+        </h5>
+        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+      </div>
+
+      <div class="modal-body" id="customerImageModalBody">
+        <div class="text-center text-muted py-5">
+          Loading images...
+        </div>
+      </div>
+
+    </div>
+  </div>
+</div>
+
+<!-- =============================== -->
+<!-- MESSAGE MODAL  -->
+<!-- =============================== -->
+<div class="modal fade" id="myModalPopup" tabindex="-1" role="dialog" aria-labelledby="myModalPopup" style="opacity: 0.5; padding-right: 0px !important;">
+  <div class="modal-dialog modal-dialog-centered modal-xl" role="document">
+      <div class="modal-content" style="background-color:#2A9B56 !important; max-width:260px; margin: 0 auto;">
+        <div class="myModalPopup-body" style="text-align: center; border-radius: 5px; max-height:60px;	font-size:18px; background-color:#2A9B56; color: #FFFFFF; font-weight: bold;padding:0.5em 1em; ">
+        </div>     	
+      </div>
+  </div>
+</div>
+
+<!-- =============================== -->
+<!-- JAVASCRIPT -->
+<!-- =============================== -->
+<script>
+let installData = <?=json_encode($installData)?>;
+let driverInitialMap = <?=json_encode($driverInitialMap)?>;
+let reorderModeDriverUid = null;
+let reorderSelectedRow = null; // currently selected for reorder
+
+document.addEventListener("DOMContentLoaded", function () {
+  renderList();
+  renderSummary();
+  initWorkModal();
+
+  $('#installDate').datepicker({
+    dateFormat: 'yy-mm-dd',
+    changeMonth: true,
+    changeYear: true,
+    onSelect: function(dateText) {
+      reloadPage();
+    }
+  });
+
+  // installList 안의 tr 클릭
+  document.getElementById('installList').addEventListener('click', function(e){
+
+    // Reorder 버튼
+    const btn = e.target.closest('.btn-reorder');
+    if(btn){
+      const driverUid = btn.dataset.driverUid;
+      toggleReorderMode(driverUid, btn);
+      return; // 여기서 끝
+    }
+
+    // ▲ 이동
+    const btnUp = e.target.closest('.btn-move-up');
+    if(btnUp){
+      moveUp();
+      return;
+    }
+
+    // ▼ 이동
+    const btnDown = e.target.closest('.btn-move-down');
+    if(btnDown){
+      moveDown();
+      return;
+    }
+
+    const btnRoute = e.target.closest('.btn-route');
+    if(btnRoute){
+      openRoute(btnRoute.dataset.driverUid);
+      return;
+    }
+
+    // Row 클릭
+    const tr = e.target.closest('tr[data-uid]');
+    if(!tr) return;
+
+    // =========================
+    // reorder 모드일 때
+    // =========================
+    if (reorderModeDriverUid) {
+
+      const tbody = tr.closest('tbody[id^="tbody_"]');
+      if (!tbody || tbody.id !== `tbody_${reorderModeDriverUid}`) {
+        return;
+      }
+
+      // status-A만 선택 가능
+      if (!tr.classList.contains('status-A')) return;
+
+      selectReorderRow(tr);
+      updateMoveButtons(reorderModeDriverUid);
+
+      return; // 모달 열지 않음
+    }
+
+    // =========================
+    // 일반 모드
+    // =========================
+    openWorkModal(tr.dataset.uid);
+  });
+});
+
+function selectReorderRow(tr){
+
+  // 기존 선택 제거
+  document.querySelectorAll('.reorder-selected-row').forEach(r=>{
+    r.classList.remove('reorder-selected-row');
+  });
+
+  // 현재 선택
+  tr.classList.add('reorder-selected-row');
+  reorderSelectedRow = tr;
+}
+
+function updateMoveButtons(driverUid){
+
+  // 해당 드라이버 카드의 버튼 영역 가져오기
+  const controls = document.querySelector(`.reorder-controls[data-driver-uid="${driverUid}"]`);
+  if(!controls) return; // 없으면 종료
+
+  // 위/아래 버튼 가져오기
+  const upBtn = controls.querySelector('.btn-move-up');
+  const downBtn = controls.querySelector('.btn-move-down');
+
+  // 선택된 row가 없으면 둘 다 비활성
+  if(!reorderSelectedRow){
+    upBtn.disabled = true;
+    downBtn.disabled = true;
+    return;
+  }
+
+  // 이전 형제가 없으면 (맨 위) 비활성
+  upBtn.disabled = !reorderSelectedRow.previousElementSibling;
+
+  // 다음 형제가 없으면 (맨 아래) 비활성
+  downBtn.disabled = !reorderSelectedRow.nextElementSibling;
+}
+
+function moveUp(){
+
+  // 선택된 row가 없으면 아무것도 안 함
+  if(!reorderSelectedRow) return;
+
+  // 현재 row의 바로 위 row 가져오기
+  const prev = reorderSelectedRow.previousElementSibling;
+
+  // 이미 맨 위면 이동 불가
+  if(!prev) return;
+
+  // 부모 tbody 가져오기
+  const tbody = reorderSelectedRow.parentNode;
+
+  // 현재 row를 prev 앞에 넣는다 (한 칸 위로 이동)
+  tbody.insertBefore(reorderSelectedRow, prev);
+
+  // 이동 후 순서 다시 계산
+  renumberActiveRowsFromDOM(tbody);
+
+  // 버튼 상태 갱신 (맨 위/아래 체크)
+  updateMoveButtons(reorderModeDriverUid);
+}
+
+function moveDown(){
+
+  // 선택된 row 없으면 종료
+  if(!reorderSelectedRow) return;
+
+  // 현재 row의 바로 아래 row 가져오기
+  const next = reorderSelectedRow.nextElementSibling;
+
+  // 이미 맨 아래면 이동 불가
+  if(!next) return;
+
+  // 부모 tbody 가져오기
+  const tbody = reorderSelectedRow.parentNode;
+
+  // next를 현재 row 앞으로 이동시킨다 (한 칸 아래로 이동)
+  tbody.insertBefore(next, reorderSelectedRow);
+
+  // 순번 다시 계산
+  renumberActiveRowsFromDOM(tbody);
+
+  // 버튼 상태 갱신
+  updateMoveButtons(reorderModeDriverUid);
+}
+
+function renumberActiveRowsFromDOM(tbody){
+
+  let maxSeq = 0;
+
+  // 기존 완료된 row들(P/M/X)에서 최대 seq 찾기
+  tbody.querySelectorAll('tr').forEach(tr => {
+
+    if(tr.classList.contains('status-A')) return; // A는 제외
+
+    const firstCell = tr.children[0];
+    if(!firstCell) return;
+
+    const val = parseInt(firstCell.textContent, 10);
+    if(!isNaN(val) && val > maxSeq){
+      maxSeq = val;
+    }
+  });
+
+  // A row는 maxSeq 다음부터 순번 부여
+  let seq = maxSeq + 1;
+
+  tbody.querySelectorAll('tr.status-A').forEach(tr => {
+
+    const firstCell = tr.children[0];
+    if(firstCell){
+      firstCell.textContent = seq;
+    }
+
+    seq++;
+  });
+}
+
+/* ===============================
+  Modal
+=================================*/
+let workModal;          // bootstrap modal instance
+let selectedRow = null; // currently opened row data
+
+function initWorkModal(){
+  const el = document.getElementById('workModal');
+  if(!el) return;
+  workModal = new bootstrap.Modal(el, {
+    backdrop: true,
+    keyboard: true
+  });
+
+  bindPhotoInput('wm_photos_after', 'wm_after_photo_list');
+  bindPhotoInput('wm_photos_before', 'wm_before_photo_list');
+
+  // Save 버튼
+  document.getElementById('wm_save').addEventListener('click', function(){
+
+    if(!selectedRow) return;
+    const ctx = document.getElementById('installOrderContext');
+    const memberUid = ctx ? (ctx.dataset.memberUid || '') : '';
+    const result = document.querySelector('input[name="wm_result"]:checked')?.value || 'AS_PLANNED';
+    const status = mapResultToStatus(result);
+    const install_note = (document.getElementById('wm_comment').value || '').trim();
+    const additional_note = (document.getElementById('wm_add_comment').value || '').trim();
+    const oil_qty = parseInt(document.getElementById('wm_quantity').value || '0', 10) || 0;
+    const sludge = parseInt(document.getElementById('wm_sludge').value || '0', 10) || 0;
+    
+    if(result !== 'AS_PLANNED' && !install_note){
+      alert('Please enter a comment.');
+      return;
+    }
+
+
+    api('daily_install_update_status', {
+      di_uid: selectedRow.di_uid,
+      member_uid: memberUid,
+      status: status,
+      install_note,
+      additional_note,
+      oil_qty,
+      sludge
+    }, (res) => {
+
+      if(!res || res.ok != 1){
+        //alert(res?.msg || 'Save failed');
+        showPopupMessage(res?.msg || 'Save failed', 'error', 1500);
+        return;
+      }
+
+      const workType = selectedRow.di_work_type;
+      const afterFileInput = document.getElementById('wm_photos_after');
+      const beforeFileInput = document.getElementById('wm_photos_before');
+      const afterFile = afterFileInput?.files?.[0] || null;
+      const beforeFile = beforeFileInput?.files?.[0] || null;
+
+      let uploads = [];
+
+      // AFTER
+      if(afterFile){
+        const type = (workType === 'CLEAN') ? 'clean_after' : 'install';
+        uploads.push(uploadPhotoPromise(selectedRow, afterFile, type));
+      }
+
+      // BEFORE (CLEAN만)
+      if(workType === 'CLEAN' && beforeFile){
+        uploads.push(uploadPhotoPromise(selectedRow, beforeFile, 'clean_before'));
+      }
+
+      if(uploads.length > 0){
+        Promise.all(uploads).then(results => {
+
+          const hasError = results.some(r => !r || r.ok != 1);
+
+          if(hasError){
+            showPopupMessage('Saved (photo partial fail)', 'error', 1500);
+          }else{
+            showPopupMessage('Successfully Saved', 'success', 1000);
+          }
+
+          location.reload();
+        });
+      }else{
+        showPopupMessage('Successfully Saved', 'success', 1000);
+        location.reload();
+      }
+    });
+
+  });
+
+  function mapResultToStatus(result){
+    if(result === 'AS_PLANNED') return 'P';
+    if(result === 'MODIFIED') return 'M';
+    if(result === 'CANCELLED') return 'X';
+    return 'P';
+  }
+
+  const btn = document.getElementById('wm_instruction_photos_btn');
+  if(btn){
+    btn.addEventListener('click', function(){
+      if(!selectedRow) return;
+
+      const customerUid = selectedRow.di_customer_uid;
+      openCustomerImages(customerUid, 'install_order');
+    });
+  }
+
+  document.querySelectorAll('input[name="wm_result"]').forEach(radio => {
+    radio.addEventListener('change', updateCommentReadonlyByResult);
+  });
+
+  // 모달이 닫힐 때 입력값 초기화
+  el.addEventListener('hidden.bs.modal', function(){
+    selectedRow = null;
+    document.getElementById('wm_comment').value = '';
+    document.getElementById('wm_add_comment').value = '';
+    document.getElementById('wm_note_area').innerHTML = '';
+    resetPhotoBlocks();
+  });
+}
+
+function findRowByUid(di_uid){
+  di_uid = String(di_uid);
+  return (installData || []).find(r => String(r.di_uid) === di_uid) || null;
+}
+
+async function openWorkModal(di_uid){
+  const row = findRowByUid(di_uid);
+  if(!row){
+    //alert('Row not found: ' + di_uid);
+    showPopupMessage('Row not found: ' + di_uid, 'error', 1500);
+    return;
+  }
+  selectedRow = row;
+
+  // ready
+  const address = `${row.di_address || ''}, ${row.di_city || ''}, ${row.di_postal || ''}`;
+  const phone = formatPhone(row.di_phone || '');
+
+  // basic info
+  document.getElementById('workModalLabel').textContent = `#${row.di_order_seq || ''} - ${row.di_work_type || 'WORK'}`;
+  document.getElementById('wm_customer').textContent = `${row.di_customer_name || ''} (${row.di_accountno || ''})`;
+  document.getElementById('wm_address').innerHTML = `${escapeHtml(address)} ${phone ? ` <span class="text-muted">· ${escapeHtml(phone)}</span>` : ''}`;
+  document.getElementById('wm_comment').value = row.di_install_note || '';
+  document.getElementById('wm_add_comment').value = row.di_additional_note || '';
+  document.getElementById('wm_quantity').value = row.di_oil_pickup || '';
+  document.getElementById('wm_sludge').value = row.di_sludge || '';
+
+  // 상태 세팅
+  setResultRadioByStatus(row.di_status);
+  updateCommentReadonlyByResult();
+
+  // note
+  renderWorkNotes(row);
+
+  // container
+  renderWorkActionBoxes();
+  fillWorkModalContainers(row);
+
+  // photos
+  togglePhotoSection(row.di_work_type);
+  await loadAfterPhoto(row);
+  if(row.di_work_type === 'CLEAN'){
+    await loadBeforePhoto(row);
+  }
+
+  // open
+  workModal.show();
+}
+
+function renderWorkActionBoxes(){
+
+  const area = document.getElementById('wm_action_area');
+  area.innerHTML = `
+    <div class="row g-3">
+      <div class="col-md-6">
+        ${renderWorkActionBox('PICKUP')}
+      </div>
+      <div class="col-md-6">
+        ${renderWorkActionBox('INSTALL')}
+      </div>
+    </div>
+  `;
+}
+
+function renderWorkActionBox(action){
+
+  const icon = {
+    PICKUP:  'bi-dash-circle',
+    INSTALL: 'bi-plus-circle'
+  }[action] || 'bi-box';
+
+  const colorClass =
+    action === 'PICKUP'  ? 'pickup'
+  : action === 'INSTALL' ? 'install'
+  : '';
+
+  return `
+    <div class="mb-3 task-action-box" data-action="${action}">
+      <div class="task-action-title ${colorClass}">
+        <i class="bi ${icon}"></i> ${action}
+      </div>
+
+      <div class="mt-2 container-chips" data-action="${action}"></div>
+    </div>
+  `;
+}
+
+function renderContainerChipsForAction(containers, action){
+
+  const list = (containers || []).filter(c => String(c.dic_action || '').toUpperCase() === action);
+  if(list.length === 0){
+    return `<div class="text-muted small">No ${action.toLowerCase()} containers</div>`;
+  }
+
+  return list.map(c => {
+
+    // chip class
+    const isRestaurantOwned = (c.dic_owner_type === 'O');
+    const chipClass = isRestaurantOwned ? 'chip chip-restaurant' : 'chip chip-company';
+
+    // icon
+    const icon = getContainerIcon(c.dic_type);
+
+    return `
+      <span class="${chipClass}">
+        <i class="bi ${icon}"></i>
+        ${isRestaurantOwned ? '<span class="ms-1 fw-bold">O</span>' : ''}
+        ${c.dic_is_used === 'Y' ? '<span class="ms-1">Used</span>' : ''}
+        <span class="ms-1">${escapeHtml(c.dic_type || '')}</span>
+        ${c.dic_has_lock === 'Y' ? '<i class="bi bi-lock-fill ms-1"></i>' : ''}
+        ${c.dic_has_wheel === 'Y' ? '<i class="bi bi-gear-fill ms-1"></i>' : ''}
+        ${c.dic_has_woodframe === 'Y' ? '<i class="bi bi-bounding-box-circles ms-1"></i>' : ''}
+      </span>
+    `;
+  }).join('');
+}
+
+function fillWorkModalContainers(row){
+
+  const area = document.getElementById('wm_action_area');
+  if(!area) return;
+
+  const containers = row?.containers || [];
+
+  const pickupWrap = area.querySelector('.container-chips[data-action="PICKUP"]');
+  if(pickupWrap){
+    pickupWrap.innerHTML = renderContainerChipsForAction(containers, 'PICKUP');
+  }
+
+  const installWrap = area.querySelector('.container-chips[data-action="INSTALL"]');
+  if(installWrap){
+    installWrap.innerHTML = renderContainerChipsForAction(containers, 'INSTALL');
+  }
+}
+
+function renderWorkNotes(row){
+
+  const area = document.getElementById('wm_note_area');
+  if(!area) return;
+
+  const req  = (row.di_request_note || '').trim();
+  const work = (row.di_work_note || '').trim();
+
+  let html = '';
+
+  if(req){
+    html += `
+      <div class="small text-muted mb-1">
+        <strong>Request:</strong>
+        ${escapeHtml(req)}
+      </div>
+    `;
+  }
+
+  if(work){
+    html += `
+      <div class="small text-muted mb-1">
+        <strong>Work:</strong>
+        ${escapeHtml(work)}
+      </div>
+    `;
+  }
+
+  area.innerHTML = html;
+}
+
+function setResultRadioByStatus(status){
+
+  // 기본 초기화
+  document.querySelectorAll('input[name="wm_result"]').forEach(r => r.checked = false);
+
+  if(status === 'P') document.getElementById('wm_result_asplanned').checked = true;
+  else if(status === 'M') document.getElementById('wm_result_modified').checked = true;
+  else if(status === 'X') document.getElementById('wm_result_cancelled').checked = true;
+  else document.getElementById('wm_result_asplanned').checked = true;
+}
+
+function updateCommentReadonlyByResult(){
+
+  const result = document.querySelector('input[name="wm_result"]:checked')?.value;
+  const textarea = document.getElementById('wm_comment');
+
+  if(!textarea) return;
+
+  if(result === 'AS_PLANNED'){
+    textarea.setAttribute('readonly', 'readonly');
+    textarea.classList.add('bg-light');
+
+    // 이미 저장된 노트가 있으면 그걸 우선 사용
+    if (selectedRow && (selectedRow.di_install_note || '').trim()) {
+      textarea.value = selectedRow.di_install_note;
+      return;
+    }
+
+    // 저장된 노트가 없을 때만 자동 생성
+    if(selectedRow){
+      const mapped = (selectedRow.containers || []).map(c => ({
+        action: (c.dic_action || '').toUpperCase(),
+        type: c.dic_type,
+        used: c.dic_is_used === 'Y',
+        wheel: c.dic_has_wheel === 'Y',
+        lock: c.dic_has_lock === 'Y',
+        frame: c.dic_has_woodframe === 'Y'
+      }));
+
+      textarea.value = generateAutoComment(mapped);
+    }
+
+  }else{
+    textarea.removeAttribute('readonly');
+    textarea.classList.remove('bg-light');
+
+    // 기존 저장값이 있으면 유지, 없을 때만 빈칸
+    if (selectedRow) {
+      textarea.value = selectedRow.di_install_note || '';
+    }
+  }
+}
+
+function generateAutoComment(containers){
+
+  let install = {};
+  let pickup = {};
+
+  containers.forEach(c=>{
+
+    const key = buildContainerLabel(c);
+
+    if(c.action === 'INSTALL'){
+      install[key] = (install[key] || 0) + 1;
+    }
+
+    if(c.action === 'PICKUP'){
+      pickup[key] = (pickup[key] || 0) + 1;
+    }
+  });
+
+  let parts = [];
+
+  Object.entries(install).forEach(([k,v])=>{
+    parts.push(`Installed ${v} ${k}`);
+  });
+
+  Object.entries(pickup).forEach(([k,v])=>{
+    parts.push(`Picked up ${v} ${k}`);
+  });
+
+  if(parts.length === 0){
+    return 'Completed as planned.';
+  }
+
+  return parts.join(', ') + ' as planned.';
+}
+
+function buildContainerLabel(c){
+
+  let label = '';
+
+  if(c.used){
+    label += 'Used ';
+  }
+
+  // 기본 타입
+  label += c.type;
+
+  const suffix = [];
+
+  if(c.wheel) suffix.push('W');
+  if(c.lock) suffix.push('L');
+  if(c.frame) suffix.push('F');
+
+  if(suffix.length > 0){
+    label += '/' + suffix.join('/');
+  }
+
+  return label;
+}
+
+/* ===============================
+  Image
+=================================*/
+async function fetchWorkImage(type, sourceuid){
+  const qs = new URLSearchParams({
+    view: 'install_order',
+    ajax: 'work_images',
+    type,
+    sourceuid
+  });
+
+  const res = await fetch(`index_intranet.php?${qs.toString()}`);
+  const json = await res.json();
+  if(!json || json.ok !== true) return null;
+  return json.data || null;
+}
+
+async function loadAfterPhoto(row){
+  const workType = row.di_work_type;
+  let type = 'install';
+  if(workType === 'CLEAN'){
+    type = 'clean_after';
+  }
+
+  const data = await fetchWorkImage(type, row.di_uid);
+  row._afterPhoto = data;
+  renderAfterPhoto(data);
+}
+
+async function loadBeforePhoto(row){
+
+  if(row.di_work_type !== 'CLEAN') return;
+
+  const data = await fetchWorkImage('clean_before', row.di_uid);
+  row._beforePhoto = data;
+  renderBeforePhoto(data);
+}
+
+function renderAfterPhoto(photo){
+
+  const wrap = document.getElementById('wm_after_photo_list');
+  if(!wrap) return;
+
+  if(!photo || !photo.imgPath){
+    wrap.innerHTML = `<div class="small text-muted">No after photo.</div>`;
+    return;
+  }
+
+  const url = photo.imgPath;
+
+  wrap.innerHTML = `
+    <div style="width:100%;">
+      <img src="${escapeHtml(url)}"
+           style="width:100%; height:160px; object-fit:cover; border-radius:8px; border:1px solid #ddd; cursor:pointer;"
+           class="after-photo-thumb"
+           data-img-url="${escapeHtml(url)}">
+    </div>
+  `;
+
+  // 클릭 이벤트 연결
+  const imgEl = wrap.querySelector('.after-photo-thumb');
+  if(imgEl){
+    imgEl.addEventListener('click', function(){
+
+      const modalEl = document.getElementById('customerImageModal');
+      const body = document.getElementById('customerImageModalBody');
+
+      if(!modalEl || !body) return;
+
+      body.innerHTML = `
+        <div class="text-center">
+          <img src="${escapeHtml(url)}"
+               style="max-width:100%; max-height:75vh; border-radius:10px;">
+        </div>
+      `;
+
+      const modal = new bootstrap.Modal(modalEl);
+      modal.show();
+    });
+  }
+}
+
+function renderBeforePhoto(photo){
+
+  const wrap = document.getElementById('wm_before_photo_list');
+  if(!wrap) return;
+
+  if(!photo || !photo.imgPath){
+    wrap.innerHTML = `<div class="small text-muted">No before photo.</div>`;
+    return;
+  }
+
+  const url = photo.imgPath;
+
+  wrap.innerHTML = `
+    <div style="width:100%;">
+      <img src="${escapeHtml(url)}"
+           style="width:100%; height:160px; object-fit:cover; border-radius:8px; border:1px solid #ddd; cursor:pointer;">
+    </div>
+  `;
+}
+
+function resetPhotoBlocks(){
+
+  // AFTER
+  const afterList = document.getElementById('wm_after_photo_list');
+  if(afterList) afterList.innerHTML = '';
+
+  const afterInput = document.getElementById('wm_photos_after');
+  if(afterInput) afterInput.value = '';
+
+  // BEFORE
+  const beforeList = document.getElementById('wm_before_photo_list');
+  if(beforeList) beforeList.innerHTML = '';
+
+  const beforeInput = document.getElementById('wm_photos_before');
+  if(beforeInput) beforeInput.value = '';
+
+  if(selectedRow){
+    selectedRow._afterPhoto = null;
+    selectedRow._beforePhoto = null;
+  }
+}
+
+function openCustomerImages(customerUid, iType = 'install_order') {
+  
+  const modalEl = document.getElementById('customerImageModal');
+  if(!modalEl){
+    console.error('customerImageModal not found');
+    return;
+  }
+
+  const modal = new bootstrap.Modal(modalEl);
+  const body = document.getElementById('customerImageModalBody');
+
+  body.innerHTML = '<div class="text-center text-muted py-5">Loading images...</div>';
+  modal.show();
+
+  const params = new URLSearchParams({
+    customer_uid: customerUid,
+    i_type: iType
+  });
+
+  fetch('/lib/customer_image.php?' + params.toString(), {
+    credentials: 'same-origin'
+  })
+    .then(res => res.text())
+    .then(html => {
+      body.innerHTML = html;
+    })
+    .catch(err => {
+      console.error(err);
+      body.innerHTML = '<div class="text-danger text-center py-5">Failed to load images.</div>';
+    });
+}
+
+function bindPhotoInput(inputId, targetWrapId){
+
+  const input = document.getElementById(inputId);
+  if(!input) return;
+
+  input.addEventListener('change', function(e){
+
+    const file = e.target.files[0];
+    if(!file) return;
+
+    if(!file.type.startsWith('image/')){
+      alert('Please select an image file.');
+      return;
+    }
+
+    const reader = new FileReader();
+
+    reader.onload = function(ev){
+      renderPreviewImage(ev.target.result, targetWrapId);
+    };
+
+    reader.readAsDataURL(file);
+  });
+}
+
+function renderPreviewImage(base64, target){
+
+  const wrap = document.getElementById(target);
+  if(!wrap) return;
+
+  wrap.innerHTML = `
+    <div style="width:100%; position:relative;">
+      <img src="${base64}"
+           style="width:100%; height:160px; object-fit:cover; border-radius:8px;">
+      
+      <div style="
+        position:absolute;
+        top:6px;
+        left:6px;
+        background:#000000aa;
+        color:#fff;
+        font-size:11px;
+        padding:2px 6px;
+        border-radius:4px;
+      ">
+        Preview
+      </div>
+    </div>
+  `;
+}
+
+function togglePhotoSection(workType){
+
+  const beforeWrap = document.getElementById('wm_before_wrap');
+  const afterWrap  = document.getElementById('wm_after_wrap');
+
+  if(workType === 'CLEAN'){
+    // BEFORE 보이기
+    beforeWrap.style.display = '';
+    beforeWrap.classList.remove('col-12');
+    beforeWrap.classList.add('col-6');
+    afterWrap.classList.remove('col-12');
+    afterWrap.classList.add('col-6');
+
+  }else{
+    // BEFORE 숨김
+    beforeWrap.style.display = 'none';
+    afterWrap.classList.remove('col-6');
+    afterWrap.classList.add('col-12');
+  }
+}
+
+function uploadPhotoPromise(row, file, type){
+
+  return new Promise((resolve) => {
+
+    const ctx = document.getElementById('installOrderContext');
+    const memberUid = ctx ? (ctx.dataset.memberUid || '') : '';
+
+    const fd = new FormData();
+    fd.append('di_uid', row.di_uid);
+    fd.append('member_uid', memberUid);
+    fd.append('note', (document.getElementById('wm_comment').value || '').trim());
+    fd.append('i_type', type);
+    fd.append('photo', file);
+
+    fetch('/assets/internal_api.php?func=upload_after_photo', {
+      method: 'POST',
+      body: fd
+    })
+    .then(r => r.json())
+    .then(json => resolve(json))
+    .catch(err => {
+      console.error(err);
+      resolve({ ok:0 });
+    });
+
+  });
+}
+
+/* ===============================
+  Date
+=================================*/
+document.getElementById('installDate').addEventListener('change', reloadPage);
+
+function parseDate(str) {
+  const [y, m, d] = (str || '').split('-').map(Number);
+  return new Date(y, m - 1, d);   // ✅ 로컬 날짜로 생성
+}
+
+function formatDate(d) {
+  const y = d.getFullYear();
+  const m = String(d.getMonth() + 1).padStart(2, '0');
+  const day = String(d.getDate()).padStart(2, '0');
+  return `${y}-${m}-${day}`;      // ✅ 로컬 날짜로 문자열
+}
+
+function moveBusinessDate(date, diffDays) {
+  const d = new Date(date);
+  let moved = 0;
+
+  while (moved < Math.abs(diffDays)) {
+    d.setDate(d.getDate() + Math.sign(diffDays));
+    const day = d.getDay();
+    if (day !== 0 && day !== 6) moved++;
+  }
+  return d;
+}
+
+function adjustDate(diff) {
+  const input = document.getElementById('installDate');
+  let val = input.value;
+
+  if (!val) return; // 또는 기본값 세팅 원하면 여기서 처리
+
+  const current = parseDate(val);
+  const next = moveBusinessDate(current, diff);
+
+  input.value = formatDate(next);
+  input.dispatchEvent(new Event('change'));
+}
+
+document.getElementById('prevDay').onclick = () => adjustDate(-1);
+document.getElementById('nextDay').onclick = () => adjustDate(1);
+
+/* ===============================
+  List
+=================================*/
+function renderList(){
+
+  const container = document.getElementById('installList');
+  container.innerHTML = '';
+
+  // ===== 전체 데이터 없음 =====
+  if(!installData || installData.length === 0){
+    installData = [];
+  }
+
+  // ===== driver 목록 확보 (ALL일 때 빈 driver도 보여주기) =====
+  const grouped = {};
+
+  // 기존 데이터 그룹핑
+  installData.forEach(row => {
+    const d = row.di_driver_uid;
+    if(!grouped[d]) grouped[d] = [];
+    grouped[d].push(row);
+  });
+
+  // ALL 모드일 경우 driverInitialMap 기준으로 전체 driver 보장
+  const driverSelect = document.getElementById('driverSelect');
+  const selectedDriver = driverSelect ? String(driverSelect.value) : '0';
+  let driverUids;
+  if(selectedDriver !== '0'){
+    driverUids = [selectedDriver];
+  }else{
+    driverUids = Object.keys(driverInitialMap).filter(uid => String(uid) !== '0');
+  }
+  driverUids.forEach(driverUid => {
+
+    const driverInitial = driverInitialMap[driverUid] || driverUid;
+    const rows = grouped[driverUid] || [];
+
+    let html = `
+      <div class="card mb-4 install-driver-card" data-driver-uid="${driverUid}">
+        <div class="fw-bold d-flex justify-content-between align-items-center iw-header" style="padding: 8px 16px;">
+          <div>${driverInitial}</div>
+
+          <div class="d-flex align-items-center gap-2 reorder-controls" data-driver-uid="${driverUid}">
+            <button type="button"
+                    class="btn btn-sm btn-light btn-move-down d-none"
+                    data-driver-uid="${driverUid}"
+                    disabled>
+              <i class="bi bi-chevron-down"></i>
+            </button>
+
+            <button type="button"
+                    class="btn btn-sm btn-light btn-move-up d-none"
+                    data-driver-uid="${driverUid}"
+                    disabled>
+              <i class="bi bi-chevron-up"></i>
+            </button>
+
+            <button type="button"
+                    class="btn btn-sm btn-outline-light btn-reorder"
+                    data-driver-uid="${driverUid}">
+              <i class="bi bi-arrow-down-up"></i> Reorder
+            </button>
+
+            <button type="button"
+                    class="btn btn-sm btn-outline-light btn-route"
+                    data-driver-uid="${driverUid}">
+              <i class="bi bi-geo-alt"></i> Route
+            </button>
+          </div>
+        </div>
+        <div class="card-body p-0">
+          <table class="table table-sm table-hover mb-0 install-order-table" style="table-layout: fixed; width:100%;">
+            <colgroup>
+              <col style="width:2%">
+              <col style="width:10%">
+              <col style="width:12%">
+              <col style="width:26%">
+              <col style="width:24%">
+              <col style="width:26%">
+            </colgroup>
+            <tbody id="tbody_${driverUid}">
+    `;
+
+    // ===== 데이터 없을 때 =====
+    if(rows.length === 0){
+      html += `
+        <tr>
+          <td colspan="6" class="text-center text-muted py-3">
+            No orders.
+          </td>
+        </tr>
+      `;
+    }else{
+
+      rows.forEach(row => {
+        const req = (row.di_request_note || '').trim();
+        const work = (row.di_work_note || '').trim();
+
+        html += `
+          <tr data-uid="${row.di_uid}" class="status-${row.di_status}">
+            <td class="fw-bold">${row.di_order_seq}</td>
+            <td>${renderWorkCell(row)}</td>
+            <td>
+              <div>
+                <span class="badge bg-light text-dark border">
+                  ${escapeHtml(row.di_accountno || '')}
+                </span>
+              </div>
+              <div class="small fw-bold text-truncate" title="${escapeHtml(row.di_customer_name || '')}" style="max-width:140px;">
+                ${escapeHtml(row.di_customer_name || '')}
+              </div>
+            </td>
+            <td>${renderContainers(row.containers)}</td>
+            <td class="small text-muted">
+              <div>
+                ${escapeHtml(row.di_address)}, 
+                ${escapeHtml(row.di_city)}
+              </div>
+              <div>
+                ${escapeHtml(row.di_postal)} 
+                ${formatPhone(row.di_phone)}
+              </div>
+            </td>
+            <td class="small text-muted">
+              ${req ? `
+                <div class="small text-muted mb-1">
+                  <strong>Request:</strong> ${escapeHtml(req)}
+                </div>
+              ` : ''}
+
+              ${work ? `
+                <div class="small text-muted">
+                  <strong>Work:</strong> ${escapeHtml(work)}
+                </div>
+              ` : ''}
+            </td>
+          </tr>
+        `;
+      });
+    }
+
+    html += `
+            </tbody>
+          </table>
+        </div>
+      </div>
+    `;
+
+    container.innerHTML += html;
+
+  });
+}
+
+function renderWorkCell(row){
+
+  const status = row.di_status;
+
+  // 기본 텍스트
+  let main = '';
+
+  if(status === 'A'){
+    main = `${renderWorkType(row.di_work_type)}`;
+  }else if(status === 'P'){
+    main = `<span class="fw-bold small"> Done</span>`;
+  }else if(status === 'M'){
+    main = `<span class="fw-bold small"> Modified</span>`;
+  }else if(status === 'X'){
+    main = `<span class="fw-bold small"> Cancelled</span>`;
+  }
+
+  // 보조 아이콘
+  const icons = [];
+
+  const note = (row.di_additional_note || '').trim();
+  if(note.length > 0){
+    icons.push(`<i class="bi bi-journal-text" title="Additional note"></i>`);
+  }
+
+  const oil = parseInt(row.di_oil_pickup || '0', 10) || 0;
+  if(oil > 0){
+    icons.push(`<i class="bi bi-droplet-fill" title="Oil pickup: ${oil}"></i>`);
+  }
+
+  const hasImage = String(row.has_image || '0') === '1';
+  if(hasImage){
+    icons.push(`<i class="bi bi-image" title="Has image"></i>`);
+  }
+
+  const iconRow = icons.length
+    ? `<div class="mt-1 small text-muted">${icons.join('<span class="ms-2"></span>')}</div>`
+    : '';
+
+  // 두 줄 구조
+  return `
+    <div>
+      <div>${main}</div>
+      ${iconRow}
+    </div>
+  `;
+}
+
+function renderWorkType(type){
+  let badgeClass = 'bg-secondary';
+  switch(type){
+    case 'INSTALL':
+      badgeClass = 'bg-success text-white';
+      break;
+    case 'PICKUP':
+      badgeClass = 'bg-danger text-white';
+      break;
+    case 'EXCHANGE':
+      badgeClass = 'bg-warning text-dark';
+      break;
+    case 'RELOCATE':
+      badgeClass = 'bg-info text-dark';
+      break;
+    case 'CLEAN':
+      badgeClass = 'bg-primary text-white';
+      break;
+  }
+  return `<span class="badge ${badgeClass}">${type || '-'}</span>`;
+}
+
+function renderContainers(containers){
+
+  if(!containers || containers.length === 0) return '';
+
+  let installChips = '';
+  let pickupChips = '';
+
+  containers.forEach(c => {
+
+    let chipClass = 'chip chip-company';
+    if(c.dic_owner_type === 'O'){
+      chipClass = 'chip chip-restaurant';
+    }
+
+    const icon = getContainerIcon(c.dic_type);
+
+    const chip = `
+      <span class="${chipClass}">
+        <i class="bi ${icon}"></i>
+        ${c.dic_owner_type === 'O' ? '<span class="ms-1 fw-bold">O</span>' : ''}
+        ${c.dic_is_used === 'Y' ? '<span class="ms-1">Used</span>' : ''}
+        <span class="ms-1">${c.dic_type}</span>
+        ${c.dic_has_lock === 'Y' ? '<i class="bi bi-lock-fill ms-1"></i>' : ''}
+        ${c.dic_has_wheel === 'Y' ? '<i class="bi bi-gear-fill ms-1"></i>' : ''}
+        ${c.dic_has_woodframe === 'Y' ? '<i class="bi bi-bounding-box-circles ms-1"></i>' : ''}
+      </span>
+    `;
+
+    if(c.dic_action === 'INSTALL'){
+      installChips += chip;
+    } else {
+      pickupChips += chip;
+    }
+  });
+
+  let html = `<div class="container-chips inline-chips"">`;
+
+  if(installChips){
+    html += `
+      <div class="task-action-title install">
+        <i class="bi bi-plus-circle fs-6"></i>
+      </div>
+      ${installChips}
+    `;
+  }
+
+  if(pickupChips){
+    html += `
+      ${installChips ? '<span class="mx-1"></span>' : ''}
+      <div class="task-action-title pickup">
+        <i class="bi bi-dash-circle fs-6"></i>
+      </div>
+      ${pickupChips}
+    `;
+  }
+
+  html += `</div>`;
+
+  return html;
+}
+
+function toggleReorderMode(driverUid, btn){
+
+  const controls = document.querySelector(`.reorder-controls[data-driver-uid="${driverUid}"]`);
+  if(!controls) return;
+
+  const upBtn = controls.querySelector('.btn-move-up');
+  const downBtn = controls.querySelector('.btn-move-down');
+
+  // 현재 상태 확인
+  const isActive = !upBtn.classList.contains('d-none');
+
+  // OFF → ON
+  if(!isActive){
+
+    reorderModeDriverUid = driverUid;
+
+    upBtn.classList.remove('d-none');
+    downBtn.classList.remove('d-none');
+
+    // 초기에는 비활성
+    upBtn.disabled = true;
+    downBtn.disabled = true;
+
+    btn.classList.add('btn-success');   // 활성 표시
+    btn.classList.remove('btn-outline-light');
+
+    // 
+    btn.classList.remove('btn-outline-secondary');
+    btn.classList.add('btn-secondary');
+    btn.innerHTML = `<i class="bi bi-check2"></i> Done`;
+    // 
+
+  }else{
+    // reorder 종료 → 저장
+    saveDriverOrder(driverUid);
+
+    // ON → OFF
+    reorderModeDriverUid = null;
+
+    upBtn.classList.add('d-none');
+    downBtn.classList.add('d-none');
+
+    btn.classList.remove('btn-success');
+    btn.classList.add('btn-outline-light');
+
+    // 선택 초기화 (다음 단계 대비)
+    clearReorderSelectedRow();
+  }
+}
+
+function clearReorderSelectedRow(){
+  document.querySelectorAll('.reorder-selected-row').forEach(tr=>{
+    tr.classList.remove('reorder-selected-row');
+  });
+  reorderSelectedRow = null;
+}
+
+function renumberActiveRows(driverUid){
+  const $tbody = $(`#tbody_${driverUid}`);
+  const $rowsA = $tbody.find('tr.status-A');
+
+  // 완료(P/M/X)가 위에 있다면 그 개수만큼 offset
+  const doneCnt = $tbody.find('tr:not(.status-A)').length;
+  let seq = doneCnt + 1;
+
+  $rowsA.each(function(){
+    $(this).find('td').first().text(seq);
+    seq++;
+  });
+}
+
+function saveDriverOrder(driverUid){
+
+  const tbody = document.getElementById(`tbody_${driverUid}`);
+  if(!tbody) return;
+
+  const rows = tbody.querySelectorAll("tr.status-A");
+  if(!rows.length){
+    //alert("No active rows to reorder.");
+    showPopupMessage('No rows to reorder.', 'error', 1500);
+    return;
+  }
+
+  const orderList = [];
+  rows.forEach((tr, index) => {
+
+    const diUid = tr.dataset.uid;
+    const newSeq = index + 1; // 화면상 순서
+    if(!diUid) return;
+    
+    orderList.push({
+      di_uid: diUid,
+      di_order_seq: newSeq
+    });
+  });
+
+  api('daily_install_reorder', {
+    driver_uid: driverUid,
+    order_list: JSON.stringify(orderList)
+  }, (res) => {
+
+    if(!res || res.ok != 1){
+      //alert(res?.msg || 'Reorder save failed');
+      showPopupMessage('Save failed', 'error', 1500);
+      return;
+    }
+    showPopupMessage('Successfully Saved', 'success', 800);
+    setTimeout(function(){
+      location.reload();
+    }, 1500);
+  });
+
+}
+/* ===============================
+   SUMMARY
+=================================*/
+function renderSummary(){
+
+  const install = {};
+  const pickup = {};
+
+  const optionInstall = { lock:0, wheel:0, wood:0 };
+  const optionPickup  = { lock:0, wheel:0, wood:0 };
+
+  (installData || []).forEach(row => {
+
+    (row.containers || []).forEach(c => {
+
+      // ===== 고유 key 구성 =====
+      let key = `${c.dic_type}|${c.dic_is_used}|${c.dic_owner_type}`;
+
+      if(c.dic_action === 'INSTALL'){
+        install[key] = (install[key] || 0) + 1;
+
+        if(c.dic_has_lock === 'Y') optionInstall.lock++;
+        if(c.dic_has_wheel === 'Y') optionInstall.wheel++;
+        if(c.dic_has_woodframe === 'Y') optionInstall.wood++;
+
+      } else {
+
+        pickup[key] = (pickup[key] || 0) + 1;
+
+        if(c.dic_has_lock === 'Y') optionPickup.lock++;
+        if(c.dic_has_wheel === 'Y') optionPickup.wheel++;
+        if(c.dic_has_woodframe === 'Y') optionPickup.wood++;
+      }
+
+    });
+
+  });
+
+  document.getElementById('summaryInstall').innerHTML =
+    `
+    <div class="container-chips inline-chips mt-1">
+      ${buildTypeChips(install)}
+    </div>
+    <div class="container-chips inline-chips mt-1">
+      ${buildOptionChips(optionInstall)}
+    </div>
+    `;
+
+  document.getElementById('summaryPickup').innerHTML =
+    `
+    <div class="container-chips inline-chips mt-1">
+      ${buildTypeChips(pickup)}
+    </div>
+    <div class="container-chips inline-chips mt-1">
+      ${buildOptionChips(optionPickup)}
+    </div>
+    `;
+
+}
+
+function getContainerIcon(type){
+
+  switch(type){
+    case 'D':
+    case '3D':
+      return 'bi-database-fill';  // 드럼 느낌
+    case '400B':
+    case '600B':
+    case '600B/L':
+      return 'bi-archive-fill';  // 빈 느낌
+    default:
+      return 'bi-box';
+  }
+}
+
+function buildTypeChips(typeCounts){
+
+  let html = '';
+
+  Object.keys(typeCounts).sort().forEach(key => {
+
+    const [type, used, owner] = key.split('|');
+
+    const isUsed = (used === 'Y');
+    const isOwner = (owner === 'O');
+
+    const icon = getContainerIcon(type);
+
+    let chipClass = 'chip chip-company';
+    if(isOwner){
+      chipClass = 'chip chip-restaurant';
+    }
+
+    html += `
+      <span class="${chipClass} me-2 mb-2" >
+        <i class="bi ${icon}"></i>
+        ${isOwner ? '<span class="ms-1 fw-bold">O</span>' : ''}
+        ${isUsed ? '<span class="ms-1">Used</span>' : ''}
+        <span class="ms-1">${type}</span>
+        <strong class="ms-2">x ${typeCounts[key]}</strong>
+      </span>
+    `;
+  });
+
+  return html || `<span class="text-muted small">-</span>`;
+}
+
+function buildOptionChips(optionCounts){
+
+  let html = '';
+
+  if(optionCounts.lock > 0){
+    html += `
+      <span class="chip me-2 mb-2">
+        <i class="bi bi-lock-fill"></i>
+        <strong class="ms-1">x ${optionCounts.lock}</strong>
+      </span>
+    `;
+  }
+
+  if(optionCounts.wheel > 0){
+    html += `
+      <span class="chip me-2 mb-2">
+        <i class="bi bi-gear-fill"></i>
+        <strong class="ms-1">x ${optionCounts.wheel}</strong>
+      </span>
+    `;
+  }
+
+  if(optionCounts.wood > 0){
+    html += `
+      <span class="chip me-2 mb-2">
+        <i class="bi bi-bounding-box-circles"></i>
+        <strong class="ms-1">x ${optionCounts.wood}</strong>
+      </span>
+    `;
+  }
+
+  return html; // 옵션 없으면 그냥 빈칸 (줄 자체가 없어짐)
+}
+
+function reloadPage(){
+
+  const date = document.getElementById('installDate').value;
+  const driver = document.getElementById('driverSelect').value;
+
+  const url = new URL(window.location.href);
+
+  url.searchParams.set('view', 'install_order');
+  url.searchParams.set('date', date);
+  url.searchParams.set('driver_uid', driver);
+
+  window.location.href = url.toString();
+}
+
+document.getElementById('driverSelect').onchange = reloadPage;
+
+/* ===============================
+   MAP
+=================================*/
+let installMap;
+let installMarkers = [];
+let installInfo;
+
+async function initMap(){
+
+  const { Map, InfoWindow } = await google.maps.importLibrary("maps");
+  const { AdvancedMarkerElement } = await google.maps.importLibrary("marker");
+
+  installInfo = new InfoWindow();
+
+  installMap = new Map(
+    document.getElementById("installMap"),
+    {
+      center: { lat: 43.7, lng: -79.4 },
+      zoom: 11,
+      mapId: "4504f8b37365c3d0", // waitlist와 동일
+      disableDefaultUI: true   // Map/Satellite 제거
+    }
+  );
+
+  renderMap();
+}
+
+const driverPalette = [
+  "#4275c1",
+  "#91744fff",
+  "#198754",
+  "#dc3545",
+  "#e97517ff",
+  "#7443cfff",
+  "#20c997",
+  "#0dcaf0"
+];
+
+function getDriverColor(driverUid) {
+  return driverPalette[driverUid % driverPalette.length];
+}
+
+function renderMap(){
+
+  installMarkers.forEach(m => m.map = null);
+  installMarkers = [];
+
+  if(!installData || !installData.length) return;
+
+  const bounds = new google.maps.LatLngBounds();
+
+  installData.forEach(row => {
+
+    if(!row.di_lat || !row.di_lng) return;
+
+    const pos = {
+      lat: parseFloat(row.di_lat),
+      lng: parseFloat(row.di_lng)
+    };
+
+    bounds.extend(pos);
+
+    const baseColor = getDriverColor(row.di_driver_uid);
+    const driverColor = row.di_status === 'A' ? baseColor : "#7c7c7cff";
+    const marker = new google.maps.marker.AdvancedMarkerElement({
+      map: installMap,
+      position: pos,
+      content: createFlagMarker({
+        order: row.di_order_seq,
+        jobType: row.di_work_type,
+        color: driverColor
+      })
+    });
+
+    marker.__di_uid = row.di_uid;
+
+    marker.addListener('gmp-click', () => {
+      openWorkModal(row.di_uid);
+    });
+
+    installMarkers.push(marker);
+  });
+
+  installMap.fitBounds(bounds);
+  renderMapLegend(installData);
+}
+
+function renderMapLegend(rows){
+  const el = document.getElementById('installMapLegend');
+  if(!el) return;
+
+  const seen = new Map();
+
+  (rows || []).forEach(row => {
+    const driverUid = parseInt(row.di_driver_uid, 10);
+    if(!driverUid || seen.has(driverUid)) return;
+
+    seen.set(driverUid, {
+      uid: driverUid,
+      name: driverInitialMap[driverUid] || `Driver ${driverUid}`,
+      color: getDriverColor(driverUid)
+    });
+  });
+
+  const items = Array.from(seen.values()).sort((a, b) =>
+    a.name.localeCompare(b.name)
+  );
+
+  if(items.length === 0){
+    el.innerHTML = `
+      <div class="install-map-legend-title">Driver</div>
+      <div class="text-muted small">No routes</div>
+    `;
+    return;
+  }
+
+  el.innerHTML = `
+    <div class="install-map-legend-title">Driver</div>
+    ${items.map(item => `
+      <div class="install-map-legend-item">
+        <span class="install-map-legend-swatch" style="background:${item.color}"></span>
+        <span>${escapeHtml(item.name)}</span>
+      </div>
+    `).join('')}
+  `;
+}
+
+function createFlagMarker({ order, jobType, color }) {
+    
+  const bg =  color;
+  const border = color;
+  const textColor = "#ffffff";
+  const iconClass = getJobBiIcon(jobType);
+
+  const wrap = document.createElement('div');
+  wrap.className = 'flag-marker';
+
+  wrap.style.background = bg;
+  wrap.style.border = `2px solid ${border}`;
+  wrap.style.color = textColor;
+  wrap.style.borderRadius = "8px";
+  wrap.style.padding = "4px 6px";
+  wrap.style.fontWeight = "600";
+  wrap.style.fontSize = "12px";
+  wrap.style.setProperty('--flag-bg', bg);
+
+  wrap.innerHTML = `
+    <div class="flag-body d-flex align-items-center gap-1">
+      <span class="flag-order">${order}</span>
+      ${iconClass ? `<i class="bi ${iconClass}"></i>` : ``}
+    </div>
+    <div class="flag-tail"></div>
+  `;
+
+  return wrap;
+}
+
+function getJobBiIcon(type){
+  switch(type){
+    case 'INSTALL':   return 'bi-plus-lg';
+    case 'PICKUP':    return 'bi-dash-lg';
+    case 'EXCHANGE':  return 'bi-arrow-left-right';
+    case 'RELOCATE':  return 'bi-arrows-move';
+    case 'CLEAN':     return 'bi-brush';
+    default:          return '';
+  }
+}
+
+/* ===============================
+   Link
+=================================*/
+function openRoute(driverUid){
+
+  // 하드코딩
+  const OFFICE = "4490 Chesswood Dr, North York, ON M3J 2B9";
+
+  const rows = installData
+    .filter(r => r.di_driver_uid == driverUid)
+    .sort((a,b)=>a.di_order_seq - b.di_order_seq);
+
+  if(rows.length === 0){
+    alert('No active orders.');
+    return;
+  }
+
+  // 시작/종료는 사무실
+  const origin = OFFICE;
+  const destination = OFFICE;
+
+  const waypoints = rows.map(r =>
+    `${r.di_address}, ${r.di_city}`
+  ).join('|');
+
+  let url = `https://www.google.com/maps/dir/?api=1`;
+  url += `&origin=${encodeURIComponent(origin)}`;
+  url += `&destination=${encodeURIComponent(destination)}`;
+
+  if(waypoints){
+    url += `&waypoints=${encodeURIComponent(waypoints)}`;
+  }
+
+  window.open(url, '_blank');
+}
+
+/* ===============================
+   UTIL
+=================================*/
+function escapeHtml(str){
+  return String(str ?? '')
+    .replaceAll('&','&amp;')
+    .replaceAll('<','&lt;')
+    .replaceAll('>','&gt;')
+    .replaceAll('"','&quot;')
+    .replaceAll("'","&#039;");
+}
+
+function formatPhone(phone){
+  if(!phone) return '';
+  const digits = phone.replace(/\D/g,'');
+  if(digits.length === 10){
+    return `(${digits.slice(0,3)}) ${digits.slice(3,6)}-${digits.slice(6)}`;
+  }
+  return phone;
+}
+
+function showPopupMessage(message, type = 'success', duration = 1200) {
+
+  const body = document.querySelector('#myModalPopup .myModalPopup-body');
+  if (!body) return;
+
+  body.innerHTML = message;
+
+  if (type === 'success') {
+    body.style.backgroundColor = '#2A9B56';   // green
+  } else {
+    body.style.backgroundColor = '#FF8205';   // orange
+  }
+
+  $('#myModalPopup').modal('show');
+
+  setTimeout(function () {
+    $('#myModalPopup').modal('hide');
+  }, duration);
+}
+
+/* ===============================
+   TOGGLE
+=================================*/
+document.querySelectorAll('input[name="view_mode"]').forEach(radio => {
+  radio.addEventListener('change', function () {
+    document.getElementById('mapSection')
+      .classList.toggle('d-none', this.value !== 'map');
+
+    document.getElementById('listSection')
+      .classList.toggle('d-none', this.value !== 'list');
+
+    if (this.value === 'map') {
+      if (!installMap) {
+        initMap();
+      } else {
+        setTimeout(() => google.maps.event.trigger(installMap, 'resize'), 50);
+      }
+    }
+  });
+});
+</script>
+
+<script>
+  // map.php에서 쓰는 동일한 로더
+  (g=>{
+    var h,a,k,p="The Google Maps JavaScript API",c="google",l="importLibrary",q="__ib__",m=document,b=window;
+    b=b[c]||(b[c]={});
+    var d=b.maps||(b.maps={}),r=new Set,e=new URLSearchParams,u=()=>h||(h=new Promise(async(f,n)=>{
+      await (a=m.createElement("script"));
+      e.set("libraries",[...r]+"");
+      for(k in g) e.set(k.replace(/[A-Z]/g,t=>"_"+t[0].toLowerCase()),g[k]);
+      e.set("callback",c+".maps."+q);
+      a.src=`https://maps.${c}apis.com/maps/api/js?`+e;
+      d[q]=f;
+      a.onerror=()=>h=n(Error(p+" could not load."));
+      a.nonce=m.querySelector("script[nonce]")?.nonce||"";
+      m.head.append(a);
+    }));
+    d[l]?console.warn(p+" only loads once. Ignoring:",g):d[l]=(f,...n)=>r.add(f)&&u().then(()=>d[l](f,...n))
+  })({key:"AIzaSyDg9u03mGrBhyOisp7VGc27CTPI9QXp8sY", v:"weekly"});
+</script>
diff --git a/public_html/doc/install_wait_list.php b/public_html/doc/install_wait_list.php
new file mode 100644
index 0000000..f393fbd
--- /dev/null
+++ b/public_html/doc/install_wait_list.php
@@ -0,0 +1,2144 @@
+<?php
+$func->checkLevelModal(5);
+// ============================
+// Search filters (LEFT ONLY)
+// ============================
+$where = [];
+if (!empty($kw_customer))           $where[] = "(iw_customer_name LIKE '%{$kw_customer}%' OR iw_address LIKE '%{$kw_customer}%' OR iw_accountno LIKE '%{$kw_customer}%' OR iw_city LIKE '%{$kw_customer}%')";
+if (!empty($kw_work))               $where[] = "(iw_work_type = '{$kw_work}')";
+if (!empty($_GET['kw_two_person'])) $where[] = "(iw_required_person_cnt IS NOT NULL AND iw_required_person_cnt > 0)";
+if (!empty($_GET['kw_draft']))      $where[] = "(iw_status = 'DRAFT')";
+if (!empty($where)) {
+  $add_where = ' AND ' . implode(' AND ', $where);
+}
+function db_escape($jdb, $str) {
+  return mysqli_real_escape_string($jdb->DBConn, $str);
+}
+
+// ============================
+// Total count
+// ============================
+$sql_cnt = "
+    SELECT COUNT(*)
+    FROM tbl_install_waitlist
+    WHERE iw_status in ('WAITING','DRAFT')
+    $add_where
+";
+$total_count = $jdb->rQuery($sql_cnt, "Install wait list count error");
+
+// ============================
+// 1) Load waitlist
+// ============================
+$sql = "
+  SELECT *
+  FROM tbl_install_waitlist
+  WHERE iw_status in ('WAITING','DRAFT')
+  $add_where
+  ORDER BY iw_requested_due_date ASC, iw_request_at ASC
+";
+$rs = $jdb->nQuery($sql, "Load waitlist error");
+
+$rows = [];
+$iw_uids = [];
+$customer_uids = [];
+
+while ($r = mysqli_fetch_assoc($rs)) {
+    $rows[] = $r;
+    $iw_uids[] = (int)$r['iw_uid'];
+    if (!empty($r['iw_customer_uid'])) {
+        $customer_uids[] = (int)$r['iw_customer_uid'];
+    }
+}
+$iw_uids = array_values(array_unique($iw_uids));
+$customer_uids = array_values(array_unique($customer_uids));
+
+/* ============================
+ * 2) Customer containers (cc_status='A')
+ * ============================ */
+$customerContainerMap = []; // [customer_uid => [rows...]]
+if ($customer_uids) {
+    $in = implode(',', $customer_uids);
+    $sql_cc = "
+      SELECT cc_customer_uid, cc_type, cc_owner_type, cc_is_used, cc_has_lock, cc_has_wheel, cc_has_woodframe
+      FROM tbl_customer_container
+      WHERE cc_status = 'A'
+        AND cc_customer_uid IN ($in)
+      ORDER BY cc_customer_uid, cc_type, cc_uid
+    ";
+
+    $rc = $jdb->nQuery($sql_cc, "Load customer containers error");
+
+    while ($c = mysqli_fetch_assoc($rc)) {
+        $cu = (int)$c['cc_customer_uid'];
+        if (!isset($customerContainerMap[$cu])) $customerContainerMap[$cu] = [];
+        $customerContainerMap[$cu][] = $c;
+    }
+}
+
+/* ============================
+ * 3) Task containers (waitlist)
+ * ============================ */
+$taskMap = []; // [iw_uid => rows]
+if ($iw_uids) {
+    $in = implode(',', $iw_uids);
+    $sql_task = "
+      SELECT *
+      FROM tbl_install_waitlist_container
+      WHERE iwc_wait_uid IN ($in)
+      ORDER BY iwc_wait_uid, iwc_uid
+    ";
+    $rt = $jdb->nQuery($sql_task, "Load task containers error");
+
+    while ($t = mysqli_fetch_assoc($rt)) {
+        $taskMap[$t['iwc_wait_uid']][] = $t;
+    }
+}
+
+/* ============================
+ * 4) Customer images (install_order)
+ * ============================ */
+$imageMap = []; // [customer_uid => true]
+if ($customer_uids) {
+    $in = implode(',', $customer_uids);
+
+    $sql_img = "
+      SELECT DISTINCT i_customeruid
+      FROM tbl_customer_image
+      WHERE i_status = 'A'
+        AND i_type = 'install_order'
+        AND i_customeruid IN ($in)
+    ";
+
+    $ri = $jdb->nQuery($sql_img, "Load customer images error");
+
+    while ($img = mysqli_fetch_assoc($ri)) {
+        $imageMap[(int)$img['i_customeruid']] = true;
+    }
+}
+
+// ============================
+// 5) customer driver
+// ============================
+$customerDriverMap = []; // [customer_uid => driver_uid]
+if ($customer_uids) {
+    $in = implode(',', $customer_uids);
+
+    $sql_cd = "
+      SELECT 
+        c.c_uid,
+        d.dr_initial
+      FROM tbl_customer c
+      LEFT JOIN tbl_member m 
+        ON c.c_regionuid = m.m_regionuid
+      LEFT JOIN tbl_driver d 
+        ON m.m_defaultdriver = d.dr_uid
+      WHERE c.c_uid IN ($in)
+        AND d.dr_type = 'UCO'
+    ";
+
+    $rc = $jdb->nQuery($sql_cd, "Load customer driver error");
+
+    while ($c = mysqli_fetch_assoc($rc)) {
+        $cu = (int)$c['c_uid'];
+        $customerDriverMap[$cu] = $c['dr_initial'] ?? '';
+    }
+}
+
+// ============================
+// 6) install drivers
+// ============================
+$drivers = [];
+
+$sql_install = "
+  SELECT dr_uid, dr_initial
+  FROM tbl_driver
+  WHERE dr_status = 'A'
+    AND dr_type = 'INSTALL'
+  ORDER BY dr_initial
+";
+$ris = $jdb->nQuery($sql_install, "Load install drivers error");
+
+while ($r = mysqli_fetch_assoc($ris)) {
+    $drivers[] = $r;
+}
+
+// ============================
+// 7) driver initials (modal)
+// ============================
+$driverInitialMap = []; // [dr_uid => dr_initial]
+$sql_driver = "
+  SELECT dr_uid, dr_initial
+  FROM tbl_driver
+  WHERE dr_status = 'A'
+";
+$res = $jdb->nQuery($sql_driver, "Load driver map error");
+
+while ($r = mysqli_fetch_assoc($res)) {
+  $driverInitialMap[(int)$r['dr_uid']] = $r['dr_initial'];
+}
+
+// ============================
+// 전화번호
+// ============================ 
+function formatPhone($phone) {
+  $digits = preg_replace('/\D+/', '', (string)$phone);
+
+  // 10 digits => (xxx) xxx-xxxx
+  if (strlen($digits) === 10) {
+      return sprintf(
+          '(%s) %s - %s',
+          substr($digits, 0, 3),
+          substr($digits, 3, 3),
+          substr($digits, 6, 4)
+      );
+  }
+
+  return $phone;
+}
+?>
+
+<!-- drag and drop -->
+<script src="https://cdn.jsdelivr.net/npm/sortablejs@1.15.2/Sortable.min.js"></script>
+<script>(g=>{var h,a,k,p="The Google Maps JavaScript API",c="google",l="importLibrary",q="__ib__",m=document,b=window;b=b[c]||(b[c]={});var d=b.maps||(b.maps={}),r=new Set,e=new URLSearchParams,u=()=>h||(h=new Promise(async(f,n)=>{await (a=m.createElement("script"));e.set("libraries",[...r]+"");for(k in g)e.set(k.replace(/[A-Z]/g,t=>"_"+t[0].toLowerCase()),g[k]);e.set("callback",c+".maps."+q);a.src=`https://maps.${c}apis.com/maps/api/js?`+e;d[q]=f;a.onerror=()=>h=n(Error(p+" could not load."));a.nonce=m.querySelector("script[nonce]")?.nonce||"";m.head.append(a)}));d[l]?console.warn(p+" only loads once. Ignoring:",g):d[l]=(f,...n)=>r.add(f)&&u().then(()=>d[l](f,...n))})
+  ({key: "AIzaSyDg9u03mGrBhyOisp7VGc27CTPI9QXp8sY", v: "weekly"});</script>
+<script>
+  document.querySelectorAll('input[name="view_mode"]').forEach(radio => {
+    radio.addEventListener('change', function () {
+      document.getElementById('view-map').classList.toggle(
+        'd-none', this.value !== 'map'
+      );
+      document.getElementById('view-list').classList.toggle(
+        'd-none', this.value !== 'list'
+      );
+    });
+  });
+
+  function searchWaitlist() {
+    const form = document.querySelector('.search-bar');
+    const params = new URLSearchParams(new FormData(form));
+    params.append('ajax', 'waitlist');
+
+    fetch('index_intranet.php?view=install_wait_list&' + params.toString())
+      .then(res => res.text())
+      .then(html => {
+        // 1) HTML 파싱
+        const parser = new DOMParser();
+        const doc = parser.parseFromString(html, 'text/html');
+
+        // 2) 새 문서에서 waitlistArea만 추출
+        const newWaitlist = doc.getElementById('waitlistArea');
+
+        if (!newWaitlist) {
+          throw new Error('waitlistArea not found in response');
+        }
+
+        // 3) 기존 waitlistArea 교체
+        document.getElementById('waitlistArea').innerHTML =newWaitlist.innerHTML;
+        
+        // 4) total count 교체
+        const newTotal = doc.getElementById('waitlistTotalCount');
+        const oldTotal = document.getElementById('waitlistTotalCount');
+
+        if (newTotal && oldTotal) {
+          oldTotal.innerHTML = newTotal.innerHTML;
+        }
+      })
+      .catch(err => {
+        console.error(err);
+        document.getElementById('waitlistArea').innerHTML = '<div class="text-danger text-center py-5">Failed to load.</div>';
+      });
+  }
+
+  function openCustomerImages(customerUid) {
+
+    const modalEl = document.getElementById('customerImageModal');
+    if (!modalEl) {
+      console.error('customerImageModal not found');
+      return;
+    }
+
+    const modal = bootstrap.Modal.getOrCreateInstance(modalEl);
+
+    const body = document.getElementById('customerImageModalBody');
+    if (body) {
+      body.innerHTML = '<div class="text-center text-muted py-5">Loading images...</div>';
+    }
+
+    modal.show();
+
+    const params = new URLSearchParams({
+      customer_uid: customerUid,
+      i_type: 'install_order'
+    });
+
+    fetch('/lib/customer_image.php?' + params.toString())
+      .then(res => res.text())
+      .then(html => {
+        if (body) body.innerHTML = html;
+      })
+      .catch(err => {
+        console.error(err);
+        if (body) {
+          body.innerHTML = '<div class="text-danger text-center py-5">Failed to load images.</div>';
+        }
+      });
+  }
+
+  function openAddInstallWaitModal(options = {}) {
+    const modalEl = document.getElementById('addInstallWaitModal');
+    const modal = new bootstrap.Modal(modalEl);
+
+    const body = modalEl.querySelector('.modal-body');
+    body.innerHTML = `<div class="text-center text-muted py-5">Loading...</div>`;
+
+    fetch('/lib/add_install_wait_modal.php')
+      .then(res => {
+        if (!res.ok) throw new Error('HTTP ' + res.status);
+        return res.text();
+      })
+      .then(html => {
+        body.innerHTML = html;
+
+        // Step1 기본 초기화 (기존 add 모드 로직)
+        initAddInstallWaitModal();
+
+        // ===== Edit Mode =====
+        if (options.mode === 'edit' && options.iw_uid) {
+          InstallWait.mode = 'edit';
+          InstallWait.iw_uid = options.iw_uid;
+
+          // Step3로 이동은 DOM 로드 이후에
+          goInstallWaitStep(3);
+
+          // Step3 이벤트 바인딩/초기화
+          initInstallWaitStep3();
+
+          // 편집 데이터 로드
+          loadInstallWaitForEdit(options.iw_uid);
+        }
+      })
+      .catch(err => {
+        console.error('Failed to load modal body:', err);
+        body.innerHTML = `
+          <div class="text-danger text-center py-5">
+            Failed to load. (${err})
+          </div>
+        `;
+      });
+
+    modal.show();
+  }
+
+  function loadInstallWaitForEdit(iw_uid) {
+    // 1) install_wait 메타 로드
+    api('get_install_wait_detail', { iw_uid }, data => {
+      if (!data) return;
+      // customer / job 세팅
+      InstallWait.customer = {
+        uid: data.iw_customer_uid,
+        account: data.iw_accountno,
+        name: data.iw_customer_name,
+        address: data.iw_address,
+        city: data.iw_city,
+        postal: data.iw_postal,
+        phone: data.iw_phone
+      };
+
+      InstallWait.job = {
+        type: data.iw_work_type
+      };
+
+      // Step3 의 기본 필드 채우기
+      iwRequestDate.value  = data.iw_request_at?.substring(0,10) || '';
+      iwScheduleDate.value = data.iw_requested_due_date || '';
+      //iwRequestBy.value    = data.iw_request_by || '';
+      iwRequestNote.value  = data.iw_request_note || '';
+      iwCsNote.value       = data.iw_cs_note || '';
+      iwWorkNote.value     = data.iw_work_note || '';
+      fillRequestBySelect(data.iw_request_by || 'Customer');
+
+      // Two-person
+      if (data.iw_required_person_cnt == 2) {
+        btnTwoPerson.classList.add('iw-toggle-on');
+        iwTwoPersonReason.disabled = false;
+        iwTwoPersonReason.value = data.iw_multi_person_reason || '';
+      }
+
+      // Recurring
+      if (data.iw_scheduled == 1) {
+        btnRecurring.classList.add('iw-toggle-on');
+        iwRecurringDays.disabled = false;
+        iwRecurringDays.value = data.iw_scheduled_cycle || '';
+      }
+
+      // job label 갱신
+      document.getElementById('iwStep3Title').innerText =
+        `Step 3 of 3 - ${data.iw_work_type} Detail`;
+
+      // action box 다시 그림
+      setStep3Title();
+      renderStep3ActionBoxes();
+      loadCurrentContainersIfNeeded(() => {
+        currentReady = true;
+      });
+      checkCustomerHasImages(InstallWait.customer?.uid);
+    });
+
+    // 2) 기존 PICKUP / INSTALL 로드
+    api('get_install_wait_containers', { iw_uid }, rows => {
+      const pickupWrap  = document.querySelector('.container-chips[data-action="PICKUP"]');
+      const installWrap = document.querySelector('.container-chips[data-action="INSTALL"]');
+
+      // edit 모드로 열릴 때 잔상 제거
+      if (pickupWrap)  pickupWrap.innerHTML = '';
+      if (installWrap) installWrap.innerHTML = '';
+
+      const pickupRows = [];
+      rows.forEach(r => {
+        if (r.iwc_action === 'PICKUP') {
+          pickupRows.push(r); // 이동 판단용
+        }
+        if (r.iwc_action === 'INSTALL' && installWrap) {
+          installWrap.insertAdjacentHTML('beforeend', renderInstallChipFromDB(r));
+        }
+      });
+
+      // CURRENT 로딩이 끝난 뒤에 이동 로직 실행
+      loadCurrentContainersIfNeeded(() => {
+        applyPickupFromDBToCurrent(pickupRows);
+      });
+
+      // 이벤트 바인딩
+      bindPickupContainerChipEvents();
+      bindInstallChipEvents();
+    });
+
+  }
+
+  function openInstallWaitEditModal(iw_uid) {
+    openAddInstallWaitModal({
+      mode: 'edit',
+      iw_uid: iw_uid
+    });
+  }
+</script>
+
+<main id="main" class="main" style="padding-bottom:25px;">
+  <div class="breadcrumbs">
+    <div class="container">
+      <div class="d-flex justify-content-between align-items-center">
+        <h2>INSTALL WAIT LIST</h2>
+        <ol>
+          <li><a href="index_intranet.php">HOME</a></li>
+          <li>PLANNING</li>
+          <li>INSTALL WAIT LIST</li>
+        </ol>
+      </div>
+    </div>
+  </div>
+
+  <div id="installWaitContext"
+     data-member-uid="<?=$_SESSION['ss_UID']?>"
+     data-member-id="<?=$_SESSION['ss_ID']?>">
+  </div>
+
+  <section class="page">
+    <div class="container-fluid">
+
+      <div class="row">
+        <!-- ============================ -->
+        <!-- LEFT : WAITING LIST -->
+        <!-- ============================ -->
+        <div class="col-lg-6">
+
+          <div class="card planning-card h-100">
+
+            <!-- Search -->
+            <div class="card-body border-bottom pb-0">
+              <form method="get" class="row g-2 align-items-stretch search-bar position-relative pb-4" id="waitlistSearchForm">
+                <!-- Work -->
+                <div class="col-md-2">
+                  <select name="kw_work" class="form-select h-100" onchange="searchWaitlist()">
+                    <option value="">All Work</option>
+                    <?php foreach (['INSTALL','PICKUP','EXCHANGE','RELOCATE','CLEAN'] as $w): ?>
+                      <option value="<?=$w?>" <?=($kw_work==$w?'selected':'')?>><?=$w?></option>
+                    <?php endforeach; ?>
+                  </select>
+                </div>
+
+                <!-- 2+ -->
+                <div class="col-md-1 d-flex">
+                  <button type="button" id="filterTwoPerson" class="btn btn-outline-dark w-100 h-100" data-active="0" title="multi-person required">
+                    <i class="bi bi-people-fill"></i> 2+
+                  </button>
+                  <input type="hidden" name="kw_two_person" id="kw_two_person">
+                </div>
+
+                <div class="col-md-1 d-flex">
+                  <button type="button" id="filterDraft" class="btn btn-outline-dark w-100 h-100" data-active="0" title="Draft Filter">
+                    <i class="bi bi-clipboard-check"></i>
+                  </button>
+                  <input type="hidden" name="kw_draft" id="kw_draft">
+                </div>
+
+                <!-- Search -->
+                <div class="col-md-5">
+                  <div class="input-group h-100 search-container">
+                    <input type="text" name="kw_customer" id="kwCustomer" class="form-control" placeholder="City / Customer / Account" value="<?=htmlspecialchars($kw_customer)?>">
+                    <button type="submit" class="btn btn-outline-secondary">
+                      <i class="bi bi-search"></i>
+                    </button>
+                  </div>
+                </div>
+
+                <!-- Add -->
+                <div class="col-md-3 d-flex justify-content-end">
+                  <button type="button" class="btn-add" onclick="openAddInstallWaitModal()">
+                    Add Wait List
+                  </button>
+                </div>
+
+                <div id="waitlistTotalCount"
+                    class="position-absolute bottom-0 end-0 text-muted small pe-2 pb-1">
+                  Total: <?=$total_count?>
+                </div>
+
+              </form>
+            </div>
+
+            <!-- Scroll Area -->
+            <div class="card-body p-0 waitlist-scroll" id="waitlistArea">
+              <?php if (!$rows): ?>
+                <div class="text-center text-muted py-5">No waiting items.</div>
+              <?php endif; ?>
+
+              <?php foreach ($rows as $row): ?>
+
+                <?php
+                  /* Work badge */
+                  $work = $row['iw_work_type'];
+                  $workClass = "bg-secondary text-white";
+                  if ($work=="INSTALL")  $workClass="bg-success text-white";
+                  if ($work=="PICKUP")   $workClass="bg-danger text-white";
+                  if ($work=="EXCHANGE") $workClass="bg-warning text-dark";
+                  if ($work=="RELOCATE") $workClass="bg-info text-dark";
+                  if ($work=="CLEAN")    $workClass="bg-primary text-white";
+
+                  /* Due type */
+                  $dueTypeClass = "";
+                  $dueTypeLabel = "";
+                  if ($row['iw_request_due_type']=="EXACT") {
+                    $dueTypeClass="bg-danger text-white"; $dueTypeLabel="Exact";
+                  } elseif ($row['iw_request_due_type']=="RANGE") {
+                    $dueTypeClass="bg-warning text-dark"; $dueTypeLabel="Range";
+                  } elseif ($row['iw_request_due_type']=="FLEXIBLE") {
+                    $dueTypeClass="bg-secondary text-white"; $dueTypeLabel="Flexible";
+                  }
+
+                  $cu = (int)$row['iw_customer_uid'];
+                  $customerContainers = $customerContainerMap[$cu] ?? [];
+                  $tasks = $taskMap[$row['iw_uid']] ?? [];
+                  $pickup_d = $pickup_b = $install_d = $install_b = 0;
+                  $driverInitial = $customerDriverMap[$cu] ?? '';
+
+                  foreach ($tasks as $t) {
+                    $action = strtoupper(trim($t['iwc_action'] ?? ''));
+                    $type   = strtoupper(trim($t['iwc_type'] ?? ''));
+
+                    if ($action === 'PICKUP') {
+                      if ($type === 'D') $pickup_d++;
+                      else               $pickup_b++;
+                    }
+                    elseif ($action === 'INSTALL') {
+                      if ($type === 'D') $install_d++;
+                      else               $install_b++;
+                    }
+                  }
+                ?>
+
+                <div class="wait-card"
+                  data-iw="<?= (int)$row['iw_uid'] ?>"
+                  data-status="<?= htmlspecialchars($row['iw_status']) ?>"
+                  data-accountno="<?= htmlspecialchars($row['iw_accountno']) ?>"
+                  data-name="<?= htmlspecialchars($row['iw_customer_name']) ?>"
+                  data-job-type="<?= htmlspecialchars($row['iw_work_type']) ?>"
+                  data-driver="<?= htmlspecialchars($driverInitial) ?>"
+                  data-address="<?= htmlspecialchars($row['iw_address']) ?>"
+                  data-city="<?= htmlspecialchars($row['iw_city']) ?>"
+                  data-lat="<?= htmlspecialchars($row['iw_lat']) ?>"
+                  data-lng="<?= htmlspecialchars($row['iw_lng']) ?>"
+                  data-pickup-d="<?= $pickup_d ?>"
+                  data-pickup-b="<?= $pickup_b ?>"
+                  data-install-d="<?= $install_d ?>"
+                  data-install-b="<?= $install_b ?>">
+
+                  <!-- Top -->
+                  <div class="d-flex align-items-center mb-1">
+
+                    <!-- LEFT -->
+                    <div class="d-flex gap-2 flex-wrap">
+                      <span class="badge <?=$workClass?>"><?=$work?></span>
+
+                      <?php if ($row['iw_status'] === 'DRAFT'): ?>
+                        <span class="badge bg-dark text-white">
+                          <i class="bi bi-clipboard-check"></i> Draft
+                        </span>
+                      <?php endif; ?>
+
+                      <?php if (!empty($row['iw_required_person_cnt']) && $row['iw_required_person_cnt'] > 1): ?>
+                        <span class="badge bg-dark text-white">
+                          <i class="bi bi-people-fill"></i>
+                          x<?=$row['iw_required_person_cnt']?>
+                        </span>
+                        <?php if (!empty($row['iw_multi_person_reason'])): ?>
+                          <small class="text-muted">
+                            <?=$row['iw_multi_person_reason']?>
+                          </small>
+                        <?php endif; ?>
+                      <?php endif; ?>
+
+                      <?php if ($row['iw_scheduled']): ?>
+                        <div class="d-flex align-items-center gap-2 flex-wrap">
+                          <span class="badge bg-dark text-white">
+                            <i class="bi bi-arrow-repeat"></i>
+                            Every <?=$row['iw_scheduled_cycle']?> days
+                          </span>
+
+                          <?php if ($row['iw_last_exchange_date']): ?>
+                            <small class="text-muted">
+                              · Last <?= $row['iw_last_exchange_date'] ?>
+                            </small>
+                          <?php endif; ?>
+                        </div>
+                      <?php endif; ?>
+                    </div>
+
+                    <!-- RIGHT -->
+                    <div class="ms-auto d-flex align-items-center gap-2">
+                      <small class="text-muted me-2">
+                        Due: <?=$row['iw_requested_due_date'] ?: '-';?>
+                      </small>
+
+                      <a href="#" class="btn btn-sm btn-outline-secondary btn-edit-install-wait" data-iw-uid="<?=$row['iw_uid']?>" title="Edit">
+                        <i class="bi bi-pencil"></i>
+                      </a>
+
+                      <a href="#" class="btn btn-sm btn-outline-secondary btn-delete-install-wait" data-iw-uid="<?=$row['iw_uid']?>" title="Delete">
+                        <i class="bi bi-trash"></i>
+                      </a>
+                    </div>
+
+                  </div>
+
+                  <!-- Customer + Containers + Image button -->
+                  <div class="d-flex justify-content-between align-items-start gap-2">
+
+                    <!-- LEFT : Customer + Containers -->
+                    <div class="d-flex align-items-center gap-2 flex-wrap">
+
+                      <!-- Account No -->
+                      <span class="badge bg-light text-dark border">
+                        <?=$row['iw_accountno']?>
+                      </span>
+
+                      <!-- Customer Name -->
+                      <?php
+                      $cu = (int)$row['iw_customer_uid'];
+                      $driverInitial = $customerDriverMap[$cu] ?? '';
+                      ?>
+
+                      <span class="fw-bold">
+                        <?=$row['iw_customer_name']?>
+
+                        <?php if ($driverInitial): ?>
+                          <span class="badge bg-light text-dark border ms-1" title="Assigned driver">
+                            <?=$driverInitial?>
+                          </span>
+                        <?php endif; ?>
+                      </span>
+
+                      <!-- Containers -->
+                      <?php
+                        include $_SERVER['DOCUMENT_ROOT'].'/lib/customer_container_chips.php';
+                      ?>
+
+                    </div>
+
+                    <!-- RIGHT : Image button -->
+                    <?php if (!empty($imageMap[$row['iw_customer_uid']])): ?>
+                      <div class="ms-2">
+                        <button type="button" class="btn btn-sm btn-outline-primary btn-image" title="View photos" onclick="openCustomerImages(<?=$row['iw_customer_uid']?>)">
+                          <i class="bi bi-image"></i>
+                        </button>
+                      </div>
+                    <?php endif; ?>
+                  </div>
+
+                  <!-- Address / Phone -->
+                  <div class="text-muted small">
+                    <?=$row['iw_address']?>, <?=$row['iw_city']?>, <?=$row['iw_postal']?> ·
+                    <?=formatPhone($row['iw_phone'])?>
+                  </div>
+
+                  <!-- Due type -->
+                  <?php if ($dueTypeLabel): ?>
+                    <div class="mt-1">
+                      <span class="badge <?=$dueTypeClass?>"><?=$dueTypeLabel?></span>
+                    </div>
+                  <?php endif; ?>
+
+                  <!-- Notes -->
+                  <?php
+                    $reqByRaw = $row['iw_request_by'];
+                    $reqByDisplay = '';
+
+                    // Customer면 그대로
+                    if ($reqByRaw === 'Customer') {
+                        $reqByDisplay = 'Customer';
+                    }
+                    // 숫자(uid)면 m_initial로 변환
+                    elseif (is_numeric($reqByRaw)) {
+                        $uid = (int)$reqByRaw;
+                        if (isset($driverInitialMap[$uid])) {
+                            $reqByDisplay = $driverInitialMap[$uid];
+                        } else {
+                            $reqByDisplay = 'Customer'; // fallback (선택)
+                        }
+                    }
+                    // 그 외 문자열이면 그대로 표시 (예외 대비)
+                    else {
+                        $reqByDisplay = htmlspecialchars($reqByRaw);
+                    }
+                  ?>
+                  <div class="note-line mt-2">
+                    <span class="note-label">Request</span>
+                    <span class="note-text">
+                      (by <?=$reqByDisplay?> <?=substr($row['iw_request_at'],0,10)?>)
+                      <?=htmlspecialchars($row['iw_request_note'])?>
+                    </span>
+                  </div>
+
+                  <?php if ($row['iw_cs_note']): ?>
+                    <div class="note-line">
+                      <span class="note-label">CS</span>
+                      <span class="note-text"><?=htmlspecialchars($row['iw_cs_note'])?></span>
+                    </div>
+                  <?php endif; ?>
+
+                  <?php if ($row['iw_work_note']): ?>
+                    <div class="note-line">
+                      <span class="note-label">Work</span>
+                      <span class="note-text"><?=htmlspecialchars($row['iw_work_note'])?></span>
+                    </div>
+                  <?php endif; ?>
+
+                  <!-- Task containers -->
+                  <?php if ($tasks): ?>
+                    <?php
+                      $taskByAction = [];
+                      foreach ($tasks as $t) {
+                        $taskByAction[$t['iwc_action']][] = $t;
+                      }
+                      $actionOrder = ['PICKUP', 'INSTALL'];
+                    ?>
+
+                    <!-- TASK ACTION WRAPPER -->
+                    <div class="task-actions mt-2">
+
+                      <?php foreach ($actionOrder as $action): ?>
+                        <?php if (empty($taskByAction[$action])) continue; ?>
+
+                        <?php
+                          $actionClass = 'bg-secondary text-white';
+                          if ($action === 'PICKUP')  $actionClass = 'bg-danger text-white';
+                          if ($action === 'INSTALL') $actionClass = 'bg-success text-white';
+                        ?>
+
+                        <!-- ACTION BOX -->
+                        <div class="task-action-box">
+
+                          <div class="task-action-title <?=$action === 'PICKUP' ? 'pickup' : 'install'?>">
+                            <?php if ($action === 'PICKUP'): ?>
+                              <i class="bi bi-dash-circle"></i> Pickup
+                            <?php elseif ($action === 'INSTALL'): ?>
+                              <i class="bi bi-plus-circle"></i> Install
+                            <?php else: ?>
+                              <?=$action?>
+                            <?php endif; ?>
+                          </div>
+
+                          <div class="container-chips inline-chips mt-1">
+                            <?php foreach ($taskByAction[$action] as $t): ?>
+                              <?php
+                                $usedLabel = ($t['iwc_is_used'] === 'Y') ? 'Used ' : '';
+
+                                $type = strtoupper($t['iwc_type']);
+                                if (strpos($type,'D') !== false) {
+                                  $icon = 'bi-database-fill';
+                                } elseif (strpos($type,'B') !== false && strpos($type,'BUCKET') === false) {
+                                  $icon = 'bi-archive-fill';
+                                } else {
+                                  $icon = 'bi-box2';
+                                }
+
+                                $optIcons = '';
+                                if ($t['iwc_has_lock'] === 'Y')      $optIcons .= ' <i class="bi bi-lock-fill"></i>';
+                                if ($t['iwc_has_wheel'] === 'Y')     $optIcons .= ' <i class="bi bi-gear-fill"></i>';
+                                if ($t['iwc_has_woodframe'] === 'Y') $optIcons .= ' <i class="bi bi-bounding-box-circles"></i>';
+                              ?>
+
+                              <span class="chip chip-task">
+                                <i class="bi <?=$icon?>"></i>
+                                <?=$usedLabel?><?=$t['iwc_type']?>
+                                <?=$optIcons?>
+                              </span>
+                            <?php endforeach; ?>
+                          </div>
+                        </div>
+                      <?php endforeach; ?>
+                    </div>
+                  <?php endif; ?>
+                </div>
+              <?php endforeach; ?>
+            </div>
+          </div>
+        </div>
+
+        <!-- ============================ -->
+        <!-- RIGHT : ASSIGN / PLANNING -->
+        <!-- ============================ -->
+        <div class="col-lg-6">
+
+          <div class="card planning-card border-secondary h-100">
+            <!-- HEADER : Date + Driver -->
+            <div class="card-header bg-light">
+
+              <div class="d-flex justify-content-between align-items-center">
+                <!-- Date Navigator -->
+                <div class="d-flex align-items-center gap-2">
+                  <button type="button" class="btn btn-sm btn-outline-secondary btn-date-prev">
+                    <i class="bi bi-chevron-left"></i>
+                  </button>
+
+                  <strong>
+                    <input type="text" id="iwMapDate" class="form-control form-control-sm date-picker-form" style="max-height:20px;" autocomplete="off" placeholder="<?=date('Y-m-d')?>" readonly>
+                  </strong>
+
+                  <button type="button" class="btn btn-sm btn-outline-secondary btn-date-next">
+                    <i class="bi bi-chevron-right"></i>
+                  </button>
+                </div>
+
+                <!-- Center : Toggle -->
+                <div class="d-flex align-items-center ms-auto gap-2">
+                  <div class="view-toggle iw-ui-control">
+                    <label>
+                      <input type="radio" name="view_mode" value="map" checked>
+                      <span><i class="bi bi-map"></i></span>
+                    </label>
+                    <label>
+                      <input type="radio" name="view_mode" value="list">
+                      <span><i class="bi bi-list"></i></span>
+                    </label>
+                  </div>
+
+                  <!-- Driver Selector -->
+                  <div class="radio-segment iw-ui-control" style="width:120px;">
+                    <?php foreach ($drivers as $i => $d): ?>
+                      <label>
+                        <input type="radio" name="driver"
+                              value="<?=$d['dr_uid']?>"
+                              <?= $i === 0 ? 'checked' : '' ?>>
+                        <span><?=htmlspecialchars($d['dr_initial'])?></span>
+                      </label>
+                    <?php endforeach; ?>
+                  </div>
+                </div>
+
+                <!-- Button -->
+                <div class="d-flex iw-ui-control align-items-center ms-auto gap-2">
+                  <button id="btnModifySchedule" class="btn btn-outline-primary" disabled>
+                    <i class="bi bi-sliders"></i> Modify
+                  </button>
+
+                  <button id="btnConfirmSchedule" class="btn btn-success" disabled>
+                    <i class="bi bi-check"></i> Assign
+                  </button>
+                </div>
+              </div>
+
+            </div>
+
+            <!-- ============================ -->
+            <!-- BODY -->
+            <!-- ============================ -->
+            <div class="card-body d-flex flex-column gap-3">
+
+              <!-- Summary + Toggle -->
+              <div class="summary-bar d-flex align-items-center justify-content-between">
+
+                <!-- Left : Summary text -->
+                <div id="iwSummary" class="alert alert-secondary text-start mb-0 flex-grow-1 gap-3">
+                  <span id="sumStops">Stops: 0</span>&nbsp;&nbsp;
+                  <span id="sumPickup"></span>
+                  <span id="sumInstall"></span>
+                </div>
+              </div>
+
+              <!-- Map View (DEFAULT) -->
+              <div id="view-map" class="border rounded flex-fill position-relative">
+                <div id="iwMapCanvas" style="width:100%; height: calc(100%); min-height:520px;"></div>
+              </div>
+              <!-- List View (HIDDEN) -->
+              <div id="view-list" class="border rounded p-0 flex-fill d-none">
+                <table class="table table-sm table-hover align-middle mb-0 small">
+                  <thead class="iw-header">
+                    <tr>
+                      <th></th>
+                      <th style="width:20px;">#</th>
+                      <th>Customer</th>
+                      <th>UCO</th>
+                      <th>Address</th>
+                      <th>Type</th>
+                      <th>Pickup</th>
+                      <th>Install</th>
+                      <th></th>
+                    </tr>
+                  </thead>
+                  <tbody id="iwListBody">
+                    <!-- JS render -->
+                  </tbody>
+                </table>
+
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+    </div>
+  </section>
+
+</main>
+
+<script>
+  // map.php에서 쓰는 동일한 로더
+  (g=>{
+    var h,a,k,p="The Google Maps JavaScript API",c="google",l="importLibrary",q="__ib__",m=document,b=window;
+    b=b[c]||(b[c]={});
+    var d=b.maps||(b.maps={}),r=new Set,e=new URLSearchParams,u=()=>h||(h=new Promise(async(f,n)=>{
+      await (a=m.createElement("script"));
+      e.set("libraries",[...r]+"");
+      for(k in g) e.set(k.replace(/[A-Z]/g,t=>"_"+t[0].toLowerCase()),g[k]);
+      e.set("callback",c+".maps."+q);
+      a.src=`https://maps.${c}apis.com/maps/api/js?`+e;
+      d[q]=f;
+      a.onerror=()=>h=n(Error(p+" could not load."));
+      a.nonce=m.querySelector("script[nonce]")?.nonce||"";
+      m.head.append(a);
+    }));
+    // 한번만ㄴ 로드
+    if (!d[l]) {
+      d[l] = (f,...n)=>r.add(f)&&u().then(()=>d[l](f,...n));
+    }
+
+  })({key:"AIzaSyDg9u03mGrBhyOisp7VGc27CTPI9QXp8sY", v:"weekly"});
+</script>
+
+<script>
+  let iwMap = null;
+  let iwMarkers = [];
+  let iwInfo = null;
+  let iwDailyRows = [];
+  let iwTrialRows = {}; // 가상 추가 리스트
+  let iwMapInitialized = false; // 최초 맵
+  // 상태 변화
+  let baseState = null;
+  let currentState = null;
+  let isChanged = false;
+
+  function getSelectedDriverUid() {
+    return parseInt(
+      document.querySelector('input[name="driver"]:checked')?.value || 0,
+      10
+    );
+  }
+
+  function clearMarkers(){
+    if (iwInfo) iwInfo.close();
+    iwMarkers.forEach(m => { if ('map' in m) m.map = null; });
+    iwMarkers = [];
+  }
+
+  async function initInstallMap(){
+    const { Map, InfoWindow } = await google.maps.importLibrary("maps");
+    const { AdvancedMarkerElement, PinElement } = await google.maps.importLibrary("marker");
+    $('.date-picker-form').datepicker({
+      dateFormat: 'yy-mm-dd',
+      changeMonth: true,
+      changeYear: true
+    });
+
+    iwInfo = new InfoWindow();
+
+    iwMap = new Map(document.getElementById('iwMapCanvas'), {
+      center: { lat:43.65, lng:-79.38 },
+      zoom: 10,
+      mapId: "4504f8b37365c3d0",
+      disableDefaultUI: true
+    });
+
+    loadDailyInstallPoints();
+  }
+
+  function buildInfoHtml(r){
+    return `
+      <div style="min-width:260px;">
+        <div style="font-weight:700; font-size:14px;">
+          ${r.di_customer_name || ''} 
+          <span style="color:#666;">(#${r.di_order_seq} ${r.di_accountno || ''})</span>
+        </div>
+
+        <div class="small text-muted" style="margin-top:2px;">
+          ${r.di_city || ''}
+        </div>
+
+        <div style="margin-top:6px;">
+          ${r.di_address || ''} ${r.di_postal || ''}
+        </div>
+
+        ${r.di_request_note ? `
+          <div style="margin-top:8px; padding-top:6px; border-top:1px solid #eee;">
+            ${r.di_request_note}
+          </div>
+        ` : ``}
+      </div>
+    `;
+  }
+
+  $('#iwMapDate').on('change', function(){
+    resetTrialSelectionUI()
+    loadDailyInstallPoints();
+  });
+
+  $(document).on('change', 'input[name="driver"]', function () {
+    resetTrialSelectionUI()
+    loadDailyInstallPoints();
+  });
+
+  function resetTrialSelectionUI() {
+    // trial 데이터 초기화
+    iwTrialRows = {};
+    isChanged = false;
+    updateConfirmButton();
+
+    // 왼쪽 wait-card에서 trial-selected 제거
+    document.querySelectorAll('.wait-card.trial-selected').forEach(el => {
+      el.classList.remove('trial-selected');
+    });
+  }
+
+  $('#filterTwoPerson').on('click', function () {
+    const active = $(this).attr('data-active') === '1';
+
+    if (active) {
+      $(this)
+        .removeClass('btn-dark text-white')
+        .addClass('btn-outline-dark')
+        .attr('data-active', '0');
+      $('#kw_two_person').val('');
+    } else {
+      $(this)
+        .removeClass('btn-outline-dark')
+        .addClass('btn-dark text-white')
+        .attr('data-active', '1');
+      $('#kw_two_person').val('1');
+    }
+
+    searchWaitlist();
+  });
+
+  $('#filterDraft').on('click', function () {
+    const active = $(this).attr('data-active') === '1';
+
+    if (active) {
+      $(this)
+        .removeClass('btn-dark text-white')
+        .addClass('btn-outline-dark')
+        .attr('data-active', '0');
+
+      $('#kw_draft').val('');
+    } else {
+      $(this)
+        .removeClass('btn-outline-dark')
+        .addClass('btn-dark text-white')
+        .attr('data-active', '1');
+
+      $('#kw_draft').val('1');
+    }
+
+    searchWaitlist();
+  });
+
+  function loadDailyInstallPoints(){
+    // 날짜
+    const input = document.getElementById('iwMapDate');
+    let di_install_date = input.value;
+
+    // 비어 있으면 기본값 세팅
+    if (!di_install_date && !iwMapInitialized) {
+      const nextBiz = getNextBusinessDate();
+      di_install_date = formatDate(nextBiz);
+      input.value = di_install_date;
+    }
+    iwMapInitialized = true;
+
+    // 드라이버
+    const di_driver_uid   = getSelectedDriverUid();
+    //clearMarkers();
+    api('inq_daily_install_points', { di_install_date, di_driver_uid }, res => {
+      iwDailyRows = res || [];
+      redrawRightPanel();
+
+      // Assign 버튼
+      baseState = getCurrentState();
+      recalcChanged(); // isChanged = false, Assign 비활성
+    });
+  }
+
+  function drawInstallMap(rows){
+    // 항상 먼저 기존 마커 정리
+    clearMarkers();
+    if (!rows || !rows.length) {
+      return;
+    }
+
+    const bounds = new google.maps.LatLngBounds();
+
+    rows.forEach(r => {
+      if (!r.di_lat || !r.di_lng) return;
+
+      const pos = { lat:+r.di_lat, lng:+r.di_lng };
+      bounds.extend(pos);
+
+      const pin = new google.maps.marker.PinElement({
+        glyphText: String(r.di_order_seq || ''),
+        background: r.is_trial ? '#fff3cd' : '#0d6efd',
+        borderColor: r.is_trial ? '#ffc107' : '#0d6efd',
+        glyphColor: r.is_trial ? '#856404' : '#ffffff'
+      });
+
+      const marker = new google.maps.marker.AdvancedMarkerElement({
+        map: iwMap,
+        position: pos,
+        content: createFlagMarker({
+          order: r.di_order_seq,
+          jobType: r.di_work_type,
+          isTrial: r.is_trial
+        })
+      });
+      marker.__di_uid = r.di_uid;
+      iwMarkers.push(marker);
+
+      marker.addListener('gmp-click', () => {
+        iwInfo.setContent(buildInfoHtml(r));
+        iwInfo.open({ map: iwMap, anchor: marker });
+      });
+
+    });
+
+    safeFitBounds(bounds);
+  }
+
+  function drawInstallList(rows){
+    const tbody = document.getElementById('iwListBody');
+    tbody.innerHTML = '';
+
+    if (!rows.length) {
+      tbody.innerHTML = `
+        <tr>
+          <td colspan="8" class="text-center text-muted py-4">
+            No assigned installs
+          </td>
+        </tr>
+      `;
+      return;
+    }
+
+    rows.forEach(r => {
+      const tr = document.createElement('tr');
+      if (r.is_trial) {
+        tr.dataset.isTrial = '1';
+        tr.dataset.iwUid   = r.iw_uid;   // waitlist uid
+        tr.dataset.orderSeq = r.di_order_seq;
+        tr.classList.add('table-warning');
+      } else {
+        tr.dataset.isTrial = '0';
+        tr.dataset.iwUid   = '';          // 기존 daily_install row
+        tr.dataset.diUid   = r.di_uid;
+        tr.dataset.orderSeq = r.di_order_seq;
+      }
+      tr.innerHTML = `
+        <td>${r.is_trial ? '': `<label class="iw-checkbox-wrap"><input type="checkbox" class="iw-checkbox" value="${r.di_uid}"><span class="iw-checkbox-box"></span></label>`}</td>
+        <td>${r.di_order_seq}</td>
+        <td class="iw-drag-handle" style="cursor:grab; max-width: 220px;">
+          <span class="text-muted me-2" title="Drag to reorder">
+          ${r.di_accountno || ''}</span>
+          <span class="iw-name" title="${r.di_customer_name || ''}">
+            <b>${r.di_customer_name || ''}</b>
+          </span>
+        </td>
+        <td>${r.di_customer_driver_initial}</td>
+        <td>${r.di_address || ''}<br><span class="text-muted small">${r.di_city || ''}</span></td>
+        <td><span class="badge ${getWorkTypeBadge(r.di_work_type)}" title="${r.di_work_type || ''}"> ${(r.di_work_type || '').substring(0, 2)}</span></td>
+        <td>${renderContainerSummary(r.pickup_d_cnt, r.pickup_b_cnt)}</td>
+        <td>${renderContainerSummary(r.install_d_cnt, r.install_b_cnt)}</td>
+        <td class="text-center">${r.is_trial ? '' : `<button class="btn btn-sm btn-outline-danger btn-unassign" title="Remove from schedule"> <i class="bi bi-dash-circle"></i></button>`}</td>
+      `;
+
+      tr.style.cursor = 'pointer';
+      //tr.onclick = () => focusMapMarker(r.di_uid);
+      tbody.appendChild(tr);
+      bindCheckboxEvents();
+    });
+    bindCheckboxEvents();
+    updateModifyButtonState();
+    initInstallListSortable();
+  }
+
+  function safeFitBounds(bounds, tryCount = 0) {
+    const el = document.getElementById('iwMapCanvas');
+    const w = el?.offsetWidth || 0;
+    const h = el?.offsetHeight || 0;
+
+    //
+    if (w > 0 && h > 0) {
+      iwMap.fitBounds(bounds);
+      return;
+    }
+
+    // 너무 오래 끌면 UX 안 좋으니 제한
+    if (tryCount >= 10) {
+      return;
+    }
+
+    // 다음 프레임에 재시도
+    requestAnimationFrame(() => safeFitBounds(bounds, tryCount + 1));
+  }
+
+  function isMapVisible() {
+    const viewMap = document.getElementById('view-map');
+    const canvas = document.getElementById('iwMapCanvas');
+    if (!viewMap || !canvas) return false;
+
+    // d-none이면 숨김
+    if (viewMap.classList.contains('d-none')) return false;
+
+    // 실제 사이즈 체크
+    return canvas.offsetWidth > 0 && canvas.offsetHeight > 0;
+  }
+
+  function getWorkTypeBadge(work) {
+    switch ((work || '').toUpperCase()) {
+      case 'INSTALL':
+        return 'bg-success text-white';
+      case 'PICKUP':
+        return 'bg-danger text-white';
+      case 'EXCHANGE':
+        return 'bg-warning text-dark';
+      case 'RELOCATE':
+        return 'bg-info text-dark';
+      case 'CLEAN':
+        return 'bg-primary text-white';
+      default:
+        return 'bg-secondary text-white';
+    }
+  }
+
+  function getNextBusinessDate(startDate = new Date()) {
+    const d = new Date(startDate);
+    d.setDate(d.getDate() + 1);
+
+    // 토(6), 일(0) 제외
+    while (d.getDay() === 0 || d.getDay() === 6) {
+      d.setDate(d.getDate() + 1);
+    }
+
+    return d;
+  }
+
+  function parseDate(str) {
+    const [y, m, d] = str.split('-').map(Number);
+    return new Date(y, m - 1, d);
+  }
+
+  function formatDate(d) {
+    const y = d.getFullYear();
+    const m = String(d.getMonth() + 1).padStart(2, '0');
+    const day = String(d.getDate()).padStart(2, '0');
+    return `${y}-${m}-${day}`;
+  }
+
+  function moveBusinessDate(date, diffDays) {
+    const d = new Date(date);
+    let moved = 0;
+    while (moved < Math.abs(diffDays)) {
+      d.setDate(d.getDate() + Math.sign(diffDays));
+      const day = d.getDay();
+      if (day !== 0 && day !== 6) {
+        moved++;
+      }
+    }
+    return d;
+  }
+
+  function changeMapDate(diff) {
+    const input = document.getElementById('iwMapDate');
+    let val = input.value;
+
+    // 값이 비어 있으면 기본값(다음 영업일)부터
+    if (!val) {
+      const base = getNextBusinessDate();
+      val = formatDate(base);
+    }
+
+    const current = parseDate(val);
+    const next = moveBusinessDate(current, diff);
+
+    input.value = formatDate(next);
+
+    // datepicker + 기존 change 로직 트리거
+    $(input).trigger('change');
+  }
+
+  function getCurrentState() {
+    const date = document.getElementById('iwMapDate').value;
+
+    // trial 선택(존재) 상태: iw_uid 목록
+    const trials = Object.values(iwTrialRows[date] || [])
+      .map(w => String(w.iw_uid))
+      .sort();
+
+    // 현재 화면 순서/seq 상태: trial + existing 둘 다 수집
+    const order = [];
+    document.querySelectorAll('#iwListBody tr').forEach(tr => {
+      const isTrial = tr.dataset.isTrial === '1';
+      const seq = parseInt(tr.dataset.orderSeq, 10);
+
+      if (!seq) return;
+
+      if (isTrial) {
+        const iw_uid = tr.dataset.iwUid;
+        if (!iw_uid) return;
+        order.push({ t: 'T', id: String(iw_uid), seq });
+      } else {
+        const di_uid = tr.dataset.diUid;
+        if (!di_uid) return;
+        order.push({ t: 'D', id: String(di_uid), seq });
+      }
+    });
+
+    // 비교가 쉽게 정렬/직렬화 (순서 변경 감지하려면 seq 기준 정렬하면 안됨)
+    // DOM 순서 그대로 유지
+    return { trials, order };
+  }
+
+  function recalcChanged() {
+    currentState = getCurrentState();
+    isChanged = !isSameState(baseState, currentState);
+    updateConfirmButton();
+  }
+
+  function updateConfirmButton() {
+    const btn = document.getElementById('btnConfirmSchedule');
+    btn.disabled = !isChanged;
+  }
+
+  function isSameState(a, b) {
+    if (!a || !b) return false;
+    if (a.trials.length !== b.trials.length) return false;
+    for (let i = 0; i < a.trials.length; i++) {
+      if (a.trials[i] !== b.trials[i]) return false;
+    }
+    if (a.order.length !== b.order.length) return false;
+    for (let i = 0; i < a.order.length; i++) {
+      const x = a.order[i], y = b.order[i];
+      if (x.t !== y.t || x.id !== y.id || x.seq !== y.seq) return false;
+    }
+    return true;
+  }
+
+
+  // ◀ 하루 전
+  document.querySelector('.btn-date-prev')?.addEventListener('click', () => {
+    changeMapDate(-1);
+  });
+
+  // ▶ 하루 후
+  document.querySelector('.btn-date-next')?.addEventListener('click', () => {
+    changeMapDate(1);
+  });
+
+  function renderSummary(rows){
+    let stops = rows.length;
+    let pickupD = 0, pickupB = 0;
+    let installD = 0, installB = 0;
+
+    rows.forEach(r => {
+      pickupD  += Number(r.pickup_d_cnt || 0);
+      pickupB  += Number(r.pickup_b_cnt || 0);
+      installD += Number(r.install_d_cnt || 0);
+      installB += Number(r.install_b_cnt || 0);
+    });
+
+    document.getElementById('sumStops').innerText = `Stops: ${stops}`;
+    document.getElementById('sumPickup').innerHTML = `Pickup: ${renderContainerSummary(pickupD, pickupB)}`;
+    document.getElementById('sumInstall').innerHTML =`Install: ${renderContainerSummary(installD, installB)}`;
+  }
+
+  function renderContainerSummary(dCnt, bCnt){
+    let html = '';
+
+    if (dCnt > 0) {
+      html += `<span class="me-2"><i class="bi bi-database-fill"></i> × ${dCnt}</span>`;
+    }
+    if (bCnt > 0) {
+      html += `<span class="me-2"><i class="bi bi-archive-fill"></i> × ${bCnt}</span>`;
+    }
+
+    return html || '<span class="text-muted">–</span>';
+  }
+
+  function toggleTrialInstall(waitRow) {
+    const date = document.getElementById('iwMapDate').value;
+
+    if (!iwTrialRows[date]) {
+      iwTrialRows[date] = [];
+    }
+
+    const idx = iwTrialRows[date].findIndex(w => w.iw_uid == waitRow.iw_uid);
+
+    if (idx > -1) {
+      iwTrialRows[date].splice(idx, 1);
+    } else {
+      iwTrialRows[date].push(waitRow);  // 순서 보존
+    }
+
+    redrawRightPanel();
+    recalcChanged();
+  }
+
+  let pointGeocoder = null;
+  function getPointGeocoder() {
+    // google maps가 아직 준비 안 됐으면 null
+    if (!window.google || !google.maps || !google.maps.Geocoder) return null;
+
+    // 이미 만들었으면 재사용
+    if (pointGeocoder) return pointGeocoder;
+
+    // 이제 생성
+    pointGeocoder = new google.maps.Geocoder();
+    return pointGeocoder;
+  }
+
+  function redrawRightPanel() {
+    const date = document.getElementById('iwMapDate').value;
+    const realRows = iwDailyRows.slice(); // 실제 daily_install
+    const trialRows = iwTrialRows[date] || [];
+    const geocoder = getPointGeocoder(); 
+    const trialConverted = trialRows.map((w, idx) => {
+
+      // 기본 row (lat/lng 없어도 일단 생성)
+      const row = {
+        iw_uid: w.iw_uid,
+        di_uid: `trial_${w.iw_uid}`, // 임시 uid
+        di_order_seq: realRows.length + idx + 1,
+        di_accountno: w.iw_accountno,
+        di_customer_name: w.iw_customer_name,
+        di_address: w.iw_address,
+        di_city: w.iw_city,
+        di_lat: w.iw_lat,
+        di_lng: w.iw_lng,
+        di_work_type: w.iw_work_type,
+        di_customer_driver_initial: w.iw_driver_initial || '',
+        is_trial: true,
+
+        pickup_d_cnt: w.pickup_d_cnt || 0,
+        pickup_b_cnt: w.pickup_b_cnt || 0,
+        install_d_cnt: w.install_d_cnt || 0,
+        install_b_cnt: w.install_b_cnt || 0
+      };
+
+      // lat/lng 없으면 여기서 geocode
+      if (!row.di_lat || !row.di_lng) {
+        const fullAddress = [w.iw_address, w.iw_city].filter(Boolean).join(', ');
+
+        if (fullAddress) {
+          geocoder.geocode({ address: fullAddress }, (results, status) => {
+            if (status === 'OK' && results[0]) {
+
+              const loc = results[0].geometry.location;
+              const lat = loc.lat();
+              const lng = loc.lng();
+
+              // 메모리 갱신 (다시 redraw될 때 사용)
+              w.iw_lat = lat;
+              w.iw_lng = lng;
+
+              // 서버 저장
+              api('update_waitlist_latlng', {
+                iw_uid: w.iw_uid,
+                lat: lat,
+                lng: lng
+              });
+
+              // 지도 마커 즉시 반영 (있으면 이동)
+              updateTrialMarkerPosition?.(w.iw_uid, lat, lng);
+
+            } else {
+              console.warn(
+                '[Trial Geocode Failed]',
+                w.iw_uid,
+                fullAddress,
+                status
+              );
+            }
+          });
+        }
+      }
+
+      return row;
+    });
+
+    const merged = realRows.concat(trialConverted);
+
+    drawInstallMap(merged);
+    drawInstallList(merged);
+    renderSummary(merged);
+  }
+
+  function updateTrialMarkerPosition(iw_uid, lat, lng) {
+    const di_uid = `trial_${iw_uid}`;
+    const marker = iwMarkers.find(m => m.__di_uid === di_uid);
+
+    if (marker) {
+      marker.position = { lat: +lat, lng: +lng }; // AdvancedMarkerElement는 position 재할당 가능
+    }
+  }
+
+  function isTrialSelected(iw_uid){
+    const date = document.getElementById('iwMapDate').value;
+    const list = iwTrialRows[date] || [];
+
+    return list.some(w => String(w.iw_uid) === String(iw_uid));
+  }
+
+  function updateWaitCardState(iw_uid){
+    const card = document.querySelector(`.wait-card[data-iw="${iw_uid}"]`);
+    if (!card) return;
+
+    card.classList.toggle('trial-selected', isTrialSelected(iw_uid));
+  }
+  // sorting
+  let iwSortable = null;
+
+  function initInstallListSortable() {
+    const tbody = document.getElementById('iwListBody');
+    if (!tbody) return;
+
+    if (iwSortable) {
+      iwSortable.destroy();
+      iwSortable = null;
+    }
+
+    iwSortable = new Sortable(tbody, {
+      animation: 150,
+      handle: '.iw-drag-handle',
+      draggable: 'tr',
+      ghostClass: 'table-active',
+      onEnd: function () {
+        applyOrderSeqFromDom();
+      }
+    });
+  }
+
+  function bindCheckboxEvents() {
+    document.querySelectorAll('.iw-checkbox').forEach(cb => {
+      cb.addEventListener('change', function () {
+        updateModifyButtonState();
+      });
+    });
+  }
+
+  function updateModifyButtonState() {
+    const checked = document.querySelectorAll('.iw-checkbox:checked');
+    const btn = document.getElementById('btnModifySchedule');
+
+    if (!btn) return;
+
+    btn.disabled = checked.length === 0;
+  }
+
+  function applyOrderSeqFromDom() {
+    const trs = document.querySelectorAll('#iwListBody tr');
+
+    trs.forEach((tr, idx) => {
+      const newSeq = idx + 1;
+      tr.dataset.orderSeq = String(newSeq);
+
+      const tds = tr.querySelectorAll('td');
+      const tdSeq = tds[1]; // 0: checkbox, 1: sequence
+      if (tdSeq) tdSeq.textContent = newSeq;
+    });
+
+    recalcChanged();
+  }
+
+  function getCurrentOrderState() {
+    const arr = [];
+    document.querySelectorAll('#iwListBody tr').forEach(tr => {
+      const seq = parseInt(tr.dataset.orderSeq || '0', 10);
+
+      if (tr.dataset.isTrial === '1') {
+        arr.push(`T:${tr.dataset.iwUid}:${seq}`);
+      } else {
+        arr.push(`D:${tr.dataset.diUid}:${seq}`);
+      }
+    });
+    return arr.join('|');
+  }
+
+  // view_mode 토글에서 map으로 전환될 때 “흰 화면/깨짐” 방지
+  // (구글맵은 숨겨진 div에서 init되면 사이즈 계산이 어긋날 때가 있음)
+  document.querySelectorAll('input[name="view_mode"]').forEach(radio => {
+    radio.addEventListener('change', function () {
+      document.getElementById('view-map').classList.toggle('d-none', this.value !== 'map');
+      document.getElementById('view-list').classList.toggle('d-none', this.value !== 'list');
+      if (this.value === 'map' && iwMap) {
+        setTimeout(() => google.maps.event.trigger(iwMap, 'resize'), 50);
+      }
+    });
+  });
+
+  function getJobBiIcon(type){
+    switch(type){
+      case 'INSTALL':  return 'bi-plus-lg';
+      case 'PICKUP':   return 'bi-dash-lg';
+      case 'EXCHANGE': return 'bi-arrow-left-right';
+      case 'RELOCATE': return 'bi-arrows-move';
+      case 'CLEAN':    return 'bi-brush';
+      default:         return '';
+    }
+  }
+
+  function createFlagMarker({ order, jobType, isTrial }) {
+
+    const wrap = document.createElement('div');
+    wrap.className = 'flag-marker';
+
+    wrap.style.background = isTrial ? '#7c7c7cff' : '#b30bb3ff';
+    wrap.style.color = isTrial ? '#ffffff' : '#ffffff';
+    wrap.style.setProperty('--flag-bg', isTrial ? '#7c7c7cff' : '#b30bb3ff');
+
+    const iconClass = getJobBiIcon(jobType);
+
+    wrap.innerHTML = `
+      <div class="flag-body d-flex align-items-center gap-1">
+        <span class="flag-order">${order}</span>
+        ${iconClass ? `<i class="bi ${iconClass}"></i>` : ``}
+      </div>
+      <div class="flag-tail"></div>
+    `;
+
+    return wrap;
+  }
+
+  // 좌표 없을 때
+  let iwGeocoder = null;
+  function getIWGeocoder() {
+    if (!iwGeocoder) {
+      iwGeocoder = new google.maps.Geocoder();
+    }
+    return iwGeocoder;
+  }
+
+  // 스케줄에서 삭제
+  document.getElementById('iwListBody').addEventListener('click', function (e) {
+    const btn = e.target.closest('.btn-unassign');
+    if (!btn) return;
+
+    const tr = btn.closest('tr');
+    const di_uid = [tr.dataset.diUid];
+
+    if (!confirm('Remove this install from today’s schedule?')) {
+      return;
+    }
+
+    unassignDailyInstall(di_uid);
+  });
+
+  function unassignDailyInstall(di_uids) {
+
+    if (!di_uids.length) return;
+
+    api(
+      'unassign_daily_install',
+      { di_uids },
+      function (res) {
+        if (!res || res.ok !== 1) {
+          showPopupMessage(res?.msg || 'Failed to remove install', 'error', 1500);
+          return;
+        }
+
+        showPopupMessage(res?.msg || 'Removed Successfully', 'success', 1500);
+
+        const date = document.getElementById('iwMapDate').value;
+
+        if (iwTrialRows[date]) {
+          iwTrialRows[date] = [];
+        }
+
+        redrawRightPanel();
+        recalcChanged();
+        loadDailyInstallPoints();
+        searchWaitlist();
+      },
+      function (xhr) {
+        console.error(xhr);
+        showPopupMessage('Server error while removing install', 'error', 1500);
+      }
+    );
+  }
+
+  function showPopupMessage(message, type = 'success', duration = 1200) {
+
+    const body = document.querySelector('#myModalPopup .myModalPopup-body');
+    if (!body) return;
+
+    body.innerHTML = message;
+
+    if (type === 'success') {
+      body.style.backgroundColor = '#2A9B56';   // green
+    } else {
+      body.style.backgroundColor = '#FF8205';   // orange
+    }
+
+    $('#myModalPopup').modal('show');
+
+    setTimeout(function () {
+      $('#myModalPopup').modal('hide');
+    }, duration);
+  }
+
+  // Submit 막기
+  document.getElementById('waitlistSearchForm')?.addEventListener('submit', function(e){
+    e.preventDefault();      // 페이지 이동 막기
+    searchWaitlist();        // ajax 검색
+  });
+
+  // Assign 버튼
+  document.getElementById('btnConfirmSchedule').onclick = () => {
+    if (!isChanged) return;
+
+    const btn = document.getElementById('btnConfirmSchedule');
+    btn.disabled = true;
+
+    const di_install_date = document.getElementById('iwMapDate').value;
+    const di_driver_uid = getSelectedDriverUid();
+
+    const trial_rows = [];
+    const existing_rows = [];
+
+    document.querySelectorAll('#iwListBody tr').forEach(tr => {
+      const di_order_seq = parseInt(tr.dataset.orderSeq, 10);
+      if (!di_order_seq) return;
+
+      if (tr.dataset.isTrial === '1') {
+        const iw_uid = tr.dataset.iwUid;
+        if (!iw_uid) return;
+        trial_rows.push({ iw_uid, di_order_seq });
+      } else {
+        const di_uid = tr.dataset.diUid; // 기존 row는 이게 있어야 함
+        if (!di_uid) return;
+        existing_rows.push({ di_uid, di_order_seq });
+      }
+    });
+
+    // trial이 없어도 순서 변경만 저장하려면 confirm 가능해야 하니까
+    if (!trial_rows.length && !existing_rows.length) {
+      // alert('Nothing to confirm.');
+      showPopupMessage('Nothing to confirm.', 'error', 1500);
+      btn.disabled = false;
+      return;
+    }
+
+    const payload = { di_install_date, di_driver_uid, trial_rows, existing_rows };
+
+    api('confirm_daily_install', payload, function (res) {
+        if (!res || res.ok !== 1) {
+          //alert(res?.msg || 'Assign failed');
+          showPopupMessage('Assign failed', 'error', 1500);
+          btn.disabled = false;
+          return;
+        } else {
+          showPopupMessage('Successfully Saved', 'success', 1000);
+        }
+
+        const date = document.getElementById('iwMapDate').value;
+        iwTrialRows[date] = [];
+
+        baseState = getCurrentState();
+        recalcChanged();
+        loadDailyInstallPoints();
+        searchWaitlist();
+
+        btn.disabled = false;
+      },
+      function (xhr) {
+        console.error('Assign AJAX error:', xhr);
+        //alert('Failed to confirm schedule.');
+        showPopupMessage('Failed to confirm schedule.', 'error', 1500);
+        btn.disabled = false;
+      }
+    );
+  };
+  // 시작
+  initInstallMap();
+</script>
+
+
+<?php
+// request by select box
+$iwRequestByOptions = "<option value=\"Customer\">Customer</option>";
+
+$sql_driver = "
+  SELECT dr_uid, dr_initial
+  FROM tbl_driver
+  WHERE dr_status = 'A'
+  ORDER BY dr_initial
+";
+
+$rmem = $jdb->nQuery($sql_driver, "Load driver list error");
+
+while ($row = mysqli_fetch_assoc($rmem)) {
+  $driveruid = $row['dr_uid'];
+  $ini = htmlspecialchars(trim($row['dr_initial']));
+  if ($ini === '') continue;
+
+  $iwRequestByOptions .= "<option value=\"{$driveruid}\">{$ini}</option>";
+}
+?>
+
+<script>
+  window.IW_BINS = <?= json_encode($arrBin, JSON_UNESCAPED_UNICODE) ?>;
+  window.IW_REQUEST_BY_OPTIONS = <?= json_encode($iwRequestByOptions) ?>;
+
+  document.addEventListener('click', function (e) {
+    // 1) DELETE
+    const delBtn = e.target.closest('.btn-delete-install-wait');
+    if (delBtn) {
+      e.preventDefault();
+
+      const iw_uid = delBtn.dataset.iwUid;
+      if (!iw_uid) return showPopupMessage('Invalid install request', 'error', 1500); //alert('Invalid install request');
+
+      if (!confirm('Delete this install request?')) return;
+
+      delBtn.disabled = true;
+      api('install_wait_delete', { iw_uid }, (res) => {
+        delBtn.disabled = false;
+        if (!res || !res.ok) return showPopupMessage(res?.msg || 'Delete failed', 'error', 1500); //alert(res?.msg || 'Delete failed');
+        else showPopupMessage('Deleted successfully.', 'success', 1500);
+        delBtn.closest('.wait-card')?.remove();
+      });
+      return;
+    }
+
+    // 2) EDIT
+    const editBtn = e.target.closest('.btn-edit-install-wait');
+    if (editBtn) {
+      e.preventDefault();
+
+      const iw_uid = editBtn.dataset.iwUid;
+      if (!iw_uid) return showPopupMessage('Invalid install request', 'error', 1500); //alert('Invalid install request');
+
+      openAddInstallWaitModal({ mode: 'edit', iw_uid });
+      return;
+    }
+
+    // 3) WAIT CARD CLICK (trial toggle)
+    const card = e.target.closest('.wait-card');
+    if (!card) return;
+
+    // 버튼/링크 클릭이면 카드 토글 로직 자체를 타지 않게 먼저 컷
+    if (e.target.closest('a, button')) return;
+
+    const status = (card.dataset.status || '').toUpperCase();
+    if (status === 'DRAFT') {
+      // showPopupMessage('Draft - Complete it first.', 'error', 1500);
+      // 완료하세요 안내보다 완료하라고 창 띄우는게 나을 듯
+      openAddInstallWaitModal({ mode: 'edit', iw_uid: card.dataset.iw });
+      return;
+    }
+
+    const iw_uid = card.dataset.iw;
+    if (!iw_uid) return;
+
+    const waitRow = {
+      iw_uid: iw_uid,
+      iw_accountno: card.dataset.accountno || '',
+      iw_customer_name: card.dataset.name || '',
+      iw_work_type: card.dataset.jobType || '',
+      iw_driver_initial: card.dataset.driver || '',
+      iw_address: card.dataset.address || '',
+      iw_city: card.dataset.city || '',
+      iw_lat: card.dataset.lat ? Number(card.dataset.lat) : null,
+      iw_lng: card.dataset.lng ? Number(card.dataset.lng) : null,
+      pickup_d_cnt: parseInt(card.dataset.pickupD || 0),
+      pickup_b_cnt: parseInt(card.dataset.pickupB || 0),
+      install_d_cnt: parseInt(card.dataset.installD || 0),
+      install_b_cnt: parseInt(card.dataset.installB || 0)
+    };
+
+    toggleTrialInstall(waitRow);
+    updateWaitCardState(iw_uid);
+
+  });
+
+  // 일괄 수정
+  function getSelectedDailyInstallIds() {
+    return Array.from(document.querySelectorAll('.iw-checkbox:checked'))
+      .map(cb => cb.value)
+      .filter(Boolean);
+  }
+
+  function openUpdateInstallWaitModal() {
+    const checkedIds = getSelectedDailyInstallIds();
+
+    if (!checkedIds.length) {
+      showPopupMessage('Select at least one schedule.', 'error', 1500);
+      return;
+    }
+
+    const modalEl = document.getElementById('updateInstallWaitModal');
+
+    // 선택 개수 / ids
+    document.getElementById('updateInstallSelectedCount').textContent = `${checkedIds.length} selected`;
+    document.getElementById('updateInstallSelectedIds').value = checkedIds.join(',');
+
+    // 날짜: 현재 오른쪽 상단 날짜를 그대로 넣기
+    const currentMapDate = document.getElementById('iwMapDate')?.value || '';
+    const dateInput = document.getElementById('bulkUpdateInstallDate');
+    if (dateInput) {
+      dateInput.disabled = false;
+      dateInput.value = currentMapDate;
+
+      // datepicker 중복 방지 후 다시 붙이기
+      if ($(dateInput).hasClass('hasDatepicker')) {
+        $(dateInput).datepicker('destroy');
+      }
+
+      $(dateInput).datepicker({
+        dateFormat: 'yy-mm-dd',
+        changeMonth: true,
+        changeYear: true
+      });
+    }
+
+    // 드라이버
+    const currentDriverRadio = document.querySelector('input[name="driver"]:checked');
+    const currentDriverUid = currentDriverRadio?.value || '';
+    const driverSelect = document.getElementById('bulkUpdateDriverUid');
+    if (driverSelect) {
+      driverSelect.value = String(currentDriverUid);
+    }
+
+    const modal = bootstrap.Modal.getOrCreateInstance(modalEl);
+    modal.show();
+  }
+
+  document.getElementById('btnModifySchedule')?.addEventListener('click', function () {
+    openUpdateInstallWaitModal();
+  });
+
+  function submitBulkUpdateInstall() {
+    const ids = (document.getElementById('updateInstallSelectedIds')?.value || '')
+      .split(',')
+      .map(v => v.trim())
+      .filter(Boolean);
+
+    if (!ids.length) {
+      showPopupMessage('No selected schedule.', 'error', 1500);
+      return;
+    }
+
+    const di_install_date = document.getElementById('bulkUpdateInstallDate')?.value || '';
+    const di_driver_uid = document.getElementById('bulkUpdateDriverUid')?.value || '';
+
+    if (!di_install_date || !di_driver_uid) {
+      showPopupMessage('Choose date and driver.', 'error', 1500);
+      return;
+    }
+
+    api('bulk_update_daily_install', {
+      di_uids: ids,
+      di_install_date,
+      di_driver_uid
+    }, function (res) {
+      if (!res || res.ok !== 1) {
+        showPopupMessage(res?.msg || 'Bulk update failed', 'error', 1500);
+        return;
+      }
+
+      bootstrap.Modal.getInstance(document.getElementById('updateInstallWaitModal'))?.hide();
+
+      showPopupMessage(res?.msg || 'Updated successfully', 'success', 1200);
+
+      const date = document.getElementById('iwMapDate').value;
+      if (iwTrialRows[date]) {
+        iwTrialRows[date] = [];
+      }
+
+      redrawRightPanel();
+      recalcChanged();
+      loadDailyInstallPoints();
+      searchWaitlist();
+    }, function (xhr) {
+      console.error(xhr);
+      showPopupMessage('Server error while updating schedules', 'error', 1500);
+    });
+  }
+
+  document.addEventListener('click', function (e) {
+    const btn = e.target.closest('#btnBulkUpdate');
+    if (!btn) return;
+
+    submitBulkUpdateInstall();
+  });
+
+  document.addEventListener('click', function (e) {
+    const btn = e.target.closest('#btnBulkDelete');
+    if (!btn) return;
+
+    const ids = getSelectedDailyInstallIds();
+
+    if (!confirm('Remove selected installs from today’s schedule?')) {
+      return;
+    }
+
+    bootstrap.Modal.getInstance(document.getElementById('updateInstallWaitModal'))?.hide();
+
+    unassignDailyInstall(ids);
+  });
+</script>
+<script src="/js/install_wait_modal.js?v=20260204"></script>
+<script src="/js/customer_image.js?v=20260204"></script>
+
+<!-- add modal -->
+<div class="modal fade" id="addInstallWaitModal" tabindex="-1" aria-hidden="true">
+  <div class="modal-dialog modal-xl modal-dialog-centered modal-dialog-scrollable">
+    <div class="modal-content">
+
+      <div class="modal-header">
+        <h5 class="modal-title">
+          Add Install Wait List
+        </h5>
+        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+      </div>
+
+      <div class="modal-body p-0">
+        <!-- ajax loaded -->
+      </div>
+
+    </div>
+  </div>
+</div>
+
+<!-- update modal -->
+<div class="modal fade" id="updateInstallWaitModal" tabindex="-1" aria-hidden="true">
+  <div class="modal-dialog modal-md modal-dialog-centered">
+    <div class="modal-content">
+
+      <div class="modal-header">
+        <h5 class="modal-title">
+          Update Schedule
+        </h5>
+        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+      </div>
+
+      <div class="modal-body" style="padding: 1.25rem;">
+        <div class="text-muted small" id="updateInstallSelectedCount">0 selected</div>
+        <input type="hidden" id="updateInstallSelectedIds" value="">
+
+        <div>
+          <table class="tb-info-box">
+            <tr>
+              <td class="td-title-info">Install Date</td>
+              <td class="td-text-info">
+                <input type="text" id="bulkUpdateInstallDate" class="form-control form-control-sm date-picker-form" style="max-height:20px; margin:0px;" autocomplete="off" placeholder="<?=date('Y-m-d')?>" readonly>
+              </td>
+            </tr>
+            <tr>
+              <td class="td-title-info">Driver</td>
+              <td class="td-text-info">
+                <select id="bulkUpdateDriverUid" class="form-select">
+                  <?php foreach ($drivers as $d): ?>
+                    <option value="<?=$d['dr_uid']?>"><?=htmlspecialchars($d['dr_initial'])?></option>
+                  <?php endforeach; ?>
+                </select>
+              </td>
+            </tr>
+          </table>
+        </div>
+
+      </div>
+
+      <div class="d-flex modal-footer gap-2">
+        <button id="btnBulkDelete" class="btn btn-outline-danger">
+          Delete
+        </button>
+
+        <button id="btnBulkUpdate" class="btn btn-success">
+          Update
+        </button>
+
+        <button class="btn btn-outline-secondary" data-bs-dismiss="modal">
+          Cancel
+        </button>
+      </div>
+
+    </div>
+  </div>
+</div>
+
+<!-- image modal -->
+<div class="modal fade" id="customerImageModal" tabindex="-1">
+  <div class="modal-dialog modal-xl modal-dialog-scrollable">
+    <div class="modal-content">
+
+      <div class="modal-header">
+        <h5 class="modal-title">
+          <i class="bi bi-image"></i> Customer Images
+        </h5>
+        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+      </div>
+
+      <div class="modal-body" id="customerImageModalBody">
+        <div class="text-center text-muted py-5">
+          Loading images...
+        </div>
+      </div>
+
+    </div>
+  </div>
+</div>
+
+<!-- message modal -->
+<div class="modal fade" id="myModalPopup" tabindex="-1" role="dialog" aria-labelledby="myModalPopup" style="opacity: 0.5; padding-right: 0px !important;">
+  <div class="modal-dialog modal-dialog-centered modal-xl" role="document">
+      <div class="modal-content" style="background-color:#2A9B56 !important; max-width:260px; margin: 0 auto;">
+        <div class="myModalPopup-body" style="text-align: center; border-radius: 5px; max-height:60px;	font-size:18px; background-color:#2A9B56; color: #FFFFFF; font-weight: bold;padding:0.5em 1em; ">
+        </div>     	
+      </div>
+  </div>
+</div>
diff --git a/public_html/doc/map.php b/public_html/doc/map.php
index bb549de..e784c30 100644
--- a/public_html/doc/map.php
+++ b/public_html/doc/map.php
@@ -109,6 +109,7 @@
   <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
 
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.0/jquery.validate.js"></script>
+  <script src="/js/customer_image.js?v=20260213"></script>
 
 	<div class="loading-overlay">Loading...</div>
 
@@ -646,7 +647,7 @@ function popup(){
                     <textarea id="c_location" class="textarea shortinfo-container-location" name="c_location" rows="2" cols="20">Inside Rest</textarea>
                   </td>
                 </tr>
-                <tr>
+                <!-- <tr>
                   <td class="td-title-info">Installation Image</td>
                   <td class="td-text-info" id="installImgArea" style="border-right:none;">
                     <span>Loading...</span>
@@ -656,7 +657,7 @@ function popup(){
                       <a href="#" onclick="imagepopup(jQuery('#customerShortInfo .c_uid').val());">ADD</a>
                     </span>
                   </td>
-                </tr>
+                </tr> -->
               </tbody>
             </table>
             <br>
@@ -724,6 +725,105 @@ function popup(){
   </div>
   <!-- NOTE DETAIL MODAL Ends -->
 
+  <!-- SIMPLE INSTALL REQUEST MODAL -->
+  <div class="modal fade top map" id="map-modal-container-request" tabindex="-1" role="dialog">
+    <div class="modal-dialog" role="document">
+      <div class="modal-content">
+
+        <!-- HEADER -->
+        <div class="modal-header">
+          <h4 class="modal-title">
+            CONTAINER REQUEST - 
+            <span id="simpleInstallCustomerName"></span>
+          </h4>
+          <button type="button" class="close" data-dismiss="modal">
+            <span>&times;</span>
+          </button>
+        </div>
+
+        <!-- BODY -->
+        <div class="modal-body">
+          <div id="simpleInstallMeta" class="mb-2 small text-muted" style="display:none;">
+            <div id="simpleInstallPhotoWrap" class="mb-3" style="display:none;">
+              <div id="simpleInstallPhotoList" class="d-flex flex-wrap gap-2 mt-2"></div>
+            </div>
+            <div><strong>Status:</strong> <span id="siStatus"></span></div>
+            <div><strong>Requested by:</strong> <span id="siAddedBy"></span></div>
+            <div><strong>Requested at:</strong> <span id="siAddedAt"></span></div>
+            <div><strong>Scheduled:</strong> <span id="siScheduled"></span></div>
+          </div>
+
+          <!-- JOB TYPE -->
+          <div class="mb-3">
+            <label class="fw-bold">Request Type</label>
+            <div class="d-flex gap-2 mt-2">
+              <button type="button" class="btn btn-outline-primary simple-job-btn" data-job="INSTALL"> <i class="bi bi-plus-circle"></i> Add </button>
+              <button type="button" class="btn btn-outline-danger simple-job-btn" data-job="PICKUP"> <i class="bi bi-dash-circle"></i> Pickup </button>
+              <button type="button" class="btn btn-outline-warning simple-job-btn" data-job="EXCHANGE"> <i class="bi bi-arrow-left-right"></i> Exchange </button>
+            </div>
+          </div>
+          <!-- NOTE -->
+          <div class="mb-3">
+            <label class="fw-bold">Request Note</label>
+            <textarea id="simpleInstallNote" class="form-control" rows="2" placeholder="Enter request note"></textarea>
+          </div>
+
+          <!-- PHOTO -->
+          <div class="mb-3">
+            <label class="fw-bold">Photos</label>
+            <input type="file" id="simpleInstallPhotos" class="form-control" multiple accept="image/*">
+          </div>
+
+          <!-- HIDDEN DATA -->
+          <input type="hidden" id="simpleInstallCustomerUid">
+          <input type="hidden" id="simpleInstallDriverUid">
+
+          <!-- FOOTER BUTTON -->
+          <div class="text-center mt-4">
+            <button type="button" id="btnSimpleInstallDelete" class="btn btn-danger" style="display:none;">Delete Request</button>
+            <button type="button" id="btnSimpleInstallSubmit" class="btn btn-success" disabled>Submit Request</button>
+          </div>
+
+        </div>
+      </div>
+    </div>
+    <div class="modal fade" id="myModalPopup" tabindex="-1" role="dialog" aria-labelledby="myModalPopup" style="opacity: 0.5; padding-right: 0px !important;">
+      <div class="modal-dialog modal-dialog-centered modal-xl" role="document">
+          <div class="modal-content" style="background-color:#2A9B56 !important; max-width:260px; margin: 0 auto;">
+            <div class="myModalPopup-body" style="text-align: center; border-radius: 5px; max-height:60px;	font-size:18px; background-color:#2A9B56; color: #FFFFFF; font-weight: bold;padding:0.5em 1em; ">
+
+            </div>     	
+          </div>
+      </div>
+    </div>
+  </div>
+
+  <!-- image modal -->
+  <div class="modal fade top map" id="customerImageModal" tabindex="-1"  role="dialog">
+    <div class="modal-dialog modal-xl modal-dialog-scrollable">
+      <div class="modal-content">
+
+        <div class="modal-header">
+          <h4 class="modal-title">
+            CUSTOMER IMAGES - 
+            <span id="imageCustomerName"></span>
+          </h4>
+          <button type="button" class="close" data-dismiss="modal">
+            <span>&times;</span>
+          </button>
+        </div>
+
+        <div class="modal-body" id="customerImageModalBody">
+          <div class="text-center text-muted py-5">
+            Loading images...
+          </div>
+        </div>
+
+      </div>
+    </div>
+  </div>
+
+
   <div class="container">
     <!-- Modal -->
     <div class="modal fade" id="myModal" data-backdrop="static" data-keyboard="false" role="dialog">
@@ -833,7 +933,8 @@ function popup(){
 
 
 <script>
-
+  const SS_UID = <?= (int)($_SESSION['ss_UID'] ?? 0) ?>;
+  const SS_DRUID = <?= (int)($_SESSION['ss_DRUID'] ?? 0) ?>;
   var center = { lat: 43.732188, lng: -79.571618 };
   var currentLocation = { lat: 43.764693323038315, lon: -79.47762958134186 };
 
@@ -1686,6 +1787,7 @@ function popup(){
                           duid: json.result[i]['duid'],
                           druid: json.result[i]['druid'],
                           rnote: json.result[i]['rnote'],
+                          containers: json.result[i]['containers'] || [],
 
 <? if ($_SESSION['ss_LEVEL'] == 9) { ?>
 													orderFlag: json.result[i]['orderFlag']
@@ -2274,6 +2376,305 @@ function popup(){
     jQuery("#map-modal-note #r_note").val(json.result['rnote']).attr("disabled",false);
   }
   
+  window.SimpleInstall = {
+    customer_uid: null,
+    driver_uid: null,
+    job_type: null
+  };
+
+
+  document.addEventListener('click', function(e){
+    const btn = e.target.closest('.btn-container-request');
+    if (!btn) return;
+
+    const payload = {
+      c_uid: btn.dataset.cuid,
+      c_name: btn.dataset.cname,
+      driver_uid: btn.dataset.driver,
+      member_uid: btn.dataset.member
+    };
+
+    api('install_wait_get_active', { c_uid: payload.c_uid }, function(res){
+      if (!res || !res.ok) return;
+      if (res.exists) openSimpleInstallModal(payload, res.data);
+      else openSimpleInstallModal(payload, null);
+    });
+  });
+
+  document.addEventListener('click', function(e){
+    const btn = e.target.closest('.btn-image-modal');
+    if (!btn) return;
+
+    openCustomerImages(
+      btn.dataset.cuid,
+      btn.dataset.cname
+    );
+  });
+
+  function openSimpleInstallModal(data, existing = null) {
+    // 기본 세팅
+    SimpleInstall.customer_uid = data.c_uid;
+    SimpleInstall.driver_uid   = data.driver_uid;
+    SimpleInstall.member_uid   = data.member_uid;
+
+    document.getElementById('simpleInstallCustomerName').innerText = data.c_name;
+    document.getElementById('simpleInstallCustomerUid').value = data.c_uid;
+    document.getElementById('simpleInstallDriverUid').value = data.driver_uid;
+
+    const deleteBtn = document.getElementById('btnSimpleInstallDelete');
+    deleteBtn.style.display = 'none';
+
+    // 초기화
+    document.getElementById('simpleInstallPhotos').value = '';
+    document.getElementById('simpleInstallNote').value = '';
+    document.querySelectorAll('.simple-job-btn').forEach(b => b.classList.remove('active'));
+
+    // 메타 영역
+    const metaWrap = document.getElementById('simpleInstallMeta');
+    metaWrap.style.display = 'none';
+    document.getElementById('siStatus').innerText = '';
+    document.getElementById('siAddedBy').innerText = '';
+    document.getElementById('siAddedAt').innerText = '';
+    document.getElementById('siScheduled').innerText = '';
+
+    // 기본: 새로 생성 모드
+    SimpleInstall.iw_uid = null;
+    SimpleInstall.job_type = null;
+
+    // 기본: 입력 가능
+    setSimpleInstallEditable(true);
+
+    if (!existing) {
+      document.getElementById('btnSimpleInstallSubmit').disabled = true;
+      renderSimpleInstallPhotos([]);
+      return;
+    }
+
+    // 기존 요청 있음
+    SimpleInstall.iw_uid = existing.iw_uid;
+    SimpleInstall.job_type = existing.iw_work_type || null;
+
+    // 메타 표시
+    metaWrap.style.display = 'block';
+    document.getElementById('siStatus').innerText = existing.iw_status || '';
+    document.getElementById('siAddedBy').innerText = existing.iw_request_by_name || '';
+    document.getElementById('siAddedAt').innerText = (existing.iw_created_at || existing.iw_request_at || '');
+
+    const sched = existing.di_install_date ? (existing.di_install_date + (existing.di_install_time ? (' ' + existing.di_install_time) : '')) : '-';
+    document.getElementById('siScheduled').innerText = sched;
+    document.getElementById('simpleInstallNote').value = existing.iw_request_note || '';
+
+    // job 버튼 active
+    if (existing.iw_work_type) {
+      document.querySelectorAll('.simple-job-btn').forEach(btn=>{
+        btn.classList.toggle('active', btn.dataset.job === existing.iw_work_type);
+      });
+    }
+
+    // 상태별 권한
+    if (existing.iw_status === 'DRAFT') {
+      deleteBtn.style.display = 'inline-block';
+      setSimpleInstallEditable(true);
+      document.getElementById('btnSimpleInstallSubmit').disabled = false;
+    } else if (existing.iw_status === 'WAITING' || existing.iw_status === 'ASSIGNED') {
+      deleteBtn.style.display = 'none';
+      setSimpleInstallEditable(false);
+      document.getElementById('btnSimpleInstallSubmit').disabled = true;
+    } else {
+      // 안전장치
+      deleteBtn.style.display = 'none';
+      setSimpleInstallEditable(false);
+      document.getElementById('btnSimpleInstallSubmit').disabled = true;
+    }
+
+    // 사진 표시
+    if (existing && existing.photos) {
+      renderSimpleInstallPhotos(existing.photos);
+    } else {
+      renderSimpleInstallPhotos([]);
+    }
+  }
+
+  function setSimpleInstallEditable(canEdit) {
+    // note
+    document.getElementById('simpleInstallNote').disabled = !canEdit;
+    // photos
+    document.getElementById('simpleInstallPhotos').disabled = !canEdit;
+    // job buttons
+    document.querySelectorAll('.simple-job-btn').forEach(btn=>{
+      btn.disabled = !canEdit;
+    });
+    // Submit 버튼 텍스트는?
+    // document.getElementById('btnSimpleInstallSubmit').innerText = canEdit ? 'Save' : 'Locked';
+  }
+
+  function renderSimpleInstallPhotos(photos){
+
+    const wrap = document.getElementById('simpleInstallPhotoList');
+    const outer = document.getElementById('simpleInstallPhotoWrap');
+
+    if (!wrap || !outer) return;
+    wrap.innerHTML = '';
+
+    if (!photos || photos.length === 0) {
+      outer.style.display = 'none';
+      return;
+    }
+
+    outer.style.display = 'block';
+    photos.forEach(photo => {
+
+      if (!photo.imgPath) return;
+
+      const url = photo.imgPath;
+      const div = document.createElement('div');
+      div.style.width = '120px';
+
+      div.innerHTML = `
+        <img src="${url}"
+            style="width:100%; height:100px; object-fit:cover; border-radius:8px; border:1px solid #ddd;">
+      `;
+
+      wrap.appendChild(div);
+    });
+  }
+
+  function escapeHtml(str) {
+    if (str == null) return '';
+    return String(str)
+      .replace(/&/g, "&amp;")
+      .replace(/</g, "&lt;")
+      .replace(/>/g, "&gt;")
+      .replace(/"/g, "&quot;")
+      .replace(/'/g, "&#039;");
+  }
+
+  document.querySelectorAll('.simple-job-btn').forEach(btn => {
+
+    btn.onclick = function() {
+
+      document.querySelectorAll('.simple-job-btn')
+        .forEach(b => b.classList.remove('active'));
+
+      this.classList.add('active');
+
+      SimpleInstall.job_type = this.dataset.job;
+
+      document.getElementById('btnSimpleInstallSubmit').disabled = false;
+    };
+  });
+
+  document.getElementById('btnSimpleInstallSubmit').onclick = function(){
+
+    if (!SimpleInstall.job_type) return;
+
+    this.disabled = true;
+
+    $installNote = document.getElementById('simpleInstallNote').value;
+    const payload = {
+      c_uid: SimpleInstall.customer_uid,
+      driver_uid: SimpleInstall.driver_uid,
+      member_uid: SimpleInstall.member_uid,
+      job_type: SimpleInstall.job_type,
+      request_note: $installNote
+    };
+
+    // 기존 draft면 update, 아니면 create
+    const action = SimpleInstall.iw_uid ? 'install_wait_update_draft' : 'install_wait_create_draft';
+
+    if (SimpleInstall.iw_uid) {
+      payload.iw_uid = SimpleInstall.iw_uid;
+    }
+
+    api(action, payload, function(res){
+
+      if (!res || !res.ok){
+        alert('Failed to save request');
+        document.getElementById('btnSimpleInstallSubmit').disabled = false;
+        return;
+      }
+
+      const iw_uid = SimpleInstall.iw_uid || res.iw_uid;
+
+      // 사진 처리
+      const files = document.getElementById('simpleInstallPhotos').files;
+
+      if (!files || files.length === 0){
+        finishSimpleInstall();
+        return;
+      }
+
+      const fd = new FormData();
+      fd.append('actionStr', 'ADDIMAGE');
+      fd.append('i_type', 'install_order');
+      fd.append('i_customeruid', SimpleInstall.customer_uid);
+      fd.append('i_memberuid', SimpleInstall.driver_uid);
+      fd.append('i_note', $installNote);
+      fd.append('i_sourceuid', iw_uid);
+
+      [...files].forEach(file => {
+        fd.append('upload_file[]', file);
+      });
+
+      fetch('/lib/user_process.php', {
+        method: 'POST',
+        body: fd
+      })
+      .then(() => finishSimpleInstall())
+      .catch(() => finishSimpleInstall());
+    });
+  };
+
+  document.getElementById('btnSimpleInstallDelete').onclick = function(){
+
+    if (!SimpleInstall.iw_uid) return;
+
+    if (!confirm('Are you sure you want to delete this draft?')) return;
+
+    this.disabled = true;
+
+    api('install_wait_delete_draft', {
+      iw_uid: SimpleInstall.iw_uid
+    }, function(res){
+
+      if (!res || !res.ok){
+        alert('Failed to delete draft');
+        document.getElementById('btnSimpleInstallDelete').disabled = false;
+        return;
+      }
+
+      $('#map-modal-container-request').modal('hide');
+
+    });
+  };
+
+  function finishSimpleInstall(){
+    $('#map-modal-container-request').modal('hide');
+    setTimeout(()=>{
+      location.reload(); // Map 리로드
+    }, 300);
+  }
+
+  function showPopupMessage_container(message, type = 'success', duration = 1200) {
+
+    const body = document.querySelector('#myModalPopup .myModalPopup-body');
+    if (!body) return;
+
+    body.innerHTML = message;
+
+    if (type === 'success') {
+      body.style.backgroundColor = '#2A9B56';   // green
+    } else {
+      body.style.backgroundColor = '#FF8205';   // orange
+    }
+
+    $('#myModalPopup').modal('show');
+
+    setTimeout(function () {
+      $('#myModalPopup').modal('hide');
+    }, duration);
+  }
+  
   function inqCurrent() {
     onLoading();
     removeCircle();
@@ -2353,6 +2754,43 @@ function popup(){
     }
   }
 
+  $('#customerImageModal').on('shown.bs.modal', function () {
+    const body = document.getElementById('customerImageModalBody');
+    initCustomerImageSlider(body);
+  });
+
+  function openCustomerImages(customerUid, customerName) {
+
+    // const modal = new bootstrap.Modal(
+    //   document.getElementById('customerImageModal')
+    // );
+
+    const nameEl = document.getElementById('imageCustomerName');
+    if (nameEl) {
+      nameEl.innerText = customerName || '';
+    }
+
+    const body = document.getElementById('customerImageModalBody');
+    body.innerHTML = '<div class="text-center text-muted py-5">Loading images...</div>';
+
+    //modal.show();
+
+    const params = new URLSearchParams({
+      customer_uid: customerUid,
+      i_type: 'ALL'
+    });
+
+    fetch('/lib/customer_image.php?' + params.toString())
+      .then(res => res.text())
+      .then(html => {
+        body.innerHTML = html;
+      })
+      .catch(err => {
+        console.error(err);
+        body.innerHTML = '<div class="text-danger text-center py-5">Failed to load images.</div>';
+      });
+  }
+
   function inqNearby(coord){
     removeCircle();
 
@@ -2425,6 +2863,7 @@ function popup(){
 
   function buildContent(property) {
       let content = document.createElement("div");
+      const chipsHtml = renderContainerChips(property.containers);
 
       content.classList.add("property");
       let innerHtml = `
@@ -2442,19 +2881,9 @@ function popup(){
                   <td class="td-text-info">
                     <span>${property.accountno}</span>
                   </td>
-                  <td class="td-title-info">Container</td>
+                  <td class="td-title-info">Pay & Rate</td>
                   <td class="td-text-info">
-                    <span>${property.maincontainer}</span>
-                  </td>
-                </tr>     
-                <tr>
-                  <td class="td-title-info">Payment</td>
-                  <td class="td-text-info">
-                    <span>${property.paymentType}</span>
-                  </td>
-                  <td class="td-title-info">Rate</td>
-                  <td class="td-text-info">
-                    <span>${property.rate}</span>
+                    <span style="border: 1px solid #000000; padding:2px; margin-right:8px;">${property.paymentType}</span><span>${property.rate}</span>
                   </td>
                 </tr>
                 <tr>
@@ -2479,35 +2908,128 @@ function popup(){
                 </tr>                
               </table>
               
-              <div class="address-row">
+              <div class="address-row" style="margin-bottom:0px;">
                 <div class="address-title">Address</div>
                 <div class="address-content">
-                  <a href="https://www.google.com/maps/search/?api=1&query=${property.lat},${property.lon}"
+                  <a href="https://www.google.com/maps/search/?api=1&query=${property.lat},${property.lon}" target="_blank"
                     class="address-link"
+                    style="letter-spacing: 0.5px;"
                     target="_blank" 
                     rel="noopener noreferrer">
-                    ${property.address}
+                    <b>${property.address}</b>
                   </a>
                 </div>
               </div>
 
-              <div class="text-center map-grid-layout-col-3">
-                <button type="button" class="mapBtn btn-info-modal" onClick="javscript:showShortInfo(${property.customerid});" data-toggle="modal" data-target="#map-modal-info"><i class="fa-solid fa-question"></i> Info</button>
-                <button type="submit" class="mapBtn btn-grey-modal" onClick="javascript:initHistory(${property.customerid});" data-toggle="modal" data-target="#map-modal-history"><i class="bi bi-folder2-open"></i> History</button>`;
+              <div class="address-row">
+                <div class="address-title">Container</div>
+                <div class="address-content">
+                  
+                  ${chipsHtml}
+                </div>
+              </div>`;
+
+              innerHtml += `
+              <div class="text-center map-grid-layout-col-4">
+
+                <!-- Row 1 -->
+                <button type="button"
+                        class="mapBtn btn-info-modal"
+                        data-toggle="modal"
+                        data-target="#map-modal-info"
+                        onClick="showShortInfo(${property.customerid});">
+                  <i class="fa-solid fa-question mapBtn-ico"></i>
+                  <div class="mapBtn-txt">Info</div>
+                </button>
+
+                <button type="button"
+                        class="mapBtn btn-grey-modal"
+                        data-toggle="modal"
+                        data-target="#map-modal-history"
+                        onClick="initHistory(${property.customerid});">
+                  <i class="bi bi-folder2-open mapBtn-ico"></i>
+                  <div class="mapBtn-txt">History</div>
+                </button>
+
+                <button type="button"
+                        class="mapBtn btn-orange-modal ${(property.rnote && /\S/.test(property.rnote)) ? 'blink' : ''}"
+                        data-toggle="modal"
+                        data-target="#map-modal-note"
+                        onClick="showShortNotice(${property.duid});">
+                  <i class="fa fa-thumb-tack mapBtn-ico"></i>
+                  <div class="mapBtn-txt">Notice</div>
+                </button>`;
       if(`${property.date}` === 'null') {
-        innerHtml += `<button type="button" class="mapBtn btn-primary-modal addOrderBtn_${property.index}" data-toggle="modal" onClick="javascript:initAddOrder(${property.customerid},${property.index});"><i class="fa-solid fa-plus"></i> Add</button>`;
-        innerHtml += `<button type="button" class="mapBtn btn-red-modal hidden removeOrderBtn_${property.index}" data-toggle="modal" data-target="#modal-confirm" onClick="javascript:removeOrder(${property.customerid},${property.duid},${property.index},'${property.accountno}');"><i class="fa-solid fa-xmark"></i> Remove</button>`; 
-      }else{
-        innerHtml += `<button type="button" class="mapBtn btn-primary-modal addOrderBtn_${property.index} hidden" data-toggle="modal" onClick="javascript:initAddOrder(${property.customerid},${property.index});"><i class="fa-solid fa-plus"></i> Add</button>`;
-        innerHtml += `<button type="button" ${property.orderFlag} class="mapBtn btn-red-modal removeOrderBtn_${property.index}" data-toggle="modal" data-target="#modal-confirm" onClick="javascript:removeOrder(${property.customerid},${property.duid},${property.index},'${property.accountno}');"><i class="fa-solid fa-xmark"></i> Remove</button>`;        
+
+                innerHtml += `
+                  <button type="button"
+                          class="mapBtn btn-primary-modal addOrderBtn_${property.index}"
+                          onClick="initAddOrder(${property.customerid},${property.index});">
+                    <i class="fa-solid fa-plus mapBtn-ico"></i> 
+                    <div class="mapBtn-txt">Add</div>
+                  </button>
+                `;
+
+              } else {
+
+                innerHtml += `
+                  <button type="button"
+                          ${property.orderFlag}
+                          class="mapBtn btn-red-modal removeOrderBtn_${property.index}"
+                          data-toggle="modal"
+                          data-target="#modal-confirm"
+                          onClick="removeOrder(${property.customerid},${property.duid},${property.index},'${property.accountno}');">
+                    <i class="fa-solid fa-xmark mapBtn-ico"></i> 
+                    <div class="mapBtn-txt">Remove</div>
+                  </button>
+                `;
       }
-      innerHtml += `<button type="submit" class="mapBtn btn-nearby" onClick="javascript:inqNearby('${property.lat}:${property.lon}');"><i class="fa-solid fa-diamond-turn-right"></i> Nearby</button>
-                <button type="submit" class="mapBtn btn-orange-modal ${(property.rnote && /\S/.test(property.rnote)) ? 'blink' : ''}"  data-toggle="modal" data-target="#map-modal-note" onClick="javscript:showShortNotice(${property.duid});"><i class="fa fa-thumb-tack"></i> Notice</button>
-                <button type="submit" class="mapBtn btn-purple-modal"  data-toggle="modal" data-target="#map-modal-input" onClick="javascript:initInput(${property.customerid},'${property.accountno}');"><i class="bi bi-truck"></i> Input</button>
-              </div>
-          </div>
-        </div>
+                innerHtml += `
+                <!-- Row 2 -->
+                <button type="button"
+                        class="mapBtn btn-nearby"
+                        onClick="inqNearby('${property.lat}:${property.lon}');">
+                  <i class="fa-solid fa-diamond-turn-right mapBtn-ico"></i>
+                  <div class="mapBtn-txt">Nearby</div> 
+                </button>
+
+                <button type="button"
+                        class="mapBtn btn-container-request"
+                        data-toggle="modal"
+                        data-target="#map-modal-container-request"
+                        data-cuid="${property.customerid}"
+                        data-cname="${property.store}"
+                        data-member="${SS_UID}"
+                        data-driver="${SS_DRUID}">
+                  <i class="bi bi-database-fill mapBtn-ico"></i>
+                  <div class="mapBtn-txt">Container</div> 
+                </button>
+
+                <button type="button"
+                        class="mapBtn btn-image-modal"
+                        data-toggle="modal"
+                        data-target="#customerImageModal"
+                        data-cuid="${property.customerid}"
+                        data-cname="${property.store}">
+                  <i class="bi bi-image mapBtn-ico"></i>
+                  <div class="mapBtn-txt">Image</div> 
+                </button>
+
+                <button type="button"
+                        class="mapBtn btn-purple-modal"
+                        data-toggle="modal"
+                        data-target="#map-modal-input"
+                        onClick="initInput(${property.customerid},'${property.accountno}');">
+                  <i class="bi bi-truck mapBtn-ico"></i>
+                  <div class="mapBtn-txt">Input</div>
+                </button>
         `;
+
+              innerHtml += `</div>`;
+
+
+
+
       content.innerHTML = innerHtml;
       return content;
   }
@@ -2530,6 +3052,57 @@ function popup(){
     const url = `/lib/customer_image_upload_popup.php?c_uid=${c_uid}`;
     window.open(url, "uploadImage", "width=600,height=750,scrollbars=yes");
   }
+
+  function renderContainerChips(containers) {
+    if (!Array.isArray(containers) || containers.length === 0) return '';
+
+    const grouped = new Map();
+
+    for (const cc of containers) {
+      const key = [
+        cc.cc_type,
+        cc.cc_owner_type,
+        cc.cc_has_lock,
+        cc.cc_has_wheel,
+        cc.cc_has_woodframe
+      ].join('|');
+
+      if (!grouped.has(key)) grouped.set(key, { cc, cnt: 0 });
+      grouped.get(key).cnt++;
+    }
+
+    let html = `<div class="container-chips inline-chips">`;
+
+    for (const { cc, cnt } of grouped.values()) {
+      const type = String(cc.cc_type || '').toUpperCase();
+
+      let icon = 'bi-box2';
+      if (type.includes('D')) icon = 'bi-database-fill';
+      else if (type.includes('B') && !type.includes('BUCKET')) icon = 'bi-archive-fill';
+
+      const isRestaurantOwned = (cc.cc_owner_type === 'O');
+      const chipClass = isRestaurantOwned ? 'chip chip-restaurant' : 'chip chip-company';
+
+      let optIcons = '';
+      if (cc.cc_has_lock === 'Y') optIcons += ' <i class="bi bi-lock-fill"></i>';
+      if (cc.cc_has_wheel === 'Y') optIcons += ' <i class="bi bi-gear-fill"></i>';
+      if (cc.cc_has_woodframe === 'Y') optIcons += ' <i class="bi bi-bounding-box-circles"></i>';
+
+      html += `
+        <span class="${chipClass}" title="${isRestaurantOwned ? 'Restaurant-owned (Do not remove)' : 'Customer container'}">
+          <i class="bi ${icon}"></i>
+          ${cc.cc_type || ''}
+          ${optIcons}
+          ${isRestaurantOwned ? '<span class="chip-flag">O</span>' : ''}
+          ${cnt > 1 ? `<span class="chip-count">x${cnt}</span>` : ''}
+        </span>
+      `;
+    }
+
+    html += `</div>`;
+    return html;
+  }
+
   
 </script>
 
diff --git a/public_html/doc/order_driver.php b/public_html/doc/order_driver.php
index 6702784..83948c9 100644
--- a/public_html/doc/order_driver.php
+++ b/public_html/doc/order_driver.php
@@ -1,38 +1,4 @@
 <?
-
-//echo "<br><br><br><br>";
-
-/*
-for($i=0; $i<sizeof($_GET); $i++) {
-	list($key, $value) = each($_GET);
-	$$key = $value;
-
-	if(is_array($value))
-	{
-		$count = 10;
-		for($i = 0; $i < $count; $i ++) {
-			if ($value[$i]) echo "ARRAY[$key][$value[$i]]<br>";
-		}
-	}
-	else 	echo "[$key][$value]<br>";
-	//print_r($_POST);
-}
-for($i=0; $i<sizeof($_POST); $i++) {
-	list($key, $value) = each($_POST);
-	$$key = $value;
-
-	if(is_array($value))
-	{
-		$count = 10;
-		for($i = 0; $i < $count; $i ++) {
-			if ($value[$i]) echo "ARRAY[$key][$value[$i]]<br>";
-		}
-	}
-	else 	echo "[$key][$value]<br>";
-	//print_r($_POST);
-}
-*/
-
 // Level 9 이하만 사용 가능
 $func->checkLevelModal(9);
 
@@ -90,18 +56,6 @@ $query = "SELECT COUNT(d_uid) FROM tbl_daily
 $total_count=$jdb->rQuery($query, "record query error");
 //echo "<br><br><br><br><br>[$total_count][$query]<br>";
 
-//페이징변수설정
-/*
-if(!$page) $page = 1;
-
-if(!$list_count) $list_count = $INIT_PAGECNT; //출력리스트 갯수
-if(!$page_count) $page_count = $INIT_PAGEVIEWCNT; //출력페이지 갯수
-
-$list_number = $total_count - (($page-1)*$list_count);
-$start_number = $list_count * ($page-1);
-
-$add_query .= " LIMIT $start_number, $INIT_PAGECNT";
-*/
 $list_number = $total_count;
 
 $d_quantitySUM = 0;
@@ -112,9 +66,39 @@ $query = "SELECT * FROM tbl_daily
 
 $result=$jdb->nQuery($query, "list error");
 
-while($list=mysqli_fetch_array($result, MYSQLI_ASSOC)) {
-	for($i=0; $i<sizeof($list); $i++) {
-		//list($key, $value) = each($list);
+// Container
+$rows = [];
+$customer_uids = [];
+while ($r = mysqli_fetch_assoc($result)) {
+    $rows[] = $r;
+    $customer_uids[] = (int)$r['d_customeruid'];
+}
+
+$customerContainerMap = [];
+$customer_uids = array_values(array_unique($customer_uids));
+if ($customer_uids) {
+    $in = implode(',', $customer_uids);
+    $sql_cc = "
+      SELECT cc_customer_uid, cc_type, cc_owner_type, cc_is_used, cc_has_lock, cc_has_wheel, cc_has_woodframe
+      FROM tbl_customer_container
+      WHERE cc_status = 'A'
+        AND cc_customer_uid IN ($in)
+      ORDER BY cc_customer_uid, cc_type, cc_uid
+    ";
+
+    $rc = $jdb->nQuery($sql_cc, "Load customer containers error");
+
+    while ($c = mysqli_fetch_assoc($rc)) {
+        $cu = (int)$c['cc_customer_uid'];
+        if (!isset($customerContainerMap[$cu])) $customerContainerMap[$cu] = [];
+        $customerContainerMap[$cu][] = $c;
+    }
+}
+
+
+foreach ($rows as $list) {	
+    for($i=0; $i<sizeof($list); $i++) {
+        //list($key, $value) = each($list);
 		foreach ( (Array) $list as $key => $value )
 		$$key = $value;
 	}
@@ -140,6 +124,11 @@ while($list=mysqli_fetch_array($result, MYSQLI_ASSOC)) {
 	$d_quantitySTR = number_format(floatval($d_quantity));
 
 	$d_quantitySUM = $d_quantitySUM + floatval($d_quantity);
+	
+	$customerContainers = $customerContainerMap[$c_uid] ?? [];
+	ob_start();
+	include $_SERVER['DOCUMENT_ROOT'].'/lib/customer_container_chips.php';
+	$containerChipsHtml = ob_get_clean();
 
 	$qry_dvr = "SELECT dr_initial FROM tbl_driver WHERE dr_uid = '".$d_druid."' ";
 	$rt_dvr = $jdb->fQuery($qry_dvr, "fetch query error");
@@ -244,21 +233,6 @@ while($list=mysqli_fetch_array($result, MYSQLI_ASSOC)) {
 			$putNotePopup = "";
 	}
 	
-
-	/*
-	if ($d_ruid != "") {
-			$qry_rnote = "SELECT r_note FROM tbl_request WHERE r_uid = '".$d_ruid."' ";
-			$rt_rnote = $jdb->fQuery($qry_rnote, "fetch query error");
-
-			$r_noteSTR = str_replace("\\", "", trim($rt_rnote[0]));
-			if ($r_noteSTR != "") $putNotePopup = "&nbsp;&nbsp; <a data-toggle='modal' style='cursor:pointer;cursor:hand;' class='customerShortNote' data-target='#myModalcustomerShortNote' data-id=\"$d_uid\" data-history-type='standard-access'>&#128204;</a>";	
-			else $putNotePopup = "";
-	}
-	else {
-			$putNotePopup = "";
-	}
-	*/
-	
 	$driverPopup = "<a data-toggle='modal' style='cursor:pointer;cursor:hand;' class='customerShortInfo' data-target='#myModalcustomerShortInfo' data-id=\"$d_customeruid\" data-history-type='standard-access'>&#10067;</a>";
 
 	if ($d_ordertype == "R" || $d_ordertype == "S") $list_numberSTR = $d_ordertype; 
@@ -276,7 +250,7 @@ while($list=mysqli_fetch_array($result, MYSQLI_ASSOC)) {
               </td>              
               <td><b><a onclick=\"javascript:window.open('/index_intranet.php?view=customer_detail&mode=update&c_uid=$c_uid&page=$page&key_word=$key_word&column=$column&switched=$getSWHStr&sorting_type=$sorting_type&switch=$switch','_blank');\" style='cursor:pointer;cursor:hand;' class=\"link-name\" ><b>$d_nameSTR</a></b>&nbsp;&nbsp; $driverPopup $putNotePopup</td>
               <td>$d_accountno</td>
-              <td>$d_maincontainer</td>
+              <td>$containerChipsHtml</td>
               <td>$d_paymenttype</td>
               <td>$d_rate</td>
               <td>$d_addressSTR</td>
@@ -371,7 +345,6 @@ $('#c_fullcycle_".$c_uid."').on('change', function () { // changed
 	$strList .= "		              
               <td>$d_lastpickupdateSTR</td>
               <td>-</td>
-              <td>$d_containerSTR</td>
 					</tr>
 	";
 
@@ -381,7 +354,7 @@ $('#c_fullcycle_".$c_uid."').on('change', function () { // changed
 
 if( $total_count < 1 ) {
 	$strList = "
-		<tr><td colspan='21' align=center height='30'><B>No Data</B></td></tr>
+		<tr><td colspan='20' align=center height='30'><B>No Data</B></td></tr>
 		";
 }
 
@@ -460,16 +433,6 @@ $(function () {
             $(".modal-footer #d_accountno").val(my_accountno_value);
         })
     });
-
-/*
-    $(function () {
-        $(".pickupOrderClass").click(function () {
-            var my_id_value = $(this).data('id');
-            $("#pickupOrderModal #d_uid").val(my_id_value);
-        })
-    });
-*/
-    
 </SCRIPT>
 
 
@@ -681,68 +644,19 @@ function printDiv(divName) {
                 <th class="td-order-cycle">Cycle</th>
                 <th class="td-order-lastpu"><a href="/index_intranet.php?view=order_driver&switched=<?=$getSWHStr?>&page=<?=$page?>&key_word=<?=$key_word?>&sorting_type=<?=$sorting_type?>&d_orderdate=<?=$d_orderdate?>&d_druid=<?=$d_druid?>&switch=d_lastpickupdate">Last PU</a></th>
                 <th class="td-order-nextpu">Next PU</th>
-                <th class="td-order-detail"><a href="/index_intranet.php?view=order_driver&switched=<?=$getSWHStr?>&page=<?=$page?>&key_word=<?=$key_word?>&sorting_type=<?=$sorting_type?>&d_orderdate=<?=$d_orderdate?>&d_druid=<?=$d_druid?>&switch=d_container">Detail</a></th>
             </tr>
 
 <?=$strList?>
 
-<!--
-            <tr class="bg-request">
-              <td>1</td>
-              <td><a href="#" class="link-name">Restaurant Name</a></td>
-              <td>GD221150</td>
-              <td>400B </td>
-              <td>Every summer I try to find the biggest tree around to climb. My mom always complains that my socks stink after I get home from camp.
-              </td>
-              <td>CHQ </td>
-              <td>0.150 </td>
-              <td>145 Kingston Rd. Nork Yorth, ON M1K 7Y8</td>
-              <td>Toronto</td>
-              <td>2,543 </td>
-              <td>1,700 </td>
-              <td>60 </td>
-              <td>2022-12-11 </td>
-              <td>2022-12-31 </td>
-              <td>900</td>
-              <td>350</td>
-              <td>2022-12-11 </td>
-              <td>        
-                <button type="button" class="btn icon-pickup" data-bs-toggle="modal" data-bs-target="#pickup-modal" data-pickup-type="standard-access">
-                      <i class="bi bi-truck icon-edit"></i>
-                </button>
-              </td>
-
-              <td>    
-                <button type="button" class="btn icon-history" data-bs-toggle="modal" data-bs-target="#history-modal" data-history-type="standard-access">
-                   <i class="bi bi-folder2-open icon-delete"></i>
-                </button>
-              </td>
-
-            </tr>
--->
-
           </table>
         </div>
 
         <div class="container-inner">
           <p class="estimate-wrap"><span class="txt-estimate">ACTUAL : <span id="estimatetotal"><?=number_format($d_quantitySUM)?></span> L</span></p>
         </div>
+		
         <br><br>
 
-
-        <!--div class="container-inner">
-          <div class="pagination">
-            <a href="#" ><i class="bi bi-arrow-left"></i></a>
-            <a href="#"class="active">1</a>
-            <a href="#">2</a>
-            <a href="#">3</a>
-            <a href="#">4</a>
-            <a href="#">5</a>
-            <a href="#">6</a>
-            <a href="#"><i class="bi bi-arrow-right"></i></a>
-          </div>
-        </div-->
-
         <div class="col-lg-12">
                 <a class="btn-sub text-center width-200" href="/index_intranet.php?view=order_list">BACK</a>
         </div>
diff --git a/public_html/include/arrayinfo.php b/public_html/include/arrayinfo.php
index 3ec2667..8bc848b 100644
--- a/public_html/include/arrayinfo.php
+++ b/public_html/include/arrayinfo.php
@@ -8,7 +8,7 @@ $arrPaymenttype = array ('CA' => 'Cash', 'CHQ' => 'Cheque', 'DIRECT' => 'Direct
 
 $arrBin = array ('D' => '200L Drum', '400B' => '400L Bin', '500B' => '500L Bin', '600B' => '600L Bin', 
 									'700B' => '700L Bin', '800B' => '800L Bin', '1000B' => '1000L Bin', 
-									'OB' => 'Owner\'s Bin' ,'OD' => 'Owner\'s Drum' , 'P' => 'Bucket', 'CB' => 'Customized Bin');
+									'P' => 'Bucket', 'CB' => 'Customized Bin');
 
 $arrForm = array ('Not Yet' => 'Not Yet', 'Paper' => 'Paper', 'Electronic' => 'Electronic' );
 $arrSchedule = array ('None' => 'None', '1W' => '1W', '2W' => '2W', '3W' => '3W', '4W' => '4W', '5W' => '5W', '6W' => '6W', 'Will Call' => 'Will Call' );
diff --git a/public_html/include/top.php b/public_html/include/top.php
index 4be8127..4e20f06 100644
--- a/public_html/include/top.php
+++ b/public_html/include/top.php
@@ -5,10 +5,13 @@ $userName = $_SESSION['ss_NAME'] ?? '';
 
 // ---- Level Groups ----
 $isAdmin        = in_array($level, [1, 5]);
-$isManager      = in_array($level, [1, 5, 9]);
-$canExport      = in_array($level, [1, 5, 6, 7]);
-$canOrder       = ($level != 7);
+$isManager      = in_array($level, [1, 5]);
+$isAccounting   = ($level == 6);
+$isMarketing    = ($level == 7); // cannot order
+$isInstallDriver= ($level == 8);
+$isUcoDriver    = ($level == 9);
 $isCustomerOnly = ($level == 10);
+$canExport      = in_array($level, [1, 5, 6, 7]);
 ?>
 <body>
 
@@ -29,14 +32,38 @@ $isCustomerOnly = ($level == 10);
       <?php else: ?>
 
         <?php if ($isManager): ?>
+          <li class="dropdown">
+            <a href="#"><span>PLANNING</span> <i class="bi bi-chevron-down dropdown-indicator"></i></a>
+            <ul>
+              <li><a href="/index_intranet.php?view=forecast">FORECAST</a></li>
+              <li><a href="/index_intranet.php?view=install_wait_list">INSTALL WAIT LIST</a></li>
+            </ul>
+          </li>
+        <?php endif; ?>
+
+        <?php if ($isUcoDriver): ?>          
           <li><a href="/index_intranet.php?view=forecast">FORECAST</a></li>
         <?php endif; ?>
 
-        <?php if ($canOrder): ?>
+        <?php if ($isManager || $isAccounting): ?>
+          <li class="dropdown">
+            <a href="#"><span>ORDER</span> <i class="bi bi-chevron-down dropdown-indicator"></i></a>
+            <ul>
+              <li><a href="/index_intranet.php?view=order_list">UCO ORDER</a></li>
+              <li><a href="/index_intranet.php?view=install_order">INSTALL ORDER</a></li>
+            </ul>
+          </li>
+        <?php endif; ?>
+
+        <?php if ($isUcoDriver): ?>
           <li><a href="/index_intranet.php?view=order_list">ORDER</a></li>
         <?php endif; ?>
 
-        <?php if ($isManager): ?>
+        <?php if ($isInstallDriver): ?>
+          <li><a href="/index_intranet.php?view=install_order">ORDER</a></li>
+        <?php endif; ?>
+
+        <?php if ($isManager || $isUcoDriver): ?>
           <li><a href="/index_intranet.php?view=map">MAP</a></li>
         <?php endif; ?>
 
diff --git a/public_html/js/customer_image.js b/public_html/js/customer_image.js
new file mode 100644
index 0000000..58db11b
--- /dev/null
+++ b/public_html/js/customer_image.js
@@ -0,0 +1,104 @@
+function openCustomerImages(customerUid) {
+  const modalEl = document.getElementById('customerImageModal');
+  const modal = new bootstrap.Modal(modalEl);
+
+  const body = document.getElementById('customerImageModalBody');
+  body.innerHTML = '<div class="text-center text-muted py-5">Loading images...</div>';
+
+  modal.show();
+
+  const params = new URLSearchParams({
+    customer_uid: customerUid,
+    i_type: 'install_order'
+  });
+
+  fetch('/lib/customer_image.php?' + params.toString())
+    .then(res => res.text())
+    .then(html => {
+      body.innerHTML = html;
+
+      // HTML 주입 후, 슬라이더 초기화 (스크립트 실행 기대 X)
+      initCustomerImageSlider(body);
+    })
+    .catch(err => {
+      console.error(err);
+      body.innerHTML = '<div class="text-danger text-center py-5">Failed to load images.</div>';
+    });
+}
+
+function initCustomerImageSlider(scopeEl) {
+  const slider = scopeEl.querySelector('#customerImageSlider');
+  if (!slider) return;
+
+  let images = [];
+  let meta = [];
+
+  try {
+    images = JSON.parse(slider.dataset.images || '[]');
+    meta   = JSON.parse(slider.dataset.meta   || '[]');
+  } catch (e) {
+    console.error('slider json parse error', e);
+    return;
+  }
+
+  if (!images.length) return;
+
+  let currentIndex = 0;
+
+  const imgEl  = scopeEl.querySelector('#sliderImage');
+  const idxEl  = scopeEl.querySelector('#sliderIndex');
+  const metaEl = scopeEl.querySelector('#sliderMeta');
+  const btnPrev = scopeEl.querySelector('#btnPrevImage');
+  const btnNext = scopeEl.querySelector('#btnNextImage');
+
+  function formatCreated(str) {
+    // 기대 포맷: 20260205121137
+    if (!str) return '';
+    if (/^\d{14}$/.test(str)) {
+      return str.replace(/^(\d{4})(\d{2})(\d{2})(\d{2})(\d{2})(\d{2})$/, '$1-$2-$3 $4:$5:$6');
+    }
+    return str; // 이미 datetime 이면 그대로
+  }
+
+  function getTypeLabel(type) {
+    switch (type) {
+      case 'install':
+        return 'Install Image';
+      case 'install_order':
+        return 'Container Request Image';
+      default:
+        return type || '';
+    }
+  }
+
+  function update() {
+    imgEl.src = images[currentIndex];
+    idxEl.textContent = (currentIndex + 1);
+
+    const m = meta[currentIndex] || {};
+    metaEl.innerHTML =
+      '<b>Type:</b> ' + getTypeLabel(m.type || '') + '<br>' +
+      '<b>Note:</b> ' + ((m.note || '').replace(/\n/g, '<br>')) + '<br>' +
+      '<b>Created:</b> ' + formatCreated(m.created || '') + '<br>' +
+      '<b>By:</b> ' + (m.by || '');
+  }
+
+  // 이벤트 중복 방지: 버튼을 클론으로 교체해서 기존 리스너 제거
+  const prevClone = btnPrev.cloneNode(true);
+  const nextClone = btnNext.cloneNode(true);
+  btnPrev.parentNode.replaceChild(prevClone, btnPrev);
+  btnNext.parentNode.replaceChild(nextClone, btnNext);
+
+  prevClone.addEventListener('click', () => {
+    currentIndex = (currentIndex - 1 + images.length) % images.length;
+    update();
+  });
+
+  nextClone.addEventListener('click', () => {
+    currentIndex = (currentIndex + 1) % images.length;
+    update();
+  });
+
+  // 초기 렌더
+  update();
+}
diff --git a/public_html/js/install_wait_modal.js b/public_html/js/install_wait_modal.js
new file mode 100644
index 0000000..2556f0a
--- /dev/null
+++ b/public_html/js/install_wait_modal.js
@@ -0,0 +1,1010 @@
+window.InstallWait = window.InstallWait || {
+  step: 1,
+  customer: null,
+  job: null,
+  pickup: [],
+  schedule: { date:'', note:'' },
+  photos: []
+};
+
+/* 슬라이드 이동 (100vw 기준) */
+function goInstallWaitStep(step) {
+  const wrapper = document.querySelector('.install-wait-steps-wrapper');
+  if (!wrapper) return; // DOM 아직 없으면 그냥 나감
+  wrapper.style.transform = `translateX(-${(step - 1) * 100}%)`;
+}
+
+/* ============================
+   STEP 1
+============================ */
+function initAddInstallWaitModal() {
+
+  const input   = document.getElementById('customerSearchInput');
+  const result  = document.getElementById('customerSearchResult');
+  const btnNext = document.getElementById('btnStep1Next');
+
+  $('#addInstallWaitModal')
+    .one('shown.bs.modal', function () {
+      const input = document.getElementById('customerSearchInput');
+      if (input) input.focus();
+    });
+  
+  btnNext.onclick = () => {
+    if (!InstallWait.customer) return;
+    goInstallWaitStep(2);
+    initInstallWaitStep2();
+  };
+
+  let timer = null;
+
+  input.addEventListener('input', function () {
+    const keyword = this.value.trim();
+    clearTimeout(timer);
+
+    if (keyword.length < 2) {
+      result.innerHTML = '';
+      btnNext.disabled = true;
+      return;
+    }
+
+    timer = setTimeout(() => {
+      api('search_customer', { keyword }, rows => {
+
+        if (!rows || !rows.length) {
+          result.innerHTML = `<div class="text-muted text-center py-3">No customer found<br>The customer may already be in the wait list or already assigned.</div>`;
+          return;
+        }
+
+        result.innerHTML = rows.map(r => `
+          <div class="p-2 border-bottom customer-row"
+               data-uid="${r.c_uid}"
+               data-account="${r.c_accountno}"
+               data-name="${r.c_name}"
+               data-address="${r.c_address}"
+               data-city="${r.c_city}"
+               data-postal="${r.c_postal}"
+               data-phone="${r.c_phone || ''}">
+            <div class="fw-bold">${r.c_accountno} - ${r.c_name}</div>
+            <div class="small text-muted">${r.c_address}, ${r.c_city}</div>
+          </div>
+        `).join('');
+
+        bindCustomerRowEvents();
+      });
+    }, 300);
+  });
+
+
+}
+
+function bindCustomerRowEvents() {
+
+  const btnNext = document.getElementById('btnStep1Next');
+  let selected = null;
+
+  document.querySelectorAll('.customer-row').forEach(row => {
+    row.onclick = function () {
+
+      if (selected === this) {
+        this.classList.remove('selected');
+        selected = null;
+        InstallWait.customer = null;
+        btnNext.disabled = true;
+        btnNext.classList.remove('active-step');
+        return;
+      }
+
+      document.querySelectorAll('.customer-row').forEach(r => r.classList.remove('selected'));
+
+      this.classList.add('selected');
+      selected = this;
+
+      InstallWait.customer = {
+        uid: this.dataset.uid,
+        account: this.dataset.account,
+        name: this.dataset.name,
+        address: this.dataset.address,
+        city: this.dataset.city,
+        postal: this.dataset.postal,
+        phone: this.dataset.phone
+      };
+
+      btnNext.disabled = false;
+      btnNext.classList.add('active-step');
+    };
+  });
+}
+
+/* ============================
+   STEP 2
+============================ */
+function syncCustomerFromStep2() {
+  const map = {
+    account: 'iwCustomerAccount',
+    name:    'iwCustomerName',
+    address: 'iwCustomerAddress',
+    city:    'iwCustomerCity',
+    postal:  'iwCustomerPostal',
+    phone:   'iwCustomerPhone'
+  };
+
+  Object.keys(map).forEach(k => {
+    InstallWait.customer[k] =
+      document.getElementById(map[k]).value.trim();
+  });
+}
+
+function syncCustomerToInputs() {
+  const c = InstallWait.customer || {};
+  iwCustomerAccount.value = c.account || '';
+  iwCustomerName.value    = c.name || '';
+  iwCustomerAddress.value = c.address || '';
+  iwCustomerCity.value    = c.city || '';
+  iwCustomerPostal.value  = c.postal || '';
+  iwCustomerPhone.value   = c.phone || '';
+}
+
+function initInstallWaitStep2() {
+
+  syncCustomerToInputs();
+
+  document.getElementById('btnStep2Back').onclick = () => {
+    goInstallWaitStep(1);
+  };
+
+  bindJobSelection();
+  bindStep2Next();
+}
+
+function bindJobSelection() {
+
+  const cards = document.querySelectorAll('.iw-job-card');
+  const btnNext = btnStep2Next;
+  let selected = null;
+
+  cards.forEach(card => {
+    card.onclick = () => {
+
+      if (selected === card) {
+        card.classList.remove('active');
+        selected = null;
+        InstallWait.job = null;
+        btnNext.disabled = true;
+        return;
+      }
+
+      cards.forEach(c => c.classList.remove('active'));
+      card.classList.add('active');
+
+      selected = card;
+      InstallWait.job = { type: card.dataset.job };
+
+      btnNext.disabled = false;
+      btnNext.classList.add('active-step');
+    };
+  });
+}
+
+function bindStep2Next() {
+
+  btnStep2Next.onclick = () => {
+    if (!InstallWait.job) return;
+
+    syncCustomerFromStep2();
+    const memberUid = document.getElementById('installWaitContext').dataset.memberUid || '';
+    api('install_wait_create_draft', {
+      c_uid:    InstallWait.customer.uid,
+      job_type: InstallWait.job.type,
+      account:  InstallWait.customer.account,
+      name:     InstallWait.customer.name,
+      address:  InstallWait.customer.address,
+      city:     InstallWait.customer.city,
+      postal:   InstallWait.customer.postal,
+      phone:    InstallWait.customer.phone,
+      member_uid: memberUid
+    }, res => {
+
+      if (!res || !res.ok || !res.iw_uid) return;
+
+      InstallWait.iw_uid = res.iw_uid;
+
+      goInstallWaitStep(3);
+      initInstallWaitStep3();
+    });
+  };
+}
+
+/* ============================
+   STEP 3
+============================ */
+function initInstallWaitStep3() {
+
+  btnStep3Back.onclick = () => {
+    // id 없으면 그냥 back
+    if (!InstallWait.iw_uid) {
+      goInstallWaitStep(2);
+      return;
+    }
+
+    const iw_uid = InstallWait.iw_uid;
+    if (!confirm('Delete this install request?')) return;
+
+    btnStep3Back.disabled = true;
+
+    api('install_wait_delete', { iw_uid }, (res) => {
+      btnStep3Back.disabled = false;
+
+      if (!res || !res.ok) {
+        // alert(res?.msg || 'Delete failed');
+        showPopupMessage(res?.msg || 'Delete failed', 'error', 1500);
+        return;
+      } else {
+        showPopupMessage('Successfully Deleted', 'success', 1500);
+      }
+
+      const rowEl = btnStep3Back.closest('.install-wait-row');
+      if (rowEl) rowEl.remove();
+
+      // 로컬 상태 초기화
+      InstallWait.iw_uid = null;
+      InstallWait.pickup = [];
+      InstallWait.schedule = { date:'', note:'' };
+      InstallWait.photos = [];
+
+      // Step3 UI 잔상 제거
+      const area = document.getElementById('iwStep3ContainerArea');
+      if (area) area.innerHTML = '';
+
+      goInstallWaitStep(2);
+      initInstallWaitStep2();
+      return;
+    });
+  };
+
+  // Complete 버튼
+  btnStep3Complete.onclick = () => {
+
+    if (!InstallWait.iw_uid) {
+      // alert('Invalid install wait');
+      showPopupMessage('Invalid install wait', 'error', 1500);
+      return;
+    }
+
+    // 컨테이너 선택여부
+    if (!validateContainersBeforeComplete()) {
+      return;
+    }
+
+    // set parameter
+    const twoOn = document.getElementById('btnTwoPerson').classList.contains('iw-toggle-on');
+    const recOn = document.getElementById('btnRecurring').classList.contains('iw-toggle-on');
+    const payload = {
+      iw_uid: InstallWait.iw_uid,
+      request_at: document.getElementById('iwRequestDate').value || null,
+      due_date: document.getElementById('iwScheduleDate').value || null,
+      request_by: document.getElementById('iwRequestBy').value || null,
+      request_note: document.getElementById('iwRequestNote').value || null,
+      cs_note: document.getElementById('iwCsNote').value || null,
+      work_note: document.getElementById('iwWorkNote').value || null,
+      person_cnt: twoOn ? 2 : null,
+      person_reason: twoOn ? document.getElementById('iwTwoPersonReason').value : null,
+      scheduled: recOn ? 1 : 0,
+      scheduled_cycle: recOn ? document.getElementById('iwRecurringDays').value: 0
+    };
+    btnStep3Complete.disabled = true;
+
+    // 1단계: install_wait complete
+    api('install_wait_complete', payload, (res) => {
+
+      if (!res || !res.ok) {
+        btnStep3Complete.disabled = false;
+        //alert('Failed to complete install request');
+        showPopupMessage('Save failed', 'error', 1500);
+        return;
+      }
+
+      // 2단계: 사진 업로드 있을 때
+      const files = document.getElementById('iwPhotos').files;
+      if (!files || files.length === 0) {
+        showPopupMessage('Successfully Saved', 'success', 1000);
+        finishInstallWaitComplete();
+        return;
+      }
+      const memberUid = document.getElementById('installWaitContext').dataset.memberUid || '';
+
+      const fd = new FormData();
+      fd.append('actionStr', 'ADDIMAGE');
+      fd.append('i_type', 'install_order');
+      fd.append('i_customeruid', InstallWait.customer.uid);
+      fd.append('i_memberuid', memberUid);
+      fd.append('i_createdby', memberUid);
+      fd.append('i_note', 'Before Install');
+      fd.append('i_sourceuid', InstallWait.iw_uid);
+      [...files].forEach(file => {
+        fd.append('upload_file[]', file);
+      });
+
+      fetch('/lib/user_process.php', {
+        method: 'POST',
+        body: fd
+      })
+      .then(() => {
+        showPopupMessage('Successfully Saved', 'success', 1000);
+        finishInstallWaitComplete();
+      })
+      .catch(() => {
+        //alert('Install completed, but image upload failed');
+        showPopupMessage('Saved (photo failed)', 'error', 1500);
+        finishInstallWaitComplete();
+      });
+    });
+  };
+
+  InstallWait.pickup = InstallWait.pickup || [];
+
+  setStep3Title();
+  renderStep3ActionBoxes();
+  loadCurrentContainersIfNeeded();
+  bindStep3Toggles();
+  fillRequestBySelect('Customer');
+  initInstallWaitDatePickers();
+}
+
+function setStep3Title() {
+  const jobLabel = InstallWait.job?.type || '';
+  const acct = InstallWait.customer?.account ? ` of ${InstallWait.customer.account}` : '';
+  const titleEl = document.getElementById('iwStep3Title');
+  if (titleEl) titleEl.innerText = `Step 3 of 3 - ${jobLabel}${acct} Detail`;
+}
+
+function renderStep3ActionBoxes() {
+
+  const area = document.getElementById('iwStep3ContainerArea');
+  area.innerHTML = '';
+
+  const jobType = InstallWait.job?.type;
+  if (!jobType) return;
+
+  // Row 1 : CURRENT | PICKUP
+  if (['PICKUP','EXCHANGE','INSTALL','RELOCATE','CLEAN'].includes(jobType)) {
+    area.insertAdjacentHTML('beforeend', `
+      <div class="iw-action-row">
+        ${renderActionBox('CURRENT')}
+      <div><i class="bi bi-arrow-left-right"></i></div>
+        ${renderActionBox('PICKUP')}
+      </div>
+    `);
+  }
+
+  // Row 2 : SELECT | INSTALL
+  if (['INSTALL','EXCHANGE'].includes(jobType)) {
+    area.insertAdjacentHTML('beforeend', `
+      <div class="iw-action-row">
+        ${renderActionBox('SELECT')}
+      <div><i class="bi bi-arrow-left-right"></i></div>
+        ${renderActionBox('INSTALL')}
+      </div>
+    `);
+  }
+  bindSelectInstallEvents();
+}
+
+function renderActionBox(action) {
+
+  const icon = {
+    CURRENT:  'bi-archive',
+    PICKUP:   'bi-dash-circle',
+    SELECT:   'bi-plus-square',
+    INSTALL:  'bi-plus-circle',
+    RELOCATE: 'bi-arrow-left-right'
+  }[action] || 'bi-box';
+
+  const colorClass =
+    action === 'PICKUP'  ? 'pickup'
+  : action === 'INSTALL' ? 'install'
+  : '';
+
+  let content = '';
+
+  // CURRENT
+  if (action === 'CURRENT') {
+    content = `<div class="text-muted small">Loading...</div>`;
+  }
+
+  // SELECT 전용 UI
+  if (action === 'SELECT') {
+    content = renderSelectInstallUI();
+  }
+
+  return `
+    <div class="task-action-box" data-action="${action}">
+      <div class="task-action-title ${colorClass}">
+        <i class="bi ${icon}"></i> ${action}
+      </div>
+      <div class="mt-2 container-chips" data-action="${action}">
+        ${content}
+      </div>
+    </div>
+  `;
+}
+
+function countTaskChips(action) {
+  // action: 'PICKUP' | 'INSTALL'
+  const wrap = document.querySelector(`.container-chips[data-action="${action}"]`);
+  if (!wrap) return 0;
+
+  // 프로젝트에서 chip 클래스가 여러 개일 수 있어서 span.chip 기준으로 카운트
+  return wrap.querySelectorAll('span.chip').length;
+}
+
+function validateContainersBeforeComplete() {
+  const jobType = (InstallWait.job?.type || '').toUpperCase();
+
+  const pickupCnt  = countTaskChips('PICKUP');
+  const installCnt = countTaskChips('INSTALL');
+
+  // EXCHANGE: 둘 다 있어야 함
+  if (jobType === 'EXCHANGE') {
+    if (pickupCnt < 1 || installCnt < 1) {
+      //alert('EXCHANGE requires containers in BOTH Pickup and Install. Please select containers.');
+      showPopupMessage('Please select containers.', 'error', 1500);
+      return false;
+    }
+    return true;
+  }
+
+  // INSTALL: install에 있어야 함
+  if (jobType === 'INSTALL') {
+    if (installCnt < 1) {
+      //alert('Please select at least 1 container in Install.');
+      showPopupMessage('Please select containers.', 'error', 1500);
+      return false;
+    }
+    return true;
+  }
+
+  // PICKUP: pickup에 있어야 함
+  if (jobType === 'PICKUP') {
+    if (pickupCnt < 1) {
+      //alert('Please select at least 1 container in Pickup.');
+      showPopupMessage('Please select containers.', 'error', 1500);
+      return false;
+    }
+    return true;
+  }
+
+  // 다른 타입(혹시 RELOCATE/CLEAN 등 Step3에서도 쓰면 정책 정해서 추가)
+  return true;
+}
+
+function loadCurrentContainersIfNeeded(onDone) {
+  const jobType = InstallWait.job?.type;
+  if (!['PICKUP','EXCHANGE','INSTALL','RELOCATE','CLEAN'].includes(jobType)) {
+    if (typeof onDone === 'function') onDone();
+    return;
+  }
+
+  const wrap = document.querySelector('.container-chips[data-action="CURRENT"]');
+  if (!wrap) {
+    if (typeof onDone === 'function') onDone();
+    return;
+  }
+
+  api('get_customer_containers_active',
+    { c_uid: InstallWait.customer.uid },
+    rows => {
+      if (!rows || rows.length === 0) {
+        wrap.innerHTML = `<div class="text-muted small">No active containers</div>`;
+        if (typeof onDone === 'function') onDone();
+        return;
+      }
+      wrap.innerHTML = rows.map(renderContainerChip).join('');
+      bindCurrentContainerChipEvents();
+
+      if (typeof onDone === 'function') onDone();
+    }
+  );
+}
+
+function renderContainerChip(c) {
+
+  const type = (c.cc_type || '').toUpperCase();
+  const icon = getContainerIconByType(type);
+  const isRestaurantOwned = c.cc_owner_type === 'O';
+  const chipClass = isRestaurantOwned
+    ? 'chip chip-restaurant iw-current-chip'
+    : 'chip chip-company iw-current-chip';
+
+  const ownerBadge = isRestaurantOwned
+    ? '<span class="chip-owner">O</span>'
+    : '';
+
+  const flags =
+    (c.cc_has_lock === 'Y'  ? ' <i class="bi bi-lock-fill"></i>' : '') +
+    (c.cc_has_wheel === 'Y' ? ' <i class="bi bi-gear-fill"></i>' : '') +
+    (c.cc_has_woodframe === 'Y'
+      ? ' <i class="bi bi-bounding-box-circles"></i>'
+      : '');
+
+  const used = c.cc_is_used === 'Y' ? 'Used ' : '';
+
+  return `
+    <span class="${chipClass}"
+      data-type="${c.cc_type}"
+      data-capacity="${c.cc_capacity || ''}"
+      data-is_used="${c.cc_is_used || 'N'}"
+      data-owner_type="${c.cc_owner_type || 'C'}"
+      data-has_lock="${c.cc_has_lock || 'N'}"
+      data-has_wheel="${c.cc_has_wheel || 'N'}"
+      data-has_frame="${c.cc_has_woodframe || 'N'}">
+
+      ${ownerBadge}
+      <i class="bi ${icon}"></i>
+      ${used}${c.cc_type}
+      ${flags}
+    </span>
+  `;
+}
+
+function bindCurrentContainerChipEvents() {
+
+  const jobType = InstallWait.job?.type;
+  const disableClick = ['INSTALL','RELOCATE','CLEAN'].includes(jobType);
+
+  const currentWrap = document.querySelector('.container-chips[data-action="CURRENT"]');
+  const pickupWrap  = document.querySelector('.container-chips[data-action="PICKUP"]');
+  if (!currentWrap || !pickupWrap) return;
+
+  currentWrap.querySelectorAll('.iw-current-chip').forEach(chip => {
+
+    chip.onclick = () => {
+
+      if (disableClick) {
+        // 클릭은 막고, 시각적 피드백만 줄 수도 있음
+        chip.classList.add('disabled');
+        return;
+      }
+
+      pickupWrap.appendChild(chip);
+      upsertPickupContainers();
+      bindPickupContainerChipEvents();
+    };
+  });
+}
+
+function bindPickupContainerChipEvents() {
+
+  const currentWrap = document.querySelector('.container-chips[data-action="CURRENT"]');
+  const pickupWrap  = document.querySelector('.container-chips[data-action="PICKUP"]');
+  if (!currentWrap || !pickupWrap) return;
+
+  pickupWrap.querySelectorAll('.iw-current-chip').forEach(chip => {
+
+    chip.onclick = () => {
+
+      // UI 이동
+      currentWrap.appendChild(chip);
+
+      // PICKUP 기준으로 다시 업설트
+      upsertPickupContainers();
+
+      // 이벤트 재바인딩
+      bindCurrentContainerChipEvents();
+    };
+  });
+}
+
+function chipKeyFromDataset(ds){
+  const norm = v => (v ?? '').toString();
+  return [
+    norm(ds.type).toUpperCase(),
+    norm(ds.capacity),
+    norm(ds.is_used),
+    norm(ds.owner_type),
+    norm(ds.has_lock),
+    norm(ds.has_wheel),
+    norm(ds.has_frame),
+  ].join('|');
+}
+
+function chipKeyFromIwcRow(r){
+  const norm = v => (v ?? '').toString();
+  return [
+    norm(r.iwc_type).toUpperCase(),
+    norm(r.iwc_capacity),
+    norm(r.iwc_is_used || 'N'),
+    norm(r.iwc_owner_type || 'C'),
+    norm(r.iwc_has_lock || 'N'),
+    norm(r.iwc_has_wheel || 'N'),
+    norm(r.iwc_has_woodframe || 'N'),
+  ].join('|');
+}
+
+function applyPickupFromDBToCurrent(pickupRows) {
+  const currentWrap = document.querySelector('.container-chips[data-action="CURRENT"]');
+  const pickupWrap  = document.querySelector('.container-chips[data-action="PICKUP"]');
+  if (!currentWrap || !pickupWrap) return;
+
+  // key → remaining count
+  const pickupCountMap = {};
+  (pickupRows || []).forEach(r => {
+    const key = chipKeyFromIwcRow(r);
+    pickupCountMap[key] = (pickupCountMap[key] || 0) + 1;
+  });
+
+  // CURRENT에서 하나씩 매칭
+  [...currentWrap.querySelectorAll('.iw-current-chip')].forEach(chip => {
+    const key = chipKeyFromDataset(chip.dataset);
+    if (pickupCountMap[key] > 0) {
+      pickupWrap.appendChild(chip);
+      pickupCountMap[key]--; // ⭐ 하나 소비
+    }
+  });
+
+  bindCurrentContainerChipEvents();
+  bindPickupContainerChipEvents();
+}
+
+function upsertPickupContainers() {
+
+  const pickupWrap = document.querySelector('.container-chips[data-action="PICKUP"]');
+  if (!pickupWrap) return;
+
+  const items = [...pickupWrap.querySelectorAll('.iw-current-chip')].map(el => ({
+    action: 'PICKUP',
+    type: el.dataset.type,
+    capacity: el.dataset.capacity || null,
+    is_used: el.dataset.is_used || 'N',
+    owner_type: el.dataset.owner_type || 'C',
+    has_lock: el.dataset.has_lock || 'N',
+    has_wheel: el.dataset.has_wheel || 'N',
+    has_frame: el.dataset.has_frame || 'N'
+  }));
+
+  api('install_wait_upsert_containers', {
+    iw_uid: InstallWait.iw_uid,
+    action: 'PICKUP',
+    items
+  });
+}
+
+function renderSelectInstallUI() {
+
+  const binOptions = Object.entries(window.IW_BINS || {})
+    .map(([key, label]) =>
+      `<option value="${key}">${label}</option>`
+    ).join('');
+
+  return `
+    <div class="iw-select-install">
+      <div class="d-flex align-items-center mb-2">
+
+  <!-- 왼쪽: 옵션들 -->
+  <div class="d-flex gap-2 align-items-center flex-grow-1">
+
+    <button type="button" id="iwSelectUsed"
+            class="btn btn-sm btn-outline-secondary">
+      Used
+    </button>
+
+    <select id="iwSelectType" class="form-select form-select-sm">
+      <option value="">Select bin</option>
+      ${binOptions}
+    </select>
+
+    <input type="number"
+           id="iwSelectCapacity"
+           class="form-control form-control-sm iw-inline-ctrl"
+           placeholder="L"
+           readonly>
+
+    <button type="button"
+            class="btn btn-sm btn-outline-secondary iw-opt"
+            data-opt="L" title="Lock">
+      <i class="bi bi-lock-fill"></i>
+    </button>
+
+    <button type="button"
+            class="btn btn-sm btn-outline-secondary iw-opt"
+            data-opt="W" title="Wheel">
+      <i class="bi bi-gear-fill"></i>
+    </button>
+
+    <button type="button"
+            class="btn btn-sm btn-outline-secondary iw-opt"
+            data-opt="F" title="Frame">
+      <i class="bi bi-bounding-box-circles"></i>
+    </button>
+
+  </div>
+
+  <!-- 오른쪽: Add -->
+  <button type="button"
+          id="iwAddInstall"
+          class="btn btn-sm btn-success ms-2 iw-add-btn">
+    <i class="bi bi-plus-lg"></i>
+    <span class="ms-1">Add</span>
+  </button>
+
+</div>
+
+
+    </div>
+  `;
+}
+
+function bindSelectInstallEvents() {
+
+  const usedBtn = document.getElementById('iwSelectUsed');
+  const typeSel = document.getElementById('iwSelectType');
+  const capInp  = document.getElementById('iwSelectCapacity');
+
+  if (!usedBtn || !typeSel) return;
+
+  usedBtn.onclick = () => {
+    usedBtn.classList.toggle('active');
+  };
+
+  // 타입 선택 시 용량 자동 표시
+  typeSel.onchange = () => {
+
+    const val = typeSel.value;
+
+    // CB 는 직접 입력
+    if (val === 'CB') {
+      capInp.readOnly = false;
+      capInp.value = '';
+      capInp.focus();
+      return;
+    } else if (val === 'D') {
+      capInp.value = '200';
+      return;
+    }
+
+    capInp.readOnly = true;
+
+    const m = val.match(/^(\d+)/);
+    capInp.value = m ? m[1] : '';
+  };
+
+  // 악세사리 토글
+  document.querySelectorAll('.iw-opt').forEach(btn => {
+    btn.onclick = () => btn.classList.toggle('active');
+  });
+
+  // Add → INSTALL 이동
+  document.getElementById('iwAddInstall').onclick = addInstallFromSelect;
+}
+
+function addInstallFromSelect() {
+
+  const type = document.getElementById('iwSelectType').value;
+  if (!type) return showPopupMessage('Select container type.', 'error', 1500); //alert('Select container type');
+
+  const capacity = document.getElementById('iwSelectCapacity').value || null;
+  const is_used  = document.getElementById('iwSelectUsed').classList.contains('active') ? 'Y' : 'N';
+
+  const has_lock  = document.querySelector('.iw-opt[data-opt="L"]').classList.contains('active') ? 'Y' : 'N';
+  const has_wheel = document.querySelector('.iw-opt[data-opt="W"]').classList.contains('active') ? 'Y' : 'N';
+  const has_frame = document.querySelector('.iw-opt[data-opt="F"]').classList.contains('active') ? 'Y' : 'N';
+
+  const installWrap = document.querySelector('.container-chips[data-action="INSTALL"]');
+
+  const icon = getContainerIconByType(type);
+  const chip = `
+    <span class="chip chip-company iw-install-chip"
+      data-type="${type}"
+      data-capacity="${capacity || ''}"
+      data-is_used="${is_used}"
+      data-has_lock="${has_lock}"
+      data-has_wheel="${has_wheel}"
+      data-has_frame="${has_frame}">
+
+      <i class="bi ${icon}"></i>
+      ${is_used === 'Y' ? 'Used ' : ''}${type}
+      ${has_lock  === 'Y' ? ' <i class="bi bi-lock-fill"></i>' : ''}
+      ${has_wheel === 'Y' ? ' <i class="bi bi-gear-fill"></i>' : ''}
+      ${has_frame === 'Y' ? ' <i class="bi bi-bounding-box-circles"></i>' : ''}
+    </span>
+  `;
+
+  installWrap.insertAdjacentHTML('beforeend', chip);
+  bindInstallChipEvents();
+  upsertInstallContainers();
+}
+
+function upsertInstallContainers() {
+
+  const wrap = document.querySelector('.container-chips[data-action="INSTALL"]');
+
+  const items = [...wrap.querySelectorAll('.iw-install-chip')].map(el => ({
+    action: 'INSTALL',
+    type: el.dataset.type,
+    capacity: el.dataset.capacity || null,
+    is_used: el.dataset.is_used || 'N',
+    has_lock: el.dataset.has_lock || 'N',
+    has_wheel: el.dataset.has_wheel || 'N',
+    has_frame: el.dataset.has_frame || 'N',
+    owner_type: 'C'
+  }));
+
+  api('install_wait_upsert_containers', {
+    iw_uid: InstallWait.iw_uid,
+    action: 'INSTALL',
+    items
+  });
+}
+
+function bindInstallChipEvents() {
+
+  const installWrap = document.querySelector('.container-chips[data-action="INSTALL"]');
+  if (!installWrap) return;
+
+  installWrap.querySelectorAll('.iw-install-chip').forEach(chip => {
+
+    chip.onclick = () => {
+      chip.remove();
+      upsertInstallContainers();
+    };
+  });
+}
+
+function initInstallWaitDatePickers() {
+
+  if (!$.fn.datepicker) return;
+
+  $('.date-picker-form').datepicker({
+    dateFormat: 'yy-mm-dd',
+    changeMonth: true,
+    changeYear: true
+  });
+}
+
+function fillRequestBySelect(selectedValue = 'Customer') {
+  const sel = document.getElementById('iwRequestBy');
+  if (!sel || !window.IW_REQUEST_BY_OPTIONS) return;
+
+  sel.innerHTML = window.IW_REQUEST_BY_OPTIONS;
+
+  if (!sel.querySelector(`option[value="${selectedValue}"]`)) {
+    selectedValue = 'Customer';
+  }
+
+  sel.value = selectedValue;
+}
+
+// 이미지 여부 체크
+function checkCustomerHasImages(customerUid) {
+  if (!customerUid) return;
+
+  const btn = document.getElementById('btnViewPhotos');
+  if (!btn) return;
+
+  const params = new URLSearchParams({
+    customer_uid: customerUid,
+    i_type: 'install_order'
+  });
+
+  fetch('/lib/customer_image.php?' + params.toString())
+    .then(res => res.text())
+    .then(html => {
+
+      const temp = document.createElement('div');
+      temp.innerHTML = html;
+
+      const hasImage = temp.querySelector('img') !== null;
+
+      console.log('hasImage:', hasImage);
+
+      if (hasImage) {
+        btn.classList.remove('d-none');
+        btn.onclick = () => openCustomerImages(customerUid);
+      } else {
+        btn.classList.add('d-none');
+      }
+    })
+    .catch(() => {
+      btn.classList.add('d-none');
+    });
+}
+
+function bindStep3Toggles() {
+
+  const btnTwo = document.getElementById('btnTwoPerson');
+  const reason = document.getElementById('iwTwoPersonReason');
+
+  btnTwo.onclick = () => {
+    const on = btnTwo.classList.toggle('iw-toggle-on');
+
+    reason.disabled = !on;
+    if (!on) reason.value = '';
+  };
+
+  const btnRec = document.getElementById('btnRecurring');
+  const days = document.getElementById('iwRecurringDays');
+
+  btnRec.onclick = () => {
+    const on = btnRec.classList.toggle('iw-toggle-on');
+
+    days.disabled = !on;
+    if (!on) days.value = '';
+  };
+}
+
+function getContainerIconByType(type) {
+
+  type = (type || '').toUpperCase();
+
+  if (type.includes('D')) return 'bi-database-fill';        // Drum
+  if (type.includes('B') && !type.includes('BUCKET'))
+    return 'bi-archive-fill';                               // Bin
+
+  return 'bi-box2';                                         // Fallback
+}
+
+function renderDbChipCommon(r, cls) {
+  const type = (r.iwc_type || '').toUpperCase();
+  const icon = getContainerIconByType(type);
+
+  const isRestaurantOwned = (r.iwc_owner_type || 'C') === 'O';
+  const chipClass = isRestaurantOwned
+    ? `chip chip-restaurant ${cls}`
+    : `chip chip-company ${cls}`;
+
+  const ownerBadge = isRestaurantOwned ? '<span class="chip-owner">O</span>' : '';
+
+  const flags =
+    (r.iwc_has_lock === 'Y'  ? ' <i class="bi bi-lock-fill"></i>' : '') +
+    (r.iwc_has_wheel === 'Y' ? ' <i class="bi bi-gear-fill"></i>' : '') +
+    ((r.iwc_has_woodframe || 'N') === 'Y'
+      ? ' <i class="bi bi-bounding-box-circles"></i>'
+      : '');
+
+  const used = r.iwc_is_used === 'Y' ? 'Used ' : '';
+
+  return `
+    <span class="${chipClass}"
+      data-type="${r.iwc_type}"
+      data-capacity="${r.iwc_capacity || ''}"
+      data-is_used="${r.iwc_is_used || 'N'}"
+      data-owner_type="${r.iwc_owner_type || 'C'}"
+      data-has_lock="${r.iwc_has_lock || 'N'}"
+      data-has_wheel="${r.iwc_has_wheel || 'N'}"
+      data-has_frame="${r.iwc_has_woodframe || 'N'}">
+      ${ownerBadge}
+      <i class="bi ${icon}"></i>
+      ${used}${r.iwc_type}
+      ${flags}
+    </span>
+  `;
+}
+
+function renderPickupChipFromDB(r) {
+  return renderDbChipCommon(r, 'iw-current-chip'); // PICKUP는 current-chip 클래스 재사용
+}
+
+function renderInstallChipFromDB(r) {
+  return renderDbChipCommon(r, 'iw-install-chip');
+}
+
+
+// Complete 액션 종료 후
+function finishInstallWaitComplete() {
+
+  const modalEl = document.getElementById('addInstallWaitModal');
+
+  // 모달 완전히 닫힌 뒤 리로드
+  modalEl.addEventListener('hidden.bs.modal', function onHidden() {
+    modalEl.removeEventListener('hidden.bs.modal', onHidden);
+
+    // 상태 정리
+    InstallWait = { step: 1 };
+
+    // 이 시점에 리로드
+    location.reload();
+  });
+
+  // 모달 닫기 (애니메이션 시작)
+  const modal = bootstrap.Modal.getInstance(modalEl);
+  if (modal) modal.hide();
+}
diff --git a/public_html/lib/add_install_wait_modal.php b/public_html/lib/add_install_wait_modal.php
new file mode 100644
index 0000000..380ff98
--- /dev/null
+++ b/public_html/lib/add_install_wait_modal.php
@@ -0,0 +1,249 @@
+<div class="install-wait-viewport">
+	
+	<div class="install-wait-steps-wrapper">
+
+		<!-- STEP 1 -->
+		<div class="install-wait-step" id="installWaitStep1">
+
+		<div class="step-content">
+
+			<div class="mb-3">
+				<div class="fw-bold">Step 1 of 3 - Select customer</div>
+			</div>
+
+			<hr>
+
+			<div class="mb-3">
+				<label class="form-label">Search customer</label>
+				<input type="text" id="customerSearchInput" class="form-control" placeholder="Customer / Account">
+			</div>
+
+			<div id="customerSearchResult" class="border rounded p-2" style="min-height:300px; max-height:300px; overflow-y:auto;">
+			</div>
+
+		</div>
+
+		<div class="d-flex justify-content-end mt-3">
+			<button id="btnStep1Next" class="btn btn-sm btn-secondary d-flex align-items-center gap-1" disabled>
+			<span>Next</span> 
+			<i class="bi bi-arrow-right"></i>
+			</button>
+		</div>
+
+		</div>
+
+		<!-- STEP 2 -->
+		<div class="install-wait-step" id="installWaitStep2">
+
+		<div class="step-content">
+
+			<div class="mb-3">
+				<div class="fw-bold">Step 2 of 3 - Job Type</div>
+			</div>
+
+			<hr>
+
+			<div class="mb-3 p-3 bg-light rounded">
+				<div class="row g-2">
+					<div class="col-md-4">
+						<label class="form-label small text-muted mb-1">Account</label>
+						<input type="text" id="iwCustomerAccount" class="form-control form-control-sm" readonly>
+					</div>
+					<div class="col-md-8">
+						<label class="form-label small text-muted mb-1">Customer name</label>
+						<input type="text" id="iwCustomerName" class="form-control form-control-sm">
+					</div>
+					<div class="col-md-12">
+						<label class="form-label small text-muted mb-1">Address</label>
+						<input type="text" id="iwCustomerAddress" class="form-control form-control-sm">
+					</div>
+					<div class="col-md-4">
+						<label class="form-label small text-muted mb-1">City</label>
+						<input type="text" id="iwCustomerCity" class="form-control form-control-sm">
+					</div>
+					<div class="col-md-4">
+						<label class="form-label small text-muted mb-1">Postal code</label>
+						<input type="text" id="iwCustomerPostal" class="form-control form-control-sm">
+					</div>
+					<div class="col-md-4">
+						<label class="form-label small text-muted mb-1">Phone</label>
+						<input type="text" id="iwCustomerPhone" class="form-control form-control-sm">
+					</div>
+				</div>
+			</div>
+
+			<div class="iw-job-grid">
+				<button class="iw-job-card" data-job="INSTALL">
+					<i class="bi bi-plus-square"></i>
+					<span>Install</span>
+				</button>
+
+				<button class="iw-job-card" data-job="PICKUP">
+					<i class="bi bi-dash-square"></i>
+					<span>Pickup</span>
+				</button>
+
+				<button class="iw-job-card" data-job="EXCHANGE">
+					<i class="bi bi-arrow-left-right"></i>
+					<span>Exchange</span>
+				</button>
+
+				<button class="iw-job-card" data-job="RELOCATE">
+					<i class="bi bi-arrows-move"></i>
+					<span>Relocate</span>
+				</button>
+
+				<button class="iw-job-card" data-job="CLEAN">
+					<i class="bi bi-brush"></i>
+					<span>Clean</span>
+				</button>
+
+			</div>
+		</div>
+
+		<div class="d-flex justify-content-between mt-4">
+			<button id="btnStep2Back" class="btn btn-sm btn-outline-secondary d-flex align-items-center gap-1">
+				<i class="bi bi-arrow-left"></i>
+				<span>Back</span>
+			</button>
+			<button id="btnStep2Next" class="btn btn-sm btn-secondary d-flex align-items-center gap-1" disabled>
+				<span>Next (Draft)</span>
+				<i class="bi bi-arrow-right"></i>
+			</button>
+		</div>
+
+		</div>
+
+		<div class="install-wait-step" id="installWaitStep3">
+
+			<div class="step-content">
+
+				<div class="mb-3">
+					<div class="fw-bold" id="iwStep3Title"></div>
+				</div>
+
+				<hr>
+
+				<!-- JS가 action box를 생성 -->
+				<div id="iwStep3ContainerArea" class="task-actions mt-2"></div>
+
+				<!-- Row 1 : Req date + Due date -->
+				<div class="row g-2 mb-3 align-items-end">
+					<div class="col-md-6">
+						<label class="form-label small">Request date</label>
+						<input type="text" id="iwRequestDate" class="form-control form-control-sm date-picker-form" autocomplete="off" placeholder="<?=date('Y-m-d')?>" readonly>
+					</div>
+					<div class="col-md-6">
+						<label class="form-label small">Due date</label>
+						<input type="text" id="iwScheduleDate" class="form-control form-control-sm date-picker-form" autocomplete="off" placeholder="yyyy-mm-dd" readonly>
+					</div>
+				</div>
+
+				<!-- Row 2 : Req By + Photos -->
+				<div class="row g-2 mb-3 align-items-end">
+					<div class="col-md-6">
+						<label class="form-label small">Request By</label>
+						<select id="iwRequestBy" class="form-select form-select-sm"></select>
+					</div>
+					<div class="col-md-6">
+						<div class="d-flex justify-content-between align-items-center">
+							<label class="form-label small">Photos</label>
+							<button type="button" id="btnViewPhotos" class="btn btn-sm btn-outline-primary d-none">
+								<i class="bi bi-image"></i> View
+							</button>
+						</div>
+						<input type="file" id="iwPhotos" class="form-control form-control-sm" multiple>
+					</div>
+				</div>
+
+				<!-- Row 3 : Request Note + CS Note -->
+				<div class="row g-2 mb-3">
+					<div class="col-md-6">
+						<label class="form-label small">Note from Request</label>
+						<textarea id="iwRequestNote" class="form-control form-control-sm" rows="2"></textarea>
+					</div>
+					<div class="col-md-6">
+						<label class="form-label small">Note for CS</label>
+						<textarea id="iwCsNote" class="form-control form-control-sm" rows="2"></textarea>
+					</div>
+				</div>
+
+				<!-- Row 4 : Two-person job + Recurring -->
+				<div class="row g-2 mb-3 align-items-start">
+
+					<!-- LEFT : Note for Install Driver -->
+					<div class="col-md-6">
+						<label class="form-label small">Note for Install Driver</label>
+						<textarea id="iwWorkNote" class="form-control form-control-sm" rows="2"></textarea>
+					</div>
+
+					<!-- RIGHT : Two-person + Recurring -->
+					<div class="col-md-6">
+						<label class="form-label small">Other Options</label>
+						<!-- Two-person row -->
+						<div class="row g-2 align-items-center mb-2">
+						<div class="col-md-4">
+							<button type="button"
+							id="btnTwoPerson"
+							class="btn btn-sm btn-outline-secondary w-100 d-flex align-items-center justify-content-center gap-2 iw-inline-ctrl">
+							<i class="bi bi-people"></i>
+							Two-person
+							</button>
+						</div>
+
+						<div class="col-md-8">
+							<div class="input-group input-group-sm iw-inline-ctrl">
+							<input id="iwTwoPersonReason"
+								class="form-control"
+								placeholder="Reason (required if enabled)"
+								disabled>
+							</div>
+						</div>
+						</div>
+
+						<!-- Recurring row -->
+						<div class="row g-2 align-items-center">
+						<div class="col-md-4">
+							<button type="button"
+							id="btnRecurring"
+							class="btn btn-sm btn-outline-secondary w-100 d-flex align-items-center justify-content-center gap-2 iw-inline-ctrl">
+							<i class="bi bi-arrow-repeat"></i>
+							Recurring
+							</button>
+						</div>
+
+						<div class="col-md-8">
+							<div class="input-group input-group-sm iw-inline-ctrl">
+							<input type="number"
+								id="iwRecurringDays"
+								class="form-control"
+								placeholder="Cycle (days)"
+								min="1"
+								disabled>
+							</div>
+						</div>
+						</div>
+
+					</div>
+
+				</div>
+
+
+			</div>
+
+			<!-- Footer -->
+			<div class="d-flex justify-content-between mt-4">
+				<button id="btnStep3Back" class="btn btn-sm btn-outline-secondary d-flex align-items-center gap-1">
+					<i class="bi bi-arrow-left"></i><span>Back</span>
+				</button>
+
+				<button id="btnStep3Complete" class="btn btn-sm btn-success d-flex align-items-center gap-1">
+					<i class="bi bi-check-lg"></i>Complete</button>
+			</div>
+
+		</div>
+
+
+
+	</div>
+</div>
diff --git a/public_html/lib/customer_container_chips.php b/public_html/lib/customer_container_chips.php
new file mode 100644
index 0000000..072a6de
--- /dev/null
+++ b/public_html/lib/customer_container_chips.php
@@ -0,0 +1,66 @@
+<?php
+if (empty($customerContainers) || !is_array($customerContainers)) return;
+
+$groupedContainers = [];
+
+/* group identical containers */
+foreach ($customerContainers as $cc) {
+    $key = implode('|', [
+        $cc['cc_type'],
+        $cc['cc_owner_type'],
+        $cc['cc_has_lock'],
+        $cc['cc_has_wheel'],
+        $cc['cc_has_woodframe'],
+    ]);
+
+    if (!isset($groupedContainers[$key])) {
+        $groupedContainers[$key] = [
+            'cc'  => $cc,
+            'cnt' => 0
+        ];
+    }
+    $groupedContainers[$key]['cnt']++;
+}
+?>
+
+<div class="container-chips inline-chips">
+<?php foreach ($groupedContainers as $g): ?>
+  <?php
+    $cc  = $g['cc'];
+    $cnt = $g['cnt'];
+
+    $type = strtoupper($cc['cc_type']);
+
+    if (strpos($type, 'D') !== false) {
+        $icon = 'bi-database-fill';
+    } elseif (strpos($type, 'B') !== false && strpos($type, 'BUCKET') === false) {
+        $icon = 'bi-archive-fill';
+    } else {
+        $icon = 'bi-box2';
+    }
+
+    $isRestaurantOwned = ($cc['cc_owner_type'] === 'O');
+    $chipClass = $isRestaurantOwned ? 'chip chip-restaurant' : 'chip chip-company';
+
+    $optIcons = '';
+    if ($cc['cc_has_lock'] === 'Y') $optIcons .= ' <i class="bi bi-lock-fill"></i>';
+    if ($cc['cc_has_wheel'] === 'Y') $optIcons .= ' <i class="bi bi-gear-fill"></i>';
+    if ($cc['cc_has_woodframe'] === 'Y') $optIcons .= ' <i class="bi bi-bounding-box-circles"></i>';
+  ?>
+
+  <span class="<?=$chipClass?>"
+        title="<?=$isRestaurantOwned ? 'Restaurant-owned (Do not remove)' : 'Customer container'?>">
+    <i class="bi <?=$icon?>"></i>
+    <?=$cc['cc_type']?>
+    <?=$optIcons?>
+
+    <?php if ($isRestaurantOwned): ?>
+      <span class="chip-flag">O</span>
+    <?php endif; ?>
+
+    <?php if ($cnt > 1): ?>
+      <span class="chip-count">x<?=$cnt?></span>
+    <?php endif; ?>
+  </span>
+<?php endforeach; ?>
+</div>
diff --git a/public_html/lib/customer_image.php b/public_html/lib/customer_image.php
new file mode 100644
index 0000000..19859b9
--- /dev/null
+++ b/public_html/lib/customer_image.php
@@ -0,0 +1,136 @@
+<?php
+include $_SERVER['DOCUMENT_ROOT'].'/include/session_include.php';
+
+$c_uid  = intval($_GET['customer_uid'] ?? 0);
+$i_type = trim($_GET['i_type'] ?? 'install_order');
+$showInactive = intval($_GET['show_inactive'] ?? 0);
+
+if (!$c_uid || !$i_type) {
+  echo '<div class="text-danger">Invalid request.</div>';
+  exit;
+}
+
+$i_type = mysqli_real_escape_string($jdb->DBConn, $i_type);
+
+// type
+$whereType = "";
+if (strtoupper($i_type) !== 'ALL') {
+  $whereType = "AND i.i_type = '{$i_type}'";
+}
+
+// status
+$statusWhere = "AND i.i_status = 'A'";
+if ($showInactive) {
+    $statusWhere = "AND i.i_status IN ('A','I')";
+}
+
+$sql = "
+  SELECT i.*,
+         m.m_firstname,
+         m.m_lastname,
+         m.m_initial
+  FROM tbl_customer_image i
+  LEFT JOIN tbl_member m ON m.m_uid = i.i_createdby
+  WHERE i.i_customeruid = '{$c_uid}'
+    {$whereType}
+    {$statusWhere}
+  ORDER BY i.i_createddate DESC
+";
+
+// 
+$rlt = mysqli_query($jdb->DBConn, $sql);
+if (!$rlt) {
+  echo '<div class="text-danger">Query error</div>';
+  exit;
+}
+
+// 결과 없을 때 체크
+if (mysqli_num_rows($rlt) === 0) {
+  echo '<div class="text-muted text-center py-4">No images.</div>';
+  exit;
+}
+
+// 
+$images = [];
+$meta   = [];
+
+while ($row = mysqli_fetch_assoc($rlt)) {
+
+  $files = explode(',', $row['i_filename']);
+
+  foreach ($files as $f) {
+    $f = trim($f);
+    if (!$f) continue; // 빈값
+
+    $images[] = $row['i_filepath'] . $f;
+
+    $meta[] = [
+      'note'    => $row['i_note'] ?? '',
+      'created' => $row['i_createddate'] ?? '',
+      'by'      => trim(($row['m_firstname'] ?? '').' '.($row['m_lastname'] ?? '')),
+      'type'    => $row['i_type'] ?? ''
+    ];
+  }
+}
+
+$total = count($images);
+if ($total === 0) {
+  echo '<div class="text-muted text-center py-4">No images.</div>';
+  exit;
+}
+
+// JSON을 data-attribute로 심기
+$imagesJson = htmlspecialchars(json_encode($images), ENT_QUOTES);
+$metaJson   = htmlspecialchars(json_encode($meta), ENT_QUOTES);
+?>
+
+<style>
+.customer-image-slider { text-align:center; }
+.customer-image-slider img {
+  max-width:100%;
+  max-height:60vh;
+  object-fit:contain;
+  border-radius:8px;
+  border:1px solid #ddd;
+}
+.slider-nav { display:flex; justify-content:space-between; margin-top:10px; }
+.slider-nav button { min-width:100px; }
+.slider-indicator { text-align:center; margin-top:6px; font-size:13px; color:#666; }
+.slider-meta { margin-top:10px; font-size:13px; color:#555; line-height:1.4; }
+</style>
+
+<div id="customerImageSlider"
+     class="customer-image-slider"
+     data-images="<?=$imagesJson?>"
+     data-meta="<?=$metaJson?>">
+
+  <img id="sliderImage" src="<?=htmlspecialchars($images[0])?>" alt="Image">
+
+  <div class="slider-nav">
+    <button type="button"
+            id="btnPrevImage"
+            class="btn btn-outline-secondary btn-sm"
+            title="Previous">
+      <i class="bi bi-chevron-left"></i>
+    </button>
+
+    <button type="button"
+            id="btnNextImage"
+            class="btn btn-outline-secondary btn-sm"
+            title="Next">
+      <i class="bi bi-chevron-right"></i>
+    </button>
+  </div>
+
+  <div class="slider-indicator">
+    <span id="sliderIndex">1</span> / <?=$total?>
+  </div>
+
+  <div class="slider-meta" id="sliderMeta">
+    <b>Type:</b> <?=nl2br(htmlspecialchars($meta[0]['type']))?><br>
+    <b>Note:</b> <?=nl2br(htmlspecialchars($meta[0]['note']))?><br>
+    <b>Created:</b> <?=($meta[0]['created'] ? date('Y-m-d H:i', strtotime($meta[0]['created'])) : '')?><br>
+    <b>By:</b> <?=htmlspecialchars($meta[0]['by'])?>
+  </div>
+
+</div>
diff --git a/public_html/lib/user_process.php b/public_html/lib/user_process.php
index ed55ec6..7f621cc 100644
--- a/public_html/lib/user_process.php
+++ b/public_html/lib/user_process.php
@@ -546,15 +546,18 @@ if ($actionStr == "ADDIMAGE") {
         if ($fileError != 0) continue;
 
         // 확장자
-        $ext = pathinfo($fileName, PATHINFO_EXTENSION);
+        $ext = strtolower(pathinfo($fileName, PATHINFO_EXTENSION));
+		$allowedExt = ['jpg', 'jpeg', 'png', 'webp'];
+        if (!in_array($ext, $allowedExt)) continue;
 
-        // 새 파일명 생성
-        $newFileName = "IMG_".$i_customeruid."_".time().rand(1000,9999)."_".$i.".".$ext;
+        // 새 파일명 생성 (jpg로 통일)
+        $newFileName = "IMG_".$i_customeruid."_".time().rand(1000,9999)."_".$i.".jpg";
 
         // 저장 경로
         $savePath = $upload_folder . "/" . $newFileName;
 
-        if (!move_uploaded_file($fileTmp, $savePath)) {
+        // 이미지 압축 + 리사이즈 저장
+        if (!compressAndResizeImage($fileTmp, $savePath, $ext, 1200, 75)) {
             continue;
         }
 
@@ -698,14 +701,20 @@ if ($actionStr == "UPDATEIMAGEFULL") {
 
             if ($_FILES['upload_file']['error'][$i] != 0) continue;
 
-            $ext = pathinfo($_FILES['upload_file']['name'][$i], PATHINFO_EXTENSION);
-            $newName = "IMG_".$i_customeruid."_".time().rand(1000,9999)."_".$i.".".$ext;
+            $ext = strtolower(pathinfo($_FILES['upload_file']['name'][$i], PATHINFO_EXTENSION));
 
-            $savePath = $upload_folder . $newName;
+			$allowedExt = ['jpg', 'jpeg', 'png', 'webp'];
+			if (!in_array($ext, $allowedExt)) continue;
 
-            if (move_uploaded_file($_FILES['upload_file']['tmp_name'][$i], $savePath)) {
-                $newList[] = $newName;
-            }
+			// 파일명 jpg로 통일
+			$newName = "IMG_".$i_customeruid."_".time().rand(1000,9999)."_".$i.".jpg";
+
+			$savePath = $upload_folder . $newName;
+
+			// 압축 + 리사이즈
+			if (compressAndResizeImage($_FILES['upload_file']['tmp_name'][$i], $savePath, $ext, 1200, 75)) {
+				$newList[] = $newName;
+			}
         }
     }
 
@@ -1206,6 +1215,60 @@ if ($actionStr == "SIGNATURE") {
 			exit();
 }
 
+function compressAndResizeImage($srcPath, $destPath, $ext, $maxWidth = 1200, $quality = 75) {
+    list($width, $height, $imageType) = getimagesize($srcPath);
+
+    if (!$width || !$height) return false;
+
+    switch ($imageType) {
+        case IMAGETYPE_JPEG:
+            $srcImg = imagecreatefromjpeg($srcPath);
+            break;
+        case IMAGETYPE_PNG:
+            $srcImg = imagecreatefrompng($srcPath);
+            break;
+        case IMAGETYPE_WEBP:
+            if (!function_exists('imagecreatefromwebp')) return false;
+            $srcImg = imagecreatefromwebp($srcPath);
+            break;
+        default:
+            return false;
+    }
+
+    if (!$srcImg) return false;
+
+    if ($width > $maxWidth) {
+        $newWidth = $maxWidth;
+        $newHeight = intval(($height / $width) * $newWidth);
+    } else {
+        $newWidth = $width;
+        $newHeight = $height;
+    }
+
+    $dstImg = imagecreatetruecolor($newWidth, $newHeight);
+
+    if ($imageType == IMAGETYPE_PNG || $imageType == IMAGETYPE_WEBP) {
+        imagealphablending($dstImg, false);
+        imagesavealpha($dstImg, true);
+        $transparent = imagecolorallocatealpha($dstImg, 0, 0, 0, 127);
+        imagefilledrectangle($dstImg, 0, 0, $newWidth, $newHeight, $transparent);
+    }
+
+    imagecopyresampled(
+        $dstImg, $srcImg,
+        0, 0, 0, 0,
+        $newWidth, $newHeight,
+        $width, $height
+    );
+
+    $result = imagejpeg($dstImg, $destPath, $quality);
+
+    imagedestroy($srcImg);
+    imagedestroy($dstImg);
+
+    return $result;
+}
+
 
 $msg = "Invalid data. Please try again.";
 $func -> modalMsg ($msg, "/index_intranet.php");