@extends('layouts.front.shell')

@section('cssdefine')

<link rel="stylesheet" type="text/css" href="{{ asset('css/page/part/project/log_edit.css') }}">

@endsection

@section('content')

<div id="content_area" class="shrink">
    <div class="container-fluid">
        <div class="row">
            <div class="col">
                <div class="w-100 content_layer rounded_lv4 issue_item">
                    <div class="container-fluid">
                        <div class="row mb-3">
                            <div class="col-auto">
                                <div class="cursor_pointer btn_icon_word icon_sm" onclick="history.back();" style="z-index: 1;">
                                    <i class="fas fa-arrow-left"></i>
                                </div>
                            </div>
                            <div class="col main_title mb-3 mb-lg-0">[事項名稱]－編輯/新增待處理事項</div>
                            <div class="col-auto">
                                <div class="tag_frame tag_warn text-nowrap border issue_item_status">未完成</div>
                            </div>
                        </div>
                        <div class="row mt-4">
                            <div class="col-sm-6 col-xl-3 form-group">
                                <label for="issue_name">待處理事項名稱</label>
                                <input type="text" id="issue_name" class="form-control form_control_cover inputbox_primary">
                            </div>
                            <div class="col-sm-6 col-xl-3 form-group">
                                <label for="project_name">專案名稱</label>
                                <select class="form-control form_control_cover inputbox_primary">
                                    <option>請選擇專案</option>
                                </select>
                            </div>
                            <div class="col-xl-6">
                                <label>處理時程</label>
                                <div class="form-row">
                                    <div class="col-6 form-group">
                                        <input type="date" id="task_date_start" class="form-control form_control_cover inputbox_primary">
                                    </div>
                                    <div class="col-6 form-group">
                                        <input type="date" id="task_date_end" class="form-control form_control_cover inputbox_primary">
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-6 col-xl-3 form-group">
                                <label for="check_data">檢查點</label>
                                <input type="date" id="check_data" class="form-control form_control_cover inputbox_primary">
                            </div>
                            <div class="w-100 d-lg-none"></div>
                            <div class="col-xl">
                                <div class="row">
                                    <div class="col-sm-6 form-group">
                                        <label>參與人</label>
                                        <button class="btn_text text_sm btn_primary" data-toggle="modal" data-target="#member_modal" id="issue_member_btn">編輯參與人</button>
                                        <div class="fsize_1rem mt-1 color_secondary" id="member_list">
                                            <span class="font-italic font-weight-bold">王曉明、王小美、吳小仁、劉曉華、陳筱君&ensp;和其他10人</span>
                                        </div>
                                    </div>
                                    <div class="col-sm-6 form-group">
                                        <label>負責人</label>
                                        <button class="btn_text text_sm btn_primary" data-toggle="modal" data-target="#manager_modal" id="issue_manager_btn">編輯負責人</button>
                                        <div class="fsize_1rem mt-1 color_secondary" id="manager_list">
                                            <span class="font-italic font-weight-bold">王曉明、王小美、吳小仁、劉曉華、陳筱君&ensp;和其他10人</span>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-12 form-group">
                                <label for="issue_memo">內容</label>
                                <textarea id="issue_memo" class="form-control form_control_cover inputbox_primary"></textarea>
                            </div>
                            <div class="col-12">
                                <div class="d-inline-flex justify-content-center w-100">
                                    <button class="btn_text text_sm btn_primary" id="done_issue_check_btn">確定完成</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div data-bs-spy="scroll" data-bs-target="#list-example" data-bs-offset="0" class="scrollspy-example mt-3" tabindex="0">
                    <div id="list-item-0" class="rounded_lv4 task_item">
                        <div class="area">
                            <div class="container-fluid">
                                <div class="row">
                                    <div class="col-12 mb-2">
                                        <div class="row justify-content-between align-items-center">
                                            <div class="col-auto h5 font-weight-bold"><span class="serial_number"></span></div>
                                            <div class="col-auto">
                                                <div class="tag_frame tag_warn text-nowrap border task_item_status">未完成</div>
                                            </div>
                                        </div>

                                    </div>
                                    <div class="col-xl-3 form-group">
                                        <label for="task_name_0">任務名稱</label>
                                        <input type="text" id="task_name_0" class="form-control form_control_cover inputbox_primary">
                                    </div>
                                    <div class="col-xl-6">
                                        <label>任務時程</label>
                                        <div class="form-row">
                                            <div class="col-6 form-group">
                                                <input type="date" id="issue_date_start_0" class="form-control form_control_cover inputbox_primary">
                                            </div>
                                            <div class="col-6 form-group">
                                                <input type="date" id="issue_date_end_0" class="form-control form_control_cover inputbox_primary">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="w-100 d-lg-none"></div>
                                    <div class="col-xl">
                                        <div class="row">
                                            <div class="col-sm-12 form-group">
                                                <label>處理人員</label>
                                                <button class="btn_text text_sm btn_primary staff_edit_btn" data-toggle="modal" data-target="#staff_modal">處理人員</button>
                                                <div class="fsize_1rem mt-1 color_secondary staff_list">
                                                    <span class="font-italic font-weight-bold">王曉明、王小美、吳小仁、劉曉華、陳筱君&ensp;和其他10人</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <button class="btn_text text_sm btn_secondary half_circle collapse_btn" data-toggle="collapse" data-target="#collapse_0">
                                <i class="fas fa-plus"></i>&ensp;<span>展開</span>
                            </button>
                        </div>
                        <div class="area border-top collapse" id="collapse_0">
                            <div class="container-fluid">
                                <div class="row">
                                    <div class="col-12 form-group pt-3">
                                        <label for="task_memo">內容</label>
                                        <textarea id="task_memo" class="form-control form_control_cover inputbox_primary"></textarea>
                                    </div>
                                    <div class="col-12">
                                        <div class="d-inline-flex justify-content-center w-100">
                                            <button class="btn_text text_sm btn_warn delete_task_check_btn mr-5" data-href="list-item-0">刪除任務</button>
                                            <button class="btn_text text_sm btn_primary done_task_check_btn">確定完成</button>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div id="list-item-1" class="rounded_lv4 task_item">
                        <div class="area">
                            <div class="container-fluid">
                                <div class="row">
                                    <div class="col-12 mb-2">
                                        <div class="row justify-content-between align-items-center">
                                            <div class="col-auto h5 font-weight-bold"><span class="serial_number"></span></div>
                                            <div class="col-auto">
                                                <div class="tag_frame tag_warn text-nowrap border task_item_status">未完成</div>
                                            </div>
                                        </div>

                                    </div>
                                    <div class="col-xl-3 form-group">
                                        <label for="task_name_1">任務名稱</label>
                                        <input type="text" id="task_name_1" class="form-control form_control_cover inputbox_primary">
                                    </div>
                                    <div class="col-xl-6">
                                        <label>任務時程</label>
                                        <div class="form-row">
                                            <div class="col-6 form-group">
                                                <input type="date" id="issue_date_start_1" class="form-control form_control_cover inputbox_primary">
                                            </div>
                                            <div class="col-6 form-group">
                                                <input type="date" id="issue_date_end_1" class="form-control form_control_cover inputbox_primary">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="w-100 d-lg-none"></div>
                                    <div class="col-xl">
                                        <div class="row">
                                            <div class="col-sm-12 form-group">
                                                <label>處理人員</label>
                                                <button class="btn_text text_sm btn_primary staff_edit_btn" data-toggle="modal" data-target="#staff_modal">處理人員</button>
                                                <div class="fsize_1rem mt-1 color_secondary staff_list">
                                                    <span class="font-italic font-weight-bold">王曉明、王小美、吳小仁、劉曉華、陳筱君&ensp;和其他10人</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <button class="btn_text text_sm btn_secondary half_circle collapse_btn" data-toggle="collapse" data-target="#collapse_1">
                                <i class="fas fa-plus"></i>&ensp;<span>展開</span>
                            </button>
                        </div>
                        <div class="area border-top collapse" id="collapse_1">
                            <div class="container-fluid">
                                <div class="row">
                                    <div class="col-12 form-group pt-3">
                                        <label for="task_memo">內容</label>
                                        <textarea id="task_memo" class="form-control form_control_cover inputbox_primary"></textarea>
                                    </div>
                                    <div class="col-12">
                                        <div class="d-inline-flex justify-content-center w-100">
                                            <button class="btn_text text_sm btn_warn delete_task_check_btn mr-5" data-href="list-item-1">刪除任務</button>
                                            <button class="btn_text text_sm btn_primary done_task_check_btn">確定完成</button>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div id="list-item-2" class="rounded_lv4 task_item">
                        <div class="area">
                            <div class="container-fluid">
                                <div class="row">
                                    <div class="col-12 mb-2">
                                        <div class="row justify-content-between align-items-center">
                                            <div class="col-auto h5 font-weight-bold"><span class="serial_number"></span></div>
                                            <div class="col-auto">
                                                <div class="tag_frame tag_warn text-nowrap border task_item_status">未完成</div>
                                            </div>
                                        </div>

                                    </div>
                                    <div class="col-xl-3 form-group">
                                        <label for="task_name_2">任務名稱</label>
                                        <input type="text" id="task_name_2" class="form-control form_control_cover inputbox_primary">
                                    </div>
                                    <div class="col-xl-6">
                                        <label>任務時程</label>
                                        <div class="form-row">
                                            <div class="col-6 form-group">
                                                <input type="date" id="issue_date_start_2" class="form-control form_control_cover inputbox_primary">
                                            </div>
                                            <div class="col-6 form-group">
                                                <input type="date" id="issue_date_end_2" class="form-control form_control_cover inputbox_primary">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="w-100 d-lg-none"></div>
                                    <div class="col-xl">
                                        <div class="row">
                                            <div class="col-sm-12 form-group">
                                                <label>處理人員</label>
                                                <button class="btn_text text_sm btn_primary staff_edit_btn" data-toggle="modal" data-target="#staff_modal">處理人員</button>
                                                <div class="fsize_1rem mt-1 color_secondary staff_list">
                                                    <span class="font-italic font-weight-bold">王曉明、王小美、吳小仁、劉曉華、陳筱君&ensp;和其他10人</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <button class="btn_text text_sm btn_secondary half_circle collapse_btn" data-toggle="collapse" data-target="#collapse_2">
                                <i class="fas fa-plus"></i>&ensp;<span>展開</span>
                            </button>
                        </div>
                        <div class="area border-top collapse" id="collapse_2">
                            <div class="container-fluid">
                                <div class="row">
                                    <div class="col-12 form-group pt-3">
                                        <label for="task_memo">內容</label>
                                        <textarea id="task_memo" class="form-control form_control_cover inputbox_primary"></textarea>
                                    </div>
                                    <div class="col-12">
                                        <div class="d-inline-flex justify-content-center w-100">
                                            <button class="btn_text text_sm btn_warn delete_task_check_btn mr-5" data-href="list-item-2">刪除任務</button>
                                            <button class="btn_text text_sm btn_primary done_task_check_btn">確定完成</button>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div id="list-item-3" class="rounded_lv4 task_item">
                        <div class="area">
                            <div class="container-fluid">
                                <div class="row">
                                    <div class="col-12 mb-2">
                                        <div class="row justify-content-between align-items-center">
                                            <div class="col-auto h5 font-weight-bold"><span class="serial_number"></span></div>
                                            <div class="col-auto">
                                                <div class="tag_frame tag_warn text-nowrap border task_item_status">未完成</div>
                                            </div>
                                        </div>

                                    </div>
                                    <div class="col-xl-3 form-group">
                                        <label for="task_name_3">任務名稱</label>
                                        <input type="text" id="task_name_3" class="form-control form_control_cover inputbox_primary">
                                    </div>
                                    <div class="col-xl-6">
                                        <label>任務時程</label>
                                        <div class="form-row">
                                            <div class="col-6 form-group">
                                                <input type="date" id="issue_date_start_3" class="form-control form_control_cover inputbox_primary">
                                            </div>
                                            <div class="col-6 form-group">
                                                <input type="date" id="issue_date_end_3" class="form-control form_control_cover inputbox_primary">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="w-100 d-lg-none"></div>
                                    <div class="col-xl">
                                        <div class="row">
                                            <div class="col-sm-12 form-group">
                                                <label>處理人員</label>
                                                <button class="btn_text text_sm btn_primary staff_edit_btn" data-toggle="modal" data-target="#staff_modal">處理人員</button>
                                                <div class="fsize_1rem mt-1 color_secondary staff_list">
                                                    <span class="font-italic font-weight-bold">王曉明、王小美、吳小仁、劉曉華、陳筱君&ensp;和其他10人</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <button class="btn_text text_sm btn_secondary half_circle collapse_btn" data-toggle="collapse" data-target="#collapse_3">
                                <i class="fas fa-plus"></i>&ensp;<span>展開</span>
                            </button>
                        </div>
                        <div class="area border-top collapse" id="collapse_3">
                            <div class="container-fluid">
                                <div class="row">
                                    <div class="col-12 form-group pt-3">
                                        <label for="task_memo">內容</label>
                                        <textarea id="task_memo" class="form-control form_control_cover inputbox_primary"></textarea>
                                    </div>
                                    <div class="col-12">
                                        <div class="d-inline-flex justify-content-center w-100">
                                            <button class="btn_text text_sm btn_warn delete_task_check_btn mr-5" data-href="list-item-3">刪除任務</button>
                                            <button class="btn_text text_sm btn_primary done_task_check_btn">確定完成</button>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div id="list-item-4" class="rounded_lv4 task_item">
                        <div class="area">
                            <div class="container-fluid">
                                <div class="row">
                                    <div class="col-12 mb-2">
                                        <div class="row justify-content-between align-items-center">
                                            <div class="col-auto h5 font-weight-bold"><span class="serial_number"></span></div>
                                            <div class="col-auto">
                                                <div class="tag_frame tag_warn text-nowrap border task_item_status">未完成</div>
                                            </div>
                                        </div>

                                    </div>
                                    <div class="col-xl-3 form-group">
                                        <label for="task_name_4">任務名稱</label>
                                        <input type="text" id="task_name_4" class="form-control form_control_cover inputbox_primary">
                                    </div>
                                    <div class="col-xl-6">
                                        <label>任務時程</label>
                                        <div class="form-row">
                                            <div class="col-6 form-group">
                                                <input type="date" id="issue_date_start_4" class="form-control form_control_cover inputbox_primary">
                                            </div>
                                            <div class="col-6 form-group">
                                                <input type="date" id="issue_date_end_4" class="form-control form_control_cover inputbox_primary">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="w-100 d-lg-none"></div>
                                    <div class="col-xl">
                                        <div class="row">
                                            <div class="col-sm-12 form-group">
                                                <label>處理人員</label>
                                                <button class="btn_text text_sm btn_primary staff_edit_btn" data-toggle="modal" data-target="#staff_modal">處理人員</button>
                                                <div class="fsize_1rem mt-1 color_secondary staff_list">
                                                    <span class="font-italic font-weight-bold">王曉明、王小美、吳小仁、劉曉華、陳筱君&ensp;和其他10人</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <button class="btn_text text_sm btn_secondary half_circle collapse_btn" data-toggle="collapse" data-target="#collapse_4">
                                <i class="fas fa-plus"></i>&ensp;<span>展開</span>
                            </button>
                        </div>
                        <div class="area border-top collapse" id="collapse_4">
                            <div class="container-fluid">
                                <div class="row">
                                    <div class="col-12 form-group pt-3">
                                        <label for="task_memo">內容</label>
                                        <textarea id="task_memo" class="form-control form_control_cover inputbox_primary"></textarea>
                                    </div>
                                    <div class="col-12">
                                        <div class="d-inline-flex justify-content-center w-100">
                                            <button class="btn_text text_sm btn_warn delete_task_check_btn mr-5" data-href="list-item-4">刪除任務</button>
                                            <button class="btn_text text_sm btn_primary done_task_check_btn">確定完成</button>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-5 col-xxl-4 d-none d-lg-flex">
                <div class="w-100">
                    <div id="bookmark_area" class="w-100 ">
                        <div class="position-relative content_layer rounded_lv4 mb-3">
                            <div class="container-fluid">
                                <div class="mb-4">
                                    <ul class="nav nav-pills tab_pills" id="pills-tab" role="tablist">
                                        <li class="nav-item text-center">
                                            <a class="nav-link active" data-toggle="pill" href="#task_mark" role="tab" aria-selected="true">任務概述</a>
                                        </li>
                                        <li class="nav-item text-center">
                                            <a class="nav-link " data-toggle="pill" href="#note" role="tab" aria-selected="true">紀錄</a>
                                        </li>
                                        <li class="nav-item text-center">
                                            <a class="nav-link " data-toggle="pill" href="#next_step" role="tab" aria-selected="true">下一步計畫</a>
                                        </li>
                                    </ul>
                                </div>
                                <div class="tab-content">
                                    <div class="tab-pane fade show active" id="task_mark">
                                        <div class="list-group mt-4 scrollbar_y">
                                            <a class="list-group-item list-group-item-action list_group_item d-inline-flex" href="#list-item-0">
                                                <span class="list_number font-weight-bold pr-3"></span>
                                                <span class="multiline_ellipsis clamp_2">[任務名稱_1]</span>
                                            </a>
                                            <a class="list-group-item list-group-item-action list_group_item d-inline-flex" href="#list-item-1">
                                                <span class="list_number font-weight-bold pr-3"></span>
                                                <span class="multiline_ellipsis clamp_2">[任務名稱_2]</span>
                                            </a>
                                            <a class="list-group-item list-group-item-action list_group_item d-inline-flex" href="#list-item-2">
                                                <span class="list_number font-weight-bold pr-3"></span>
                                                <span class="multiline_ellipsis clamp_2">[任務名稱_3]</span>
                                            </a>
                                            <a class="list-group-item list-group-item-action list_group_item d-inline-flex" href="#list-item-3">
                                                <span class="list_number font-weight-bold pr-3"></span>
                                                <span class="multiline_ellipsis clamp_2">[任務名稱_4]</span>
                                            </a>
                                            <a class="list-group-item list-group-item-action list_group_item d-inline-flex" href="#list-item-4">
                                                <span class="list_number font-weight-bold pr-3"></span>
                                                <span class="multiline_ellipsis clamp_2">[任務名稱_5]</span>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="note">
                                        <div class="row">
                                            <div class="col-12 form-group">
                                                <label for="idea" class="font-weight-bold">創新點紀錄</label>
                                                <textarea id="idea" class="form-control form_control_cover inputbox_primary"></textarea>
                                            </div>
                                            <div class="col-12 form-group">
                                                <label for="idea" class="font-weight-bold">瓶頸紀錄</label>
                                                <textarea id="idea" class="form-control form_control_cover inputbox_primary"></textarea>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="next_step">
                                        <div class="row justify-content-end mb-2">
                                            <div class="col-auto">
                                                <button class="btn_text btn_primary text_sm" data-toggle="modal" data-target="#plan_modal"><i class="far fa-plus"></i>&ensp;新增計劃</button>
                                            </div>
                                        </div>
                                        <div class="row list_container scrollbar_y" id="plan_list">
                                            <div class="col-12">
                                                <div class="row list_body align-items-center mb-0">
                                                    <div class="col">
                                                        <div class="multiline_ellipsis clamp_2" title="[顯示計劃名稱全名]">[計劃名稱計劃名稱計劃名稱計劃名稱計劃名稱計劃名稱計劃名稱]</div>
                                                    </div>
                                                    <div class="col-xl-auto">
                                                        <div class="row justify-content-end align-items-center">
                                                            <div class="col-md-auto py-md-0 list_tool_border">
                                                                <div class="d-inline-flex list_tool w-100 justify-content-end">
                                                                    <button class="btn_icon_word icon_sm btn_warn delete_task" title="刪除"><i class="fa-solid fa-trash"></i></button>
                                                                    <button class="btn_icon_word icon_sm btn_secondary" title="更多" data-toggle="modal" data-target="#plan_modal"><i class="fa-solid fa-ellipsis"></i></button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-12">
                                                <div class="row list_body align-items-center mb-0">
                                                    <div class="col">
                                                        <div class="multiline_ellipsis clamp_2" title="[顯示計劃名稱全名]">[計劃名稱計劃名稱計劃名稱計劃名稱計劃名稱計劃名稱計劃名稱]</div>
                                                    </div>
                                                    <div class="col-xl-auto">
                                                        <div class="row justify-content-end align-items-center">
                                                            <div class="col-md-auto py-md-0 list_tool_border">
                                                                <div class="d-inline-flex list_tool w-100 justify-content-end">
                                                                    <button class="btn_icon_word icon_sm btn_warn delete_task" title="刪除"><i class="fa-solid fa-trash"></i></button>
                                                                    <button class="btn_icon_word icon_sm btn_secondary" title="更多" data-toggle="modal" data-target="#plan_modal"><i class="fa-solid fa-ellipsis"></i></button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-12">
                                                <div class="row list_body align-items-center mb-0">
                                                    <div class="col">
                                                        <div class="multiline_ellipsis clamp_2" title="[顯示計劃名稱全名]">[計劃名稱計劃名稱計劃名稱計劃名稱計劃名稱計劃名稱計劃名稱]</div>
                                                    </div>
                                                    <div class="col-xl-auto">
                                                        <div class="row justify-content-end align-items-center">
                                                            <div class="col-md-auto py-md-0 list_tool_border">
                                                                <div class="d-inline-flex list_tool w-100 justify-content-end">
                                                                    <button class="btn_icon_word icon_sm btn_warn delete_task" title="刪除"><i class="fa-solid fa-trash"></i></button>
                                                                    <button class="btn_icon_word icon_sm btn_secondary" title="更多" data-toggle="modal" data-target="#plan_modal"><i class="fa-solid fa-ellipsis"></i></button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-12">
                                                <div class="row list_body align-items-center mb-0">
                                                    <div class="col">
                                                        <div class="multiline_ellipsis clamp_2" title="[顯示計劃名稱全名]">[計劃名稱計劃名稱計劃名稱計劃名稱計劃名稱計劃名稱計劃名稱]</div>
                                                    </div>
                                                    <div class="col-xl-auto">
                                                        <div class="row justify-content-end align-items-center">
                                                            <div class="col-md-auto py-md-0 list_tool_border">
                                                                <div class="d-inline-flex list_tool w-100 justify-content-end">
                                                                    <button class="btn_icon_word icon_sm btn_warn delete_task" title="刪除"><i class="fa-solid fa-trash"></i></button>
                                                                    <button class="btn_icon_word icon_sm btn_secondary" title="更多" data-toggle="modal" data-target="#plan_modal"><i class="fa-solid fa-ellipsis"></i></button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-12">
                                                <div class="row list_body align-items-center mb-0">
                                                    <div class="col">
                                                        <div class="multiline_ellipsis clamp_2" title="[顯示計劃名稱全名]">[計劃名稱計劃名稱計劃名稱計劃名稱計劃名稱計劃名稱計劃名稱]</div>
                                                    </div>
                                                    <div class="col-xl-auto">
                                                        <div class="row justify-content-end align-items-center">
                                                            <div class="col-md-auto py-md-0 list_tool_border">
                                                                <div class="d-inline-flex list_tool w-100 justify-content-end">
                                                                    <button class="btn_icon_word icon_sm btn_warn delete_task" title="刪除"><i class="fa-solid fa-trash"></i></button>
                                                                    <button class="btn_icon_word icon_sm btn_secondary" title="更多" data-toggle="modal" data-target="#plan_modal"><i class="fa-solid fa-ellipsis"></i></button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-12">
                                                <div class="row list_body align-items-center mb-0">
                                                    <div class="col">
                                                        <div class="multiline_ellipsis clamp_2" title="[顯示計劃名稱全名]">[計劃名稱計劃名稱計劃名稱計劃名稱計劃名稱計劃名稱計劃名稱]</div>
                                                    </div>
                                                    <div class="col-xl-auto">
                                                        <div class="row justify-content-end align-items-center">
                                                            <div class="col-md-auto py-md-0 list_tool_border">
                                                                <div class="d-inline-flex list_tool w-100 justify-content-end">
                                                                    <button class="btn_icon_word icon_sm btn_warn delete_task" title="刪除"><i class="fa-solid fa-trash"></i></button>
                                                                    <button class="btn_icon_word icon_sm btn_secondary" title="更多" data-toggle="modal" data-target="#plan_modal"><i class="fa-solid fa-ellipsis"></i></button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-12">
                                                <div class="row list_body align-items-center mb-0">
                                                    <div class="col">
                                                        <div class="multiline_ellipsis clamp_2" title="[顯示計劃名稱全名]">[計劃名稱計劃名稱計劃名稱計劃名稱計劃名稱計劃名稱計劃名稱]</div>
                                                    </div>
                                                    <div class="col-xl-auto">
                                                        <div class="row justify-content-end align-items-center">
                                                            <div class="col-md-auto py-md-0 list_tool_border">
                                                                <div class="d-inline-flex list_tool w-100 justify-content-end">
                                                                    <button class="btn_icon_word icon_sm btn_warn delete_task" title="刪除"><i class="fa-solid fa-trash"></i></button>
                                                                    <button class="btn_icon_word icon_sm btn_secondary" title="更多" data-toggle="modal" data-target="#plan_modal"><i class="fa-solid fa-ellipsis"></i></button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-12">
                                                <div class="row list_body align-items-center mb-0">
                                                    <div class="col">
                                                        <div class="multiline_ellipsis clamp_2" title="[顯示計劃名稱全名]">[計劃名稱計劃名稱計劃名稱計劃名稱計劃名稱計劃名稱計劃名稱]</div>
                                                    </div>
                                                    <div class="col-xl-auto">
                                                        <div class="row justify-content-end align-items-center">
                                                            <div class="col-md-auto py-md-0 list_tool_border">
                                                                <div class="d-inline-flex list_tool w-100 justify-content-end">
                                                                    <button class="btn_icon_word icon_sm btn_warn delete_task" title="刪除"><i class="fa-solid fa-trash"></i></button>
                                                                    <button class="btn_icon_word icon_sm btn_secondary" title="更多" data-toggle="modal" data-target="#plan_modal"><i class="fa-solid fa-ellipsis"></i></button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-12">
                                                <div class="row list_body align-items-center mb-0">
                                                    <div class="col">
                                                        <div class="multiline_ellipsis clamp_2" title="[顯示計劃名稱全名]">[計劃名稱計劃名稱計劃名稱計劃名稱計劃名稱計劃名稱計劃名稱]</div>
                                                    </div>
                                                    <div class="col-xl-auto">
                                                        <div class="row justify-content-end align-items-center">
                                                            <div class="col-md-auto py-md-0 list_tool_border">
                                                                <div class="d-inline-flex list_tool w-100 justify-content-end">
                                                                    <button class="btn_icon_word icon_sm btn_warn delete_task" title="刪除"><i class="fa-solid fa-trash"></i></button>
                                                                    <button class="btn_icon_word icon_sm btn_secondary" title="更多" data-toggle="modal" data-target="#plan_modal"><i class="fa-solid fa-ellipsis"></i></button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-12">
                                                <div class="row list_body align-items-center mb-0">
                                                    <div class="col">
                                                        <div class="multiline_ellipsis clamp_2" title="[顯示計劃名稱全名]">[計劃名稱計劃名稱計劃名稱計劃名稱計劃名稱計劃名稱計劃名稱]</div>
                                                    </div>
                                                    <div class="col-xl-auto">
                                                        <div class="row justify-content-end align-items-center">
                                                            <div class="col-md-auto py-md-0 list_tool_border">
                                                                <div class="d-inline-flex list_tool w-100 justify-content-end">
                                                                    <button class="btn_icon_word icon_sm btn_warn delete_task" title="刪除"><i class="fa-solid fa-trash"></i></button>
                                                                    <button class="btn_icon_word icon_sm btn_secondary" title="更多" data-toggle="modal" data-target="#plan_modal"><i class="fa-solid fa-ellipsis"></i></button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="w-100 content_layer rounded_lv4">
                            <div class="container-fluid">
                                <div class="row justify-content-between">
                                    <div class="col-auto">
                                        <button class="btn_text btn_primary mb-1 add_task_btn"><i class="far fa-plus"></i>&ensp;新增任務</button>
                                    </div>
                                    <div class="col-auto">
                                        <button class="btn_text btn_primary mb-1 save_btn"><i class="far fa-save"></i>&ensp;儲存</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

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

