@extends('layouts.front.shell')

@section('cssdefine')

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

@endsection

@section('content')

<div id="content_area" class="shrink">
    <div class="w-100 content_layer rounded_lv4">
        <div class="container-fluid">
            <div class="row align-items-center 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>
            <div class="row mt-4 align-items-center">
                <div class="col-lg-6 col-xl-7">
                    <div>
                        <label>會議類型</label>
                        <div class="form-row radio_btn_group mb-3">
                            <div class="col-auto radio_btn">
                                <input type="radio" name="meeting_type" id="project" checked>
                                <label for="project">專案</label>
                            </div>
                            <div class="col-auto radio_btn">
                                <input type="radio" name="meeting_type" id="customer">
                                <label for="customer">客戶</label>
                            </div>
                            <div class="col-auto radio_btn">
                                <input type="radio" name="meeting_type" id="case">
                                <label for="case">案件</label>
                            </div>
                            <div class="col-auto radio_btn">
                                <input type="radio" name="meeting_type" id="others">
                                <label for="others">其他</label>
                            </div>
                        </div>
                        <div class="form-row radio_content">
                            <div class="col-sm-6 col-lg-12 col-xl-12 form-group">
                                <label for="meeting_name">會議名稱</label>
                                <input type="text" class="form-control inputbox_primary" id="meeting_name">
                            </div>
                            <div class="col-sm-6 col-lg-12 col-xl-12 form-group">
                                <label for="item_name">專案項目</label>
                                <div class="form-row list_container">
                                    <div class="col-12">
                                        <div class="row list_body align-items-center mt-0 cursor_pointer">
                                            <div class="col">
                                                <div class="row align-items-center">
                                                    <div class="col-auto pb-0 multiline_ellipsis clamp_2 item_name">[專案名稱]</div>
                                                    <div class="col-auto fsize_1rem color_secondary item_code">[專案編號]</div>
                                                </div>
                                            </div>
                                            <div class="col-auto h4 mb-0">
                                                <button class="btn_text text_sm btn_primary" data-toggle="modal" data-target="#change_project_modal" id="change_btn">更改</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="position-relative photo_bg_color mb-2">
                        <div class="box_16to9 w-100"></div>
                        <img src="{{ asset('file/house.jpg') }}" class="meeting_content object_fit_cover">
                        <div class="setting_block">
                            <div class="row justify-content-center mb-3">
                                <div class="col-auto">
                                    <button class="btn_icon btn_primary"><i class="fa-solid fa-microphone"></i></button>
                                </div>
                                <div class="col-auto">
                                    <button class="btn_icon btn_primary"><i class="fa-solid fa-video"></i></button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-xl-5">
                    <div class="rounded_lv4 info_area">
                        <div class="row py-4">
                            <div class="col-12">
                                <div class="font-weight-bold text-center border-bottom pb-3 title">您將以王小明身分進入會議</div>
                                <table class="table table-borderless my-4">
                                    <tbody>
                                        <tr>
                                            <td class="color_primary w-1"><i class="fa-solid fa-circle-check"></i></td>
                                            <td>瀏覽器</td>
                                            <td class="link_primary cursor_pointer font-weight-bold" data-toggle="modal" data-target="#browser_modal">瀏覽器</td>
                                        </tr>
                                        <tr>
                                            <td class="color_primary w-1"><i class="fa-solid fa-circle-check"></i></td>
                                            <td>麥克風</td>
                                            <td class="link_primary cursor_pointer font-weight-bold" data-toggle="modal" data-target="#microphone_modal">設備確認</td>
                                        </tr>
                                        <tr>
                                            <td class="color_warn w_1"><i class="fa-solid fa-circle-xmark"></i></td>
                                            <td>攝影機</td>
                                            <td class="link_primary cursor_pointer font-weight-bold" data-toggle="modal" data-target="#camera_modal">設備確認</td>
                                        </tr>
                                    </tbody>
                                </table>
                                <div class="container-fluid border-top">
                                    <div class="py-4">
                                        <div class="form-row align-items-center form-group">
                                            <div class="col-auto">
                                                <div class="form-row align-items-center">
                                                    <div class="col-auto"><i class="fa-solid fa-comment-dots"></i></div>
                                                    <div class="col-auto">母語</div>
                                                </div>
                                            </div>
                                            <div class="col">
                                                <select class="form-control form_control_cover inputbox_primary">
                                                    <option>請選擇母語</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-row align-items-center form-group">
                                            <div class="col-auto">
                                                <div class="form-row align-items-center">
                                                    <div class="col-auto"><i class="fa-solid fa-users-viewfinder"></i></div>
                                                    <div class="col-auto">畫質</div>
                                                </div>
                                            </div>
                                            <div class="col">
                                                <select class="form-control form_control_cover inputbox_primary">
                                                    <option>請選擇畫質</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row justify-content-center">
                                        <div class="col-auto">
                                            <div class="dropdown">
                                                <button class="btn_text btn_primary dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa-solid fa-video"></i>&ensp;發起會議</button>
                                                <div class="dropdown-menu">
                                                    <a class="dropdown-item" href="#">預先建立會議</a>
                                                    <a class="dropdown-item" href="#">立即加入會議</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

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