</div>
<div id="tool_area" class="py-2 bg-light shrink border-top shadow-lg d-lg-none">
    <div class="form-row justify-content-end">
        <div class="col-auto">
            <div class="d-inline-flex">
                <button class="btn_text btn_primary mr-5 add_task_btn"><i class="far fa-plus"></i>&ensp;新增任務</button>
                <button class="btn_text btn_primary save_btn"><i class="far fa-save"></i>&ensp;儲存</button>
            </div>

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

<div class="modal fade modal_style" id="member_modal" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable" role="document">
        <div class="modal-content">
            <div class="modal-header d-block">
                <div class="row no-gutters">
                    <div class="col modal-title">
                        <div class="mb-3 font-weight-bold">待辦事項參與人</div>
                        <div class="input-group input-group-sm">
                            <input type="text" class="form-control form-control-sm form_control_cover inputbox_primary" placeholder="搜尋名稱">
                            <div class="input-group-append">
                                <button class="btn btn_secondary" type="button" id="button-addon2"><i class="fa-solid fa-magnifying-glass"></i></button>
                            </div>
                        </div>
                    </div>
                    <div class="col-auto">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <i class="fa-solid fa-xmark"></i>
                        </button>
                    </div>

                </div>
            </div>
            <div class="modal-body scrollbar_y">
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
            </div>
            <div class="modal-footer d-block">
                <div class="border rounded w-100 mb-3 px-3 py-2 scrollbar_y select_box">
                    <div class="fsize_1rem mb-2">專案參與人</div>
                    <div class="form-row">
                        <div class="col-auto mb-1 item">
                            <div class="tag_frame tag_primary">
                                <div class="form-row fsize_1rem align-items-center">
                                    <div class="col-auto">
                                        <img src="{{ asset('img/crew.jpg') }}" class="object_fit_cover crew_image_sm">
                                    </div>
                                    <div class="col-auto">[姓名]</div>
                                    <div class="col-auto cursor_pointer remove_crew"><i class="fa-solid fa-xmark"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto mb-1 item">
                            <div class="tag_frame tag_primary">
                                <div class="form-row fsize_1rem align-items-center">
                                    <div class="col-auto">
                                        <img src="{{ asset('img/crew.jpg') }}" class="object_fit_cover crew_image_sm">
                                    </div>
                                    <div class="col-auto">[姓名]</div>
                                    <div class="col-auto cursor_pointer remove_crew"><i class="fa-solid fa-xmark"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto mb-1 item">
                            <div class="tag_frame tag_primary">
                                <div class="form-row fsize_1rem align-items-center">
                                    <div class="col-auto">
                                        <img src="{{ asset('img/crew.jpg') }}" class="object_fit_cover crew_image_sm">
                                    </div>
                                    <div class="col-auto">[姓名]</div>
                                    <div class="col-auto cursor_pointer remove_crew"><i class="fa-solid fa-xmark"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto mb-1 item">
                            <div class="tag_frame tag_primary">
                                <div class="form-row fsize_1rem align-items-center">
                                    <div class="col-auto">
                                        <img src="{{ asset('img/crew.jpg') }}" class="object_fit_cover crew_image_sm">
                                    </div>
                                    <div class="col-auto">[姓名]</div>
                                    <div class="col-auto cursor_pointer remove_crew"><i class="fa-solid fa-xmark"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto mb-1 item">
                            <div class="tag_frame tag_primary">
                                <div class="form-row fsize_1rem align-items-center">
                                    <div class="col-auto">
                                        <img src="{{ asset('img/crew.jpg') }}" class="object_fit_cover crew_image_sm">
                                    </div>
                                    <div class="col-auto">[姓名]</div>
                                    <div class="col-auto cursor_pointer remove_crew"><i class="fa-solid fa-xmark"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto mb-1 item">
                            <div class="tag_frame tag_primary">
                                <div class="form-row fsize_1rem align-items-center">
                                    <div class="col-auto">
                                        <img src="{{ asset('img/crew.jpg') }}" class="object_fit_cover crew_image_sm">
                                    </div>
                                    <div class="col-auto">[姓名]</div>
                                    <div class="col-auto cursor_pointer remove_crew"><i class="fa-solid fa-xmark"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto mb-1 item">
                            <div class="tag_frame tag_primary">
                                <div class="form-row fsize_1rem align-items-center">
                                    <div class="col-auto">
                                        <img src="{{ asset('img/crew.jpg') }}" class="object_fit_cover crew_image_sm">
                                    </div>
                                    <div class="col-auto">[姓名]</div>
                                    <div class="col-auto cursor_pointer remove_crew"><i class="fa-solid fa-xmark"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto mb-1 item">
                            <div class="tag_frame tag_primary">
                                <div class="form-row fsize_1rem align-items-center">
                                    <div class="col-auto">
                                        <img src="{{ asset('img/crew.jpg') }}" class="object_fit_cover crew_image_sm">
                                    </div>
                                    <div class="col-auto">[姓名]</div>
                                    <div class="col-auto cursor_pointer remove_crew"><i class="fa-solid fa-xmark"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto mb-1 item">
                            <div class="tag_frame tag_primary">
                                <div class="form-row fsize_1rem align-items-center">
                                    <div class="col-auto">
                                        <img src="{{ asset('img/crew.jpg') }}" class="object_fit_cover crew_image_sm">
                                    </div>
                                    <div class="col-auto">[姓名]</div>
                                    <div class="col-auto cursor_pointer remove_crew"><i class="fa-solid fa-xmark"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto mb-1 item">
                            <div class="tag_frame tag_primary">
                                <div class="form-row fsize_1rem align-items-center">
                                    <div class="col-auto">
                                        <img src="{{ asset('img/crew.jpg') }}" class="object_fit_cover crew_image_sm">
                                    </div>
                                    <div class="col-auto">[姓名]</div>
                                    <div class="col-auto cursor_pointer remove_crew"><i class="fa-solid fa-xmark"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto mb-1 item">
                            <div class="tag_frame tag_primary">
                                <div class="form-row fsize_1rem align-items-center">
                                    <div class="col-auto">
                                        <img src="{{ asset('img/crew.jpg') }}" class="object_fit_cover crew_image_sm">
                                    </div>
                                    <div class="col-auto">[姓名]</div>
                                    <div class="col-auto cursor_pointer remove_crew"><i class="fa-solid fa-xmark"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto mb-1 item">
                            <div class="tag_frame tag_primary">
                                <div class="form-row fsize_1rem align-items-center">
                                    <div class="col-auto">
                                        <img src="{{ asset('img/crew.jpg') }}" class="object_fit_cover crew_image_sm">
                                    </div>
                                    <div class="col-auto">[姓名]</div>
                                    <div class="col-auto cursor_pointer remove_crew"><i class="fa-solid fa-xmark"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto mb-1 item">
                            <div class="tag_frame tag_primary">
                                <div class="form-row fsize_1rem align-items-center">
                                    <div class="col-auto">
                                        <img src="{{ asset('img/crew.jpg') }}" class="object_fit_cover crew_image_sm">
                                    </div>
                                    <div class="col-auto">[姓名]</div>
                                    <div class="col-auto cursor_pointer remove_crew"><i class="fa-solid fa-xmark"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto mb-1 item">
                            <div class="tag_frame tag_primary">
                                <div class="form-row fsize_1rem align-items-center">
                                    <div class="col-auto">
                                        <img src="{{ asset('img/crew.jpg') }}" class="object_fit_cover crew_image_sm">
                                    </div>
                                    <div class="col-auto">[姓名]</div>
                                    <div class="col-auto cursor_pointer remove_crew"><i class="fa-solid fa-xmark"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto mb-1 item">
                            <div class="tag_frame tag_primary">
                                <div class="form-row fsize_1rem align-items-center">
                                    <div class="col-auto">
                                        <img src="{{ asset('img/crew.jpg') }}" class="object_fit_cover crew_image_sm">
                                    </div>
                                    <div class="col-auto">[姓名]</div>
                                    <div class="col-auto cursor_pointer remove_crew"><i class="fa-solid fa-xmark"></i></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="form-row justify-content-end">
                    <div class="col-auto">
                        <button class="btn_text text_sm btn_secondary" data-dismiss="modal">取消</button>
                    </div>
                    <div class="col-auto">
                        <button class="btn_text text_sm btn_primary" data-dismiss="modal">儲存變更</button>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
<div class="modal fade modal_style" id="manager_modal" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable" role="document">
        <div class="modal-content">
            <div class="modal-header d-block">
                <div class="row no-gutters">
                    <div class="col modal-title">
                        <div class="mb-3 font-weight-bold">待辦事項負責人</div>
                        <div class="input-group input-group-sm">
                            <input type="text" class="form-control form-control-sm form_control_cover inputbox_primary" placeholder="搜尋名稱">
                            <div class="input-group-append">
                                <button class="btn btn_secondary" type="button" id="button-addon2"><i class="fa-solid fa-magnifying-glass"></i></button>
                            </div>
                        </div>
                    </div>
                    <div class="col-auto">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <i class="fa-solid fa-xmark"></i>
                        </button>
                    </div>

                </div>
            </div>
            <div class="modal-body scrollbar_y">
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
            </div>
            <div class="modal-footer d-block">
                <div class="border rounded w-100 mb-3 px-3 py-2 scrollbar_y select_box">
                    <div class="fsize_1rem mb-2">專案參與人</div>
                    <div class="form-row">
                        <div class="col-auto mb-1 item">
                            <div class="tag_frame tag_primary">
                                <div class="form-row fsize_1rem align-items-center">
                                    <div class="col-auto">
                                        <img src="{{ asset('img/crew.jpg') }}" class="object_fit_cover crew_image_sm">
                                    </div>
                                    <div class="col-auto">[姓名]</div>
                                    <div class="col-auto cursor_pointer remove_crew"><i class="fa-solid fa-xmark"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto mb-1 item">
                            <div class="tag_frame tag_primary">
                                <div class="form-row fsize_1rem align-items-center">
                                    <div class="col-auto">
                                        <img src="{{ asset('img/crew.jpg') }}" class="object_fit_cover crew_image_sm">
                                    </div>
                                    <div class="col-auto">[姓名]</div>
                                    <div class="col-auto cursor_pointer remove_crew"><i class="fa-solid fa-xmark"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto mb-1 item">
                            <div class="tag_frame tag_primary">
                                <div class="form-row fsize_1rem align-items-center">
                                    <div class="col-auto">
                                        <img src="{{ asset('img/crew.jpg') }}" class="object_fit_cover crew_image_sm">
                                    </div>
                                    <div class="col-auto">[姓名]</div>
                                    <div class="col-auto cursor_pointer remove_crew"><i class="fa-solid fa-xmark"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto mb-1 item">
                            <div class="tag_frame tag_primary">
                                <div class="form-row fsize_1rem align-items-center">
                                    <div class="col-auto">
                                        <img src="{{ asset('img/crew.jpg') }}" class="object_fit_cover crew_image_sm">
                                    </div>
                                    <div class="col-auto">[姓名]</div>
                                    <div class="col-auto cursor_pointer remove_crew"><i class="fa-solid fa-xmark"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto mb-1 item">
                            <div class="tag_frame tag_primary">
                                <div class="form-row fsize_1rem align-items-center">
                                    <div class="col-auto">
                                        <img src="{{ asset('img/crew.jpg') }}" class="object_fit_cover crew_image_sm">
                                    </div>
                                    <div class="col-auto">[姓名]</div>
                                    <div class="col-auto cursor_pointer remove_crew"><i class="fa-solid fa-xmark"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto mb-1 item">
                            <div class="tag_frame tag_primary">
                                <div class="form-row fsize_1rem align-items-center">
                                    <div class="col-auto">
                                        <img src="{{ asset('img/crew.jpg') }}" class="object_fit_cover crew_image_sm">
                                    </div>
                                    <div class="col-auto">[姓名]</div>
                                    <div class="col-auto cursor_pointer remove_crew"><i class="fa-solid fa-xmark"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto mb-1 item">
                            <div class="tag_frame tag_primary">
                                <div class="form-row fsize_1rem align-items-center">
                                    <div class="col-auto">
                                        <img src="{{ asset('img/crew.jpg') }}" class="object_fit_cover crew_image_sm">
                                    </div>
                                    <div class="col-auto">[姓名]</div>
                                    <div class="col-auto cursor_pointer remove_crew"><i class="fa-solid fa-xmark"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto mb-1 item">
                            <div class="tag_frame tag_primary">
                                <div class="form-row fsize_1rem align-items-center">
                                    <div class="col-auto">
                                        <img src="{{ asset('img/crew.jpg') }}" class="object_fit_cover crew_image_sm">
                                    </div>
                                    <div class="col-auto">[姓名]</div>
                                    <div class="col-auto cursor_pointer remove_crew"><i class="fa-solid fa-xmark"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto mb-1 item">
                            <div class="tag_frame tag_primary">
                                <div class="form-row fsize_1rem align-items-center">
                                    <div class="col-auto">
                                        <img src="{{ asset('img/crew.jpg') }}" class="object_fit_cover crew_image_sm">
                                    </div>
                                    <div class="col-auto">[姓名]</div>
                                    <div class="col-auto cursor_pointer remove_crew"><i class="fa-solid fa-xmark"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto mb-1 item">
                            <div class="tag_frame tag_primary">
                                <div class="form-row fsize_1rem align-items-center">
                                    <div class="col-auto">
                                        <img src="{{ asset('img/crew.jpg') }}" class="object_fit_cover crew_image_sm">
                                    </div>
                                    <div class="col-auto">[姓名]</div>
                                    <div class="col-auto cursor_pointer remove_crew"><i class="fa-solid fa-xmark"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto mb-1 item">
                            <div class="tag_frame tag_primary">
                                <div class="form-row fsize_1rem align-items-center">
                                    <div class="col-auto">
                                        <img src="{{ asset('img/crew.jpg') }}" class="object_fit_cover crew_image_sm">
                                    </div>
                                    <div class="col-auto">[姓名]</div>
                                    <div class="col-auto cursor_pointer remove_crew"><i class="fa-solid fa-xmark"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto mb-1 item">
                            <div class="tag_frame tag_primary">
                                <div class="form-row fsize_1rem align-items-center">
                                    <div class="col-auto">
                                        <img src="{{ asset('img/crew.jpg') }}" class="object_fit_cover crew_image_sm">
                                    </div>
                                    <div class="col-auto">[姓名]</div>
                                    <div class="col-auto cursor_pointer remove_crew"><i class="fa-solid fa-xmark"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto mb-1 item">
                            <div class="tag_frame tag_primary">
                                <div class="form-row fsize_1rem align-items-center">
                                    <div class="col-auto">
                                        <img src="{{ asset('img/crew.jpg') }}" class="object_fit_cover crew_image_sm">
                                    </div>
                                    <div class="col-auto">[姓名]</div>
                                    <div class="col-auto cursor_pointer remove_crew"><i class="fa-solid fa-xmark"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto mb-1 item">
                            <div class="tag_frame tag_primary">
                                <div class="form-row fsize_1rem align-items-center">
                                    <div class="col-auto">
                                        <img src="{{ asset('img/crew.jpg') }}" class="object_fit_cover crew_image_sm">
                                    </div>
                                    <div class="col-auto">[姓名]</div>
                                    <div class="col-auto cursor_pointer remove_crew"><i class="fa-solid fa-xmark"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto mb-1 item">
                            <div class="tag_frame tag_primary">
                                <div class="form-row fsize_1rem align-items-center">
                                    <div class="col-auto">
                                        <img src="{{ asset('img/crew.jpg') }}" class="object_fit_cover crew_image_sm">
                                    </div>
                                    <div class="col-auto">[姓名]</div>
                                    <div class="col-auto cursor_pointer remove_crew"><i class="fa-solid fa-xmark"></i></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="form-row justify-content-end">
                    <div class="col-auto">
                        <button class="btn_text text_sm btn_secondary" data-dismiss="modal">取消</button>
                    </div>
                    <div class="col-auto">
                        <button class="btn_text text_sm btn_primary" data-dismiss="modal">儲存變更</button>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