<div class="modal fade modal_style" id="browser_modal" tabindex="-1" role="dialog" data-backdrop="static">
    <div class="modal-dialog modal-sm modal-dialog-centered modal-dialog-scrollable" role="document">
        <div class="modal-content">
            <div class="modal-body">為確保您擁有最佳的視訊會議體驗，本系統於Windows/Mac OS需使用Google Chrome瀏覽器，iOS需使用Safari瀏覽器。</div>
            <div class="modal-footer">
                <button class="btn_text text_sm btn_primary" data-dismiss="modal">確定</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade modal_style" id="microphone_modal" tabindex="-1" role="dialog" data-backdrop="static">
    <div class="modal-dialog modal-sm modal-dialog-centered modal-dialog-scrollable" role="document">
        <div class="modal-content">
            <div class="modal-body">通話進行時需使用麥克風，故您的瀏覽器將會詢問您是否允許使用您的麥克風，並請確認設備是否與裝置連接。 <a href="#" class="link_primary font-weight-bold">點此重新驗證</a></div>
            <div class="modal-footer">
                <button class="btn_text text_sm btn_primary" data-dismiss="modal">確定</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade modal_style" id="camera_modal" tabindex="-1" role="dialog" data-backdrop="static">
    <div class="modal-dialog modal-sm modal-dialog-centered modal-dialog-scrollable" role="document">
        <div class="modal-content">
            <div class="modal-body">視訊進行時需使用視訊攝影機，故您的瀏覽器將會詢問您是否允許使用您的視訊攝影機，並請確認設備是否與裝置連接。<a href="#" class="link_primary font-weight-bold">點此重新驗證</a></div>
            <div class="modal-footer">
                <button class="btn_text text_sm btn_primary" data-dismiss="modal">確定</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade modal_style" id="change_project_modal" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable" role="document">
        <div class="modal-content">
            <div class="modal-header d-block pb-0">
                <div class="row no-gutters">
                    <div class="col modal-title">
                        <div class="mb-3 font-weight-bold">專案變更</div>
                        <div class="row align-items-end">
                            <div class="col">
                                <div class="row">
                                    <div class="col-md-6 form-group">
                                        <input type="text" placeholder="專案名稱搜尋" class="form-control form_control_cover inputbox_primary">
                                    </div>
                                    <div class="col-md-6 form-group">
                                        <input type="text" placeholder="專案編號搜尋" class="form-control form_control_cover inputbox_primary">
                                    </div>
                                </div>
                            </div>
                            <div class="col-auto mb-3">
                                <button class="btn_text text_sm btn_secondary" data-dismiss="modal">搜尋</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">
                    <div class="col-12 font-weight-bold text-center">無搜尋結果...</div>
                </div>
                <!--有搜尋結果 或 單純的列表呈現-->
                <div class="row">
                    <div class="col-12">
                        <div class="form-row list_container">
                            <!--不換頁-->
                            <div class="col-md-6">
                                <div class="row list_body align-items-center mt-0 select_item cursor_pointer">
                                    <div class="col">
                                        <div class="row align-items-center">
                                            <div class="col-12 pb-0 multiline_ellipsis clamp_2">[專案名稱]</div>
                                            <div class="col-12 fsize_1rem color_secondary">[專案編號]</div>
                                        </div>
                                    </div>
                                    <div class="col-auto h4 mb-0">
                                        <input type="radio" id="project_radio_0" name="project_list_radio" checked class="d-none">
                                        <label for="project_radio_0" class="select_check">
                                            <i class="fa-solid fa-circle-check"></i>
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <!--不換頁-->
                            <div class="col-md-6">
                                <div class="row list_body align-items-center mt-0 select_item cursor_pointer">
                                    <div class="col">
                                        <div class="row align-items-center">
                                            <div class="col-12 pb-0 multiline_ellipsis clamp_2">[專案名稱]</div>
                                            <div class="col-12 fsize_1rem color_secondary">[專案編號]</div>
                                        </div>
                                    </div>
                                    <div class="col-auto h4 mb-0">
                                        <input type="radio" id="project_radio_1" name="project_list_radio" class="d-none">
                                        <label for="project_radio_1" class="select_check">
                                            <i class="fa-regular fa-circle-check"></i>
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <!--不換頁-->
                            <div class="col-md-6">
                                <div class="row list_body align-items-center mt-0 select_item cursor_pointer">
                                    <div class="col">
                                        <div class="row align-items-center">
                                            <div class="col-12 pb-0 multiline_ellipsis clamp_2">[專案名稱]</div>
                                            <div class="col-12 fsize_1rem color_secondary">[專案編號]</div>
                                        </div>
                                    </div>
                                    <div class="col-auto h4 mb-0">
                                        <input type="radio" id="project_radio_2" name="project_list_radio" class="d-none">
                                        <label for="project_radio_2" class="select_check">
                                            <i class="fa-regular fa-circle-check"></i>
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </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>
<div class="modal fade modal_style" id="change_customer_modal" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable" role="document">
        <div class="modal-content">
            <div class="modal-header d-block pb-0">
                <div class="row no-gutters">
                    <div class="col modal-title">
                        <div class="mb-3 font-weight-bold">客戶變更</div>
                        <div class="row align-items-end">
                            <div class="col">
                                <div class="row">
                                    <div class="col-md-6 form-group">
                                        <input type="text" placeholder="客戶名稱搜尋" class="form-control form_control_cover inputbox_primary">
                                    </div>
                                    <div class="col-md-6 form-group">
                                        <input type="text" placeholder="客戶代號搜尋" class="form-control form_control_cover inputbox_primary">
                                    </div>
                                </div>
                            </div>
                            <div class="col-auto mb-3">
                                <button class="btn_text text_sm btn_secondary" data-dismiss="modal">搜尋</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">
                    <div class="col-12 font-weight-bold text-center">無搜尋結果...</div>
                </div>
                <!--有搜尋結果 或 單純的列表呈現-->
                <div class="row">
                    <div class="col-12">
                        <div class="form-row list_container">
                            <!--不換頁-->
                            <div class="col-md-6">
                                <div class="row list_body align-items-center mt-0 select_item cursor_pointer">
                                    <div class="col">
                                        <div class="row align-items-center">
                                            <div class="col-12 pb-0 multiline_ellipsis clamp_2">[客戶名稱]</div>
                                            <div class="col-12 fsize_1rem color_secondary">[客戶代號]</div>
                                        </div>
                                    </div>
                                    <div class="col-auto h4 mb-0">
                                        <input type="radio" id="customer_radio_0" name="customer_list_radio" checked class="d-none">
                                        <label for="customer_radio_0" class="select_check">
                                            <i class="fa-solid fa-circle-check"></i>
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <!--不換頁-->
                            <div class="col-md-6">
                                <div class="row list_body align-items-center mt-0 select_item cursor_pointer">
                                    <div class="col">
                                        <div class="row align-items-center">
                                            <div class="col-12 pb-0 multiline_ellipsis clamp_2">[客戶名稱]</div>
                                            <div class="col-12 fsize_1rem color_secondary">[客戶代號]</div>
                                        </div>
                                    </div>
                                    <div class="col-auto h4 mb-0">
                                        <input type="radio" id="customer_radio_1" name="customer_list_radio" class="d-none">
                                        <label for="customer_radio_1" class="select_check">
                                            <i class="fa-regular fa-circle-check"></i>
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <!--不換頁-->
                            <div class="col-md-6">
                                <div class="row list_body align-items-center mt-0 select_item cursor_pointer">
                                    <div class="col">
                                        <div class="row align-items-center">
                                            <div class="col-12 pb-0 multiline_ellipsis clamp_2">[客戶名稱]</div>
                                            <div class="col-12 fsize_1rem color_secondary">[客戶代號]</div>
                                        </div>
                                    </div>
                                    <div class="col-auto h4 mb-0">
                                        <input type="radio" id="customer_radio_2" name="customer_list_radio" class="d-none">
                                        <label for="customer_radio_2" class="select_check">
                                            <i class="fa-regular fa-circle-check"></i>
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </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>
<div class="modal fade modal_style" id="change_case_modal" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable" role="document">
        <div class="modal-content">
            <div class="modal-header d-block pb-0">
                <div class="row no-gutters">
                    <div class="col modal-title">
                        <div class="mb-3 font-weight-bold">案件變更</div>
                        <div class="row align-items-end">
                            <div class="col">
                                <div class="row">
                                    <div class="col-md-6 form-group">
                                        <input type="text" placeholder="案件名稱搜尋" class="form-control form_control_cover inputbox_primary">
                                    </div>
                                    <div class="col-md-6 form-group">
                                        <input type="text" placeholder="案管號搜尋" class="form-control form_control_cover inputbox_primary">
                                    </div>
                                </div>
                            </div>
                            <div class="col-auto mb-3">
                                <button class="btn_text text_sm btn_secondary" data-dismiss="modal">搜尋</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">
                    <div class="col-12 font-weight-bold text-center">無搜尋結果...</div>
                </div>
                <!--有搜尋結果 或 單純的列表呈現-->
                <div class="row">
                    <div class="col-12">
                        <div class="form-row list_container">
                            <!--不換頁-->
                            <div class="col-md-6">
                                <div class="row list_body align-items-center mt-0 select_item cursor_pointer">
                                    <div class="col">
                                        <div class="row align-items-center">
                                            <div class="col-12 pb-0 multiline_ellipsis clamp_2">[案件名稱]</div>
                                            <div class="col-12 fsize_1rem color_secondary">[案管號]</div>
                                        </div>
                                    </div>
                                    <div class="col-auto h4 mb-0">
                                        <input type="radio" id="case_radio_0" name="case_list_radio" checked class="d-none">
                                        <label for="case_radio_0" class="select_check">
                                            <i class="fa-solid fa-circle-check"></i>
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <!--不換頁-->
                            <div class="col-md-6">
                                <div class="row list_body align-items-center mt-0 select_item cursor_pointer">
                                    <div class="col">
                                        <div class="row align-items-center">
                                            <div class="col-12 pb-0 multiline_ellipsis clamp_2">[案件名稱]</div>
                                            <div class="col-12 fsize_1rem color_secondary">[案管號]</div>
                                        </div>
                                    </div>
                                    <div class="col-auto h4 mb-0">
                                        <input type="radio" id="case_radio_1" name="case_list_radio" class="d-none">
                                        <label for="case_radio_1" class="select_check">
                                            <i class="fa-regular fa-circle-check"></i>
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <!--不換頁-->
                            <div class="col-md-6">
                                <div class="row list_body align-items-center mt-0 select_item cursor_pointer">
                                    <div class="col">
                                        <div class="row align-items-center">
                                            <div class="col-12 pb-0 multiline_ellipsis clamp_2">[案件名稱]</div>
                                            <div class="col-12 fsize_1rem color_secondary">[案管號]</div>
                                        </div>
                                    </div>
                                    <div class="col-auto h4 mb-0">
                                        <input type="radio" id="case_radio_2" name="case_list_radio" class="d-none">
                                        <label for="case_radio_2" class="select_check">
                                            <i class="fa-regular fa-circle-check"></i>
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </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>
<div class="modal fade modal_style" id="change_others_modal" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable" role="document">
        <div class="modal-content">
            <div class="modal-header d-block pb-0">
                <div class="row no-gutters">
                    <div class="col modal-title">
                        <div class="mb-3 font-weight-bold">其他變更</div>
                        <div class="row align-items-end">
                            <div class="col">
                                <div class="row">
                                    <div class="col-md-6 form-group">
                                        <input type="text" placeholder="其他名稱搜尋" class="form-control form_control_cover inputbox_primary">
                                    </div>
                                    <div class="col-md-6 form-group">
                                        <input type="text" placeholder="搜尋" class="form-control form_control_cover inputbox_primary">
                                    </div>
                                </div>
                            </div>
                            <div class="col-auto mb-3">
                                <button class="btn_text text_sm btn_secondary" data-dismiss="modal">搜尋</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">
                    <div class="col-12 font-weight-bold text-center">無搜尋結果...</div>
                </div>
                <!--有搜尋結果 或 單純的列表呈現-->
                <div class="row">
                    <div class="col-12">
                        <div class="form-row list_container">
                            <!--不換頁-->
                            <div class="col-md-6">
                                <div class="row list_body align-items-center mt-0 select_item cursor_pointer">
                                    <div class="col">
                                        <div class="row align-items-center">
                                            <div class="col-12 pb-0 multiline_ellipsis clamp_2">[其他名稱]</div>
                                            <div class="col-12 fsize_1rem color_secondary">[]</div>
                                        </div>
                                    </div>
                                    <div class="col-auto h4 mb-0">
                                        <input type="radio" id="others_radio_0" name="others_list_radio" checked class="d-none">
                                        <label for="others_radio_0" class="select_check">
                                            <i class="fa-solid fa-circle-check"></i>
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <!--不換頁-->
                            <div class="col-md-6">
                                <div class="row list_body align-items-center mt-0 select_item cursor_pointer">
                                    <div class="col">
                                        <div class="row align-items-center">
                                            <div class="col-12 pb-0 multiline_ellipsis clamp_2">[其他名稱]</div>
                                            <div class="col-12 fsize_1rem color_secondary">[]</div>
                                        </div>
                                    </div>
                                    <div class="col-auto h4 mb-0">
                                        <input type="radio" id="others_radio_1" name="others_list_radio" class="d-none">
                                        <label for="others_radio_1" class="select_check">
                                            <i class="fa-regular fa-circle-check"></i>
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <!--不換頁-->
                            <div class="col-md-6">
                                <div class="row list_body align-items-center mt-0 select_item cursor_pointer">
                                    <div class="col">
                                        <div class="row align-items-center">
                                            <div class="col-12 pb-0 multiline_ellipsis clamp_2">[其他名稱]</div>
                                            <div class="col-12 fsize_1rem color_secondary">[]</div>
                                        </div>
                                    </div>
                                    <div class="col-auto h4 mb-0">
                                        <input type="radio" id="others_radio_2" name="others_list_radio" class="d-none">
                                        <label for="others_radio_2" class="select_check">
                                            <i class="fa-regular fa-circle-check"></i>
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </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>
    /*設備設定*/
    $('.setting_block button').click(function() {
        var icon = $(this).find('i');
        $(this).toggleClass('btn_primary btn_secondary');
        if (icon.hasClass('fa-microphone') || icon.hasClass('fa-microphone-slash')) {
            icon.toggleClass('fa-microphone fa-microphone-slash');
        } else if (icon.hasClass('fa-video') || icon.hasClass('fa-video-slash')) {
            icon.toggleClass('fa-video fa-video-slash');
        }
    });
    /*類型替換*/
    $('input[name="meeting_type"]').change(function() {
        var label = $(this).closest('.radio_btn').find('label').text();
        if (label == '其他') {
            $('.radio_content').find('label[for="item_name"]').text('項目名稱');
        } else if (label == '專案') {
            $('.radio_content').find('label[for="item_name"]').text(label + '項目');
            $('.radio_content').find('.item_name').text('專案名稱');
            $('.radio_content').find('.item_code').text('[專案編號]');
            $('#change_btn').attr('data-target', '#change_project_modal');
            console.log($('#change_btn').data("target"));
        } else if (label == '客戶') {
            $('.radio_content').find('label[for="item_name"]').text(label + '項目');
            $('.radio_content').find('.item_name').text('客戶名稱');
            $('.radio_content').find('.item_code').text('[客戶代號]');
            $('#change_btn').attr('data-target', '#change_customer_modal');
        } else if (label == '案件') {
            $('.radio_content').find('label[for="item_name"]').text(label + '項目');
            $('.radio_content').find('.item_name').text('案件名稱');
            $('.radio_content').find('.item_code').text('20221110_[客戶代號]_[第幾案]');
            $('#change_btn').attr('data-target', '#change_case_modal');
        }

        if (label == '其他') {
            if ($('.list_container').length > 0) {
                $('.list_container').hide();
                $('label[for="item_name"]').closest('.form-group').append('<input type="text" class="form-control inputbox_primary" id="item_name">');
            }
        } else {
            if ($('#item_name').length > 0) {
                $('.list_container').show();
                $('#item_name').hide();
            }
        }
    });
    /**/
    $('.select_item').click(function() {

        var input_status = $(this).find('input[type="radio"]').prop('checked');
        if (input_status == false) {
            var already_checked = $(this).closest('.list_container').find('label i.fa-solid');
            if (already_checked.length > 0) {
                already_checked.closest('.col-auto').find('input[type="radio"]').attr('checked', 'false');
                already_checked.removeClass('fa-solid').addClass('fa-regular');
            }
            $(this).find('label i').removeClass('fa-regular').addClass('fa-solid');
            var inputID = $(this).find("label").attr("for");
            $('#' + inputID).click();
        }
    });
</script>

@endsection