<div class="modal fade modal_style" id="staff_modal" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable" role="document">
        <div class="modal-content">
            <div class="modal-header d-block">
                <div class="row no-gutters">
                    <div class="col modal-title">
                        <div class="mb-3 font-weight-bold">任務處理人員</div>
                        <div class="input-group input-group-sm">
                            <input type="text" class="form-control form-control-sm form_control_cover inputbox_primary" placeholder="搜尋名稱">
                            <div class="input-group-append">
                                <button class="btn btn_secondary" type="button" id="button-addon2"><i class="fa-solid fa-magnifying-glass"></i></button>
                            </div>
                        </div>
                    </div>
                    <div class="col-auto">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <i class="fa-solid fa-xmark"></i>
                        </button>
                    </div>

                </div>
            </div>
            <div class="modal-body scrollbar_y">
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
                <div class="row align-items-center select_item crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                    <div class="col-auto h4 mb-0 select_check">
                        <i class="fa-regular fa-circle-check"></i>
                    </div>
                </div>
            </div>
            <div class="modal-footer d-block">
                <div class="border rounded w-100 mb-3 px-3 py-2 scrollbar_y select_box">
                    <div class="fsize_1rem mb-2">專案參與人</div>
                    <div class="form-row">
                        <div class="col-auto mb-1 item">
                            <div class="tag_frame tag_primary">
                                <div class="form-row fsize_1rem align-items-center">
                                    <div class="col-auto">
                                        <img src="{{ asset('img/crew.jpg') }}" class="object_fit_cover crew_image_sm">
                                    </div>
                                    <div class="col-auto">[姓名]</div>
                                    <div class="col-auto cursor_pointer remove_crew"><i class="fa-solid fa-xmark"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto mb-1 item">
                            <div class="tag_frame tag_primary">
                                <div class="form-row fsize_1rem align-items-center">
                                    <div class="col-auto">
                                        <img src="{{ asset('img/crew.jpg') }}" class="object_fit_cover crew_image_sm">
                                    </div>
                                    <div class="col-auto">[姓名]</div>
                                    <div class="col-auto cursor_pointer remove_crew"><i class="fa-solid fa-xmark"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto mb-1 item">
                            <div class="tag_frame tag_primary">
                                <div class="form-row fsize_1rem align-items-center">
                                    <div class="col-auto">
                                        <img src="{{ asset('img/crew.jpg') }}" class="object_fit_cover crew_image_sm">
                                    </div>
                                    <div class="col-auto">[姓名]</div>
                                    <div class="col-auto cursor_pointer remove_crew"><i class="fa-solid fa-xmark"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto mb-1 item">
                            <div class="tag_frame tag_primary">
                                <div class="form-row fsize_1rem align-items-center">
                                    <div class="col-auto">
                                        <img src="{{ asset('img/crew.jpg') }}" class="object_fit_cover crew_image_sm">
                                    </div>
                                    <div class="col-auto">[姓名]</div>
                                    <div class="col-auto cursor_pointer remove_crew"><i class="fa-solid fa-xmark"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto mb-1 item">
                            <div class="tag_frame tag_primary">
                                <div class="form-row fsize_1rem align-items-center">
                                    <div class="col-auto">
                                        <img src="{{ asset('img/crew.jpg') }}" class="object_fit_cover crew_image_sm">
                                    </div>
                                    <div class="col-auto">[姓名]</div>
                                    <div class="col-auto cursor_pointer remove_crew"><i class="fa-solid fa-xmark"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto mb-1 item">
                            <div class="tag_frame tag_primary">
                                <div class="form-row fsize_1rem align-items-center">
                                    <div class="col-auto">
                                        <img src="{{ asset('img/crew.jpg') }}" class="object_fit_cover crew_image_sm">
                                    </div>
                                    <div class="col-auto">[姓名]</div>
                                    <div class="col-auto cursor_pointer remove_crew"><i class="fa-solid fa-xmark"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto mb-1 item">
                            <div class="tag_frame tag_primary">
                                <div class="form-row fsize_1rem align-items-center">
                                    <div class="col-auto">
                                        <img src="{{ asset('img/crew.jpg') }}" class="object_fit_cover crew_image_sm">
                                    </div>
                                    <div class="col-auto">[姓名]</div>
                                    <div class="col-auto cursor_pointer remove_crew"><i class="fa-solid fa-xmark"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto mb-1 item">
                            <div class="tag_frame tag_primary">
                                <div class="form-row fsize_1rem align-items-center">
                                    <div class="col-auto">
                                        <img src="{{ asset('img/crew.jpg') }}" class="object_fit_cover crew_image_sm">
                                    </div>
                                    <div class="col-auto">[姓名]</div>
                                    <div class="col-auto cursor_pointer remove_crew"><i class="fa-solid fa-xmark"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto mb-1 item">
                            <div class="tag_frame tag_primary">
                                <div class="form-row fsize_1rem align-items-center">
                                    <div class="col-auto">
                                        <img src="{{ asset('img/crew.jpg') }}" class="object_fit_cover crew_image_sm">
                                    </div>
                                    <div class="col-auto">[姓名]</div>
                                    <div class="col-auto cursor_pointer remove_crew"><i class="fa-solid fa-xmark"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto mb-1 item">
                            <div class="tag_frame tag_primary">
                                <div class="form-row fsize_1rem align-items-center">
                                    <div class="col-auto">
                                        <img src="{{ asset('img/crew.jpg') }}" class="object_fit_cover crew_image_sm">
                                    </div>
                                    <div class="col-auto">[姓名]</div>
                                    <div class="col-auto cursor_pointer remove_crew"><i class="fa-solid fa-xmark"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto mb-1 item">
                            <div class="tag_frame tag_primary">
                                <div class="form-row fsize_1rem align-items-center">
                                    <div class="col-auto">
                                        <img src="{{ asset('img/crew.jpg') }}" class="object_fit_cover crew_image_sm">
                                    </div>
                                    <div class="col-auto">[姓名]</div>
                                    <div class="col-auto cursor_pointer remove_crew"><i class="fa-solid fa-xmark"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto mb-1 item">
                            <div class="tag_frame tag_primary">
                                <div class="form-row fsize_1rem align-items-center">
                                    <div class="col-auto">
                                        <img src="{{ asset('img/crew.jpg') }}" class="object_fit_cover crew_image_sm">
                                    </div>
                                    <div class="col-auto">[姓名]</div>
                                    <div class="col-auto cursor_pointer remove_crew"><i class="fa-solid fa-xmark"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto mb-1 item">
                            <div class="tag_frame tag_primary">
                                <div class="form-row fsize_1rem align-items-center">
                                    <div class="col-auto">
                                        <img src="{{ asset('img/crew.jpg') }}" class="object_fit_cover crew_image_sm">
                                    </div>
                                    <div class="col-auto">[姓名]</div>
                                    <div class="col-auto cursor_pointer remove_crew"><i class="fa-solid fa-xmark"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto mb-1 item">
                            <div class="tag_frame tag_primary">
                                <div class="form-row fsize_1rem align-items-center">
                                    <div class="col-auto">
                                        <img src="{{ asset('img/crew.jpg') }}" class="object_fit_cover crew_image_sm">
                                    </div>
                                    <div class="col-auto">[姓名]</div>
                                    <div class="col-auto cursor_pointer remove_crew"><i class="fa-solid fa-xmark"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto mb-1 item">
                            <div class="tag_frame tag_primary">
                                <div class="form-row fsize_1rem align-items-center">
                                    <div class="col-auto">
                                        <img src="{{ asset('img/crew.jpg') }}" class="object_fit_cover crew_image_sm">
                                    </div>
                                    <div class="col-auto">[姓名]</div>
                                    <div class="col-auto cursor_pointer remove_crew"><i class="fa-solid fa-xmark"></i></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="form-row justify-content-end">
                    <div class="col-auto">
                        <button class="btn_text text_sm btn_secondary" data-dismiss="modal">取消</button>
                    </div>
                    <div class="col-auto">
                        <button class="btn_text text_sm btn_primary" data-dismiss="modal">儲存變更</button>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
<div class="modal fade modal_style" id="done_issue_check_content" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-body scrollbar_y">確定完成<span class="font-weight-bold">「[待處理事項名稱]」</span>的待處理事項了嗎？</div>
            <div class="modal-footer d-block">
                <div class="form-row justify-content-end">
                    <div class="col-auto">
                        <button class="btn_text text_sm btn_secondary" data-dismiss="modal">再想想</button>
                    </div>
                    <div class="col-auto">
                        <button class="btn_text text_sm btn_primary" id="sure_issue_done" data-dismiss="modal">沒錯，確定完成</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade modal_style" id="done_task_check_content" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-body scrollbar_y">確定完成<span class="font-weight-bold">「[任務名稱]」</span>的任務了嗎？</div>
            <div class="modal-footer d-block">
                <div class="form-row justify-content-end">
                    <div class="col-auto">
                        <button class="btn_text text_sm btn_secondary" data-dismiss="modal">再想想</button>
                    </div>
                    <div class="col-auto">
                        <button class="btn_text text_sm btn_primary" id="sure_task_done" data-dismiss="modal">沒錯，確定完成</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade modal_style" id="delete_task_check_content" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-body scrollbar_y">確定要刪除<span class="font-weight-bold">「[任務名稱]」</span>的任務嗎？</div>
            <div class="modal-footer d-block">
                <div class="form-row justify-content-end">
                    <div class="col-auto">
                        <button class="btn_text text_sm btn_secondary" data-dismiss="modal">再想想</button>
                    </div>
                    <div class="col-auto">
                        <button class="btn_text text_sm btn_warn" id="sure_delete" data-dismiss="modal">沒錯，確定刪除</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade modal_style" id="task_undone_notice" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-body scrollbar_y"></div>
            <div class="modal-footer d-block">
                <div class="form-row justify-content-end">
                    <div class="col-auto">
                        <button class="btn_text text_sm btn_secondary" data-dismiss="modal">了解</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade modal_style" id="member_list_modal" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title font-weight-bold">待處理事項：[待處理事項名稱] - 參與人</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <i class="fa-solid fa-xmark"></i>
                </button>
            </div>
            <div class="modal-body scrollbar_y">
                <div class="row align-items-center crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                </div>
                <div class="row align-items-center crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                </div>
                <div class="row align-items-center crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                </div>
                <div class="row align-items-center crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                </div>
                <div class="row align-items-center crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                </div>
                <div class="row align-items-center crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                </div>
                <div class="row align-items-center crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                </div>
                <div class="row align-items-center crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade modal_style" id="manager_list_modal" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title font-weight-bold">待處理事項：[待處理事項名稱] - 負責人</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <i class="fa-solid fa-xmark"></i>
                </button>
            </div>
            <div class="modal-body scrollbar_y">
                <div class="row align-items-center crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                </div>
                <div class="row align-items-center crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                </div>
                <div class="row align-items-center crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                </div>
                <div class="row align-items-center crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                </div>
                <div class="row align-items-center crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                </div>
                <div class="row align-items-center crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                </div>
                <div class="row align-items-center crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                </div>
                <div class="row align-items-center crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade modal_style" id="staff_list_modal" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title font-weight-bold">任務：[任務名稱] - 處理人員</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <i class="fa-solid fa-xmark"></i>
                </button>
            </div>
            <div class="modal-body scrollbar_y">
                <div class="row align-items-center crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                </div>
                <div class="row align-items-center crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                </div>
                <div class="row align-items-center crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                </div>
                <div class="row align-items-center crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                </div>
                <div class="row align-items-center crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                </div>
                <div class="row align-items-center crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                </div>
                <div class="row align-items-center crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                </div>
                <div class="row align-items-center crew_item">
                    <div class="col-auto">
                        <div class="crew_image shadow-sm border">
                            <img src="{{ asset('img/crew.jpg') }}" class="h-100 w-100 object_fit_cover rounded-circle">
                        </div>
                    </div>
                    <div class="col">[姓名]</div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade modal_style" id="plan_modal" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal" role="document">
        <div class="modal-content">
            <div class="modal-body scrollbar_y">
                <div class="row">
                    <div class="col-12 form-group">
                        <label for="plan_name">計劃名稱</label>
                        <input class="form-control form_control_cover inputbox_primary" id="plan_name">
                    </div>
                    <div class="col-12 form-group">
                        <label for="plan_name">計劃內容</label>
                        <textarea class="form-control form_control_cover inputbox_primary" id="plan_name"></textarea>
                    </div>
                </div>
            </div>
            <div class="modal-footer d-block">
                <div class="form-row justify-content-end">
                    <div class="col-auto">
                        <button class="btn_text text_sm btn_secondary" data-dismiss="modal">取消</button>
                    </div>
                    <div class="col-auto">
                        <button class="btn_text text_sm btn_primary" data-dismiss="modal">確定新增</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection


@section('jsdefine')

<script>
    $('.select_item').click(function() {
        $(this).find('.select_check').toggleClass('selected');
        $(this).find('.select_check i').toggleClass('fa-regular fa-solid');
    });
    $('.remove_crew').click(function() {
        $(this).closest('.item').remove();
    });
    $('.collapse_btn').click(function() {
        $(this).find('i').toggleClass('fa-plus fa-minus');
        var text = $(this).find('span').text();
        if (text == '展開') {
            $(this).find('span').text('收合');
        } else {
            $(this).find('span').text('展開');
        }
    });
    $('.done_task_check_btn').click(function() {
        var done_btn = $(this);
        var delete_btn = $(this).closest('.task_item').find('.delete_task_check_btn');
        var task_item = $(this).closest('.task_item');
        var status = $(this).closest('.task_item').find('.task_item_status');
        var staff_btn = $(this).closest('.task_item').find('.staff_edit_btn');
        var staff_list = $(this).closest('.task_item').find('.staff_list');

        if (status.hasClass('tag_warn')) {
            $('#done_task_check_content').modal('show');
            $('#sure_task_done').click(function() {
                status.removeClass('tag_warn').addClass('tag_primary').text('已完成');
                task_item.find('input').attr('readonly', true);
                task_item.find('textarea').attr('readonly', true);
                done_btn.hide();
                delete_btn.hide();
                staff_btn.hide();
                staff_list.addClass('cursor_pointer');
                staff_list.attr('data-toggle', 'modal').attr('data-target', '#staff_list_modal');
            });
        }
    });
    $('#done_issue_check_btn').click(function() {
        var done_btn = $(this);
        var issue_item = $(this).closest('.issue_item');
        var status = $(this).closest('.issue_item').find('.issue_item_status');
        var member_btn = $('#issue_member_btn');
        var manager_btn = $('#issue_manager_btn');
        var undone_task = $('.task_item .tag_warn');
        if (undone_task.length > 0) {
            $('#task_undone_notice').modal('show');
            $('#task_undone_notice .modal-body').addClass('color_warn').text('尚有' + undone_task.length + '個未完成的任務！');
        } else {
            $('#done_issue_check_content').modal('show');
            $('#sure_issue_done').click(function() {
                status.removeClass('tag_warn').addClass('tag_primary').text('已完成');
                $('input').attr('readonly', true);
                $('.issue_item').find('textarea').attr('readonly', true);
                $('.issue_item').find('select').attr('readonly', true);
                $('.delete_task_check_btn').hide();
                $('.done_task_check_btn').hide();
                $('.staff_edit_btn').hide();
                $('#member_list').addClass('cursor_pointer').attr('data-toggle', 'modal').attr('data-target', '#member_list_modal');
                $('#manager_list').addClass('cursor_pointer').attr('data-toggle', 'modal').attr('data-target', '#manager_list_modal');
                done_btn.hide();
                member_btn.hide();
                manager_btn.hide();
                $('.add_task_btn').hide();
            });
        }

    });
    $('.delete_task_check_btn').click(function() {
        var listitem = '#' + $(this).data('href');
        $('#delete_task_check_content').modal('show');
        var task_item = $(this).closest('.task_item');
        $('#sure_delete').click(function() {
            task_item.remove();
            $('#bookmark_area #task_mark a[href="' + listitem + '"]').remove();
        });
    });
</script>

@endsection