@extends('layouts.front.shell')

@section('cssdefine')

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

@endsection

@section('content')

<div id="content_area" class="shrink position-relative">
    <div class="w-100 content_layer border-0 bg-transparent shadow-none" style="backdrop-filter: blur(0);">
        <div class="container-fluid">
            <div class="row">
                <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-xxl-auto">
                    <div class="form-row justify-content-end">
                        <div class="col-auto">
                            <button class="btn_text text_sm btn_primary" onclick="location.href=''"><i class="fa-solid fa-plus"></i>&ensp;建立會議</button>
                        </div>
                        <div class="col-auto mb-3 mb-lg-0 order-first order-md-last">
                            <button class="btn_text text_sm btn_primary"><i class="fa-solid fa-folder"></i>&ensp;客戶檔案</button>
                        </div>

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

        <div class="container-fluid mt-4">
            <div class="row">
                <div class="col-xxl h-auto mb-3">
                    <div class="content_layer rounded_lv4 p-0 h-100" id="basic_info">
                        <div class="container-fluid">
                            <div class="row">
                                <div class="col-md-5 h-auto">
                                    <div class="area h-100">
                                        <div class="d-flex justify-content-center align-items-center w-100 h-100">
                                            <div class="form-row justify-content-center">
                                                <div class="col-6 mb-3">
                                                    <div class="position-relative bg-white rounded-circle">
                                                        <div class="box_1to1 w-100"></div>
                                                        <img src="{{ asset('file/house.jpg') }}" class="p-2 shadow-sm object_fit_cover position-absolute w-100 h-100 top_0 left_0 rounded-circle">
                                                    </div>
                                                </div>
                                                <div class="col-12"></div>
                                                <div class="col-12 mb-3 text-center">
                                                    <div>[客戶名稱]</div>
                                                </div>
                                                <div class="col-auto">
                                                    <button class="btn_text text_sm btn_primary" data-toggle="modal" data-target="#edit_info"><i class="fas fa-pen"></i>&ensp;編輯基本資料</button>
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-7 basic_info_1_border h-auto">
                                    <div class="area h-100">
                                        <div class="d-flex justify-content-center align-items-center w-100 h-100">
                                            <div class="form-row align-items-center">
                                                <div class="col-6 mb-3">
                                                    <div class="form-row">
                                                        <div class="col-auto"><i class="fa-solid fa-user"></i></div>
                                                        <div class="col">QBC123</div>
                                                    </div>
                                                </div>
                                                <div class="col-6 mb-3">
                                                    <div class="form-row">
                                                        <div class="col-auto"><i class="fa-solid fa-phone"></i></div>
                                                        <div class="col">075226906</div>
                                                    </div>
                                                </div>
                                                <div class="col-12 mb-3">
                                                    <div class="form-row">
                                                        <div class="col-auto"><i class="fa-solid fa-envelope"></i></div>
                                                        <div class="col">123@gmail.com</div>
                                                    </div>
                                                </div>
                                                <div class="col-12 mb-3">
                                                    <div class="form-row">
                                                        <div class="col-auto"><i class="fa-solid fa-location-dot"></i></div>
                                                        <div class="col">80457高雄市鼓山區美術東六街143號1樓</div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12 basic_info_2_border">
                                    <div class="area">
                                        <div class="form-row">
                                            <div class="col-12 multiline_ellipsis clamp_3">
                                                了解客戶需求是我們經營理念裡最重要的元素，把客戶當成夥伴來對待深入的看待客戶的問題，進行各項分析並提出對應的解決方案，為達確實解決客戶們所面臨的問題為最重要的任務。我們努力與客戶們建立長遠與深入的夥伴關係，並成為客戶值得信賴且互助合作的長期重要夥伴。
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xxl h-auto mb-3">
                    <div class="content_layer rounded_lv4 p-0 h-100">
                        <div class="container_sm_fluid">
                            <div class="row">
                                <div class="col-12">
                                    <div class="area">
                                        <div class="row align-items-center mb-3">
                                            <div class="col font-weight-bold text-nowrap">時間排程</div>
                                            <div class="col-12 col-sm-auto">
                                                <div class="form-row justify-content-end">
                                                    <div class="col-auto">
                                                        <button class="btn_text text_sm btn_primary">更多時間排程</button>
                                                    </div>
                                                    <div class="col-auto">
                                                        <button class="btn_text text_sm btn_primary">新增時間排程</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-row list_container">
                                            <div class="col-md-12">
                                                <div class="row list_body align-items-center mt-0">
                                                    <div class="col">
                                                        <div class="row align-items-center">
                                                            <div class="col-md-auto col-xxl-12 col-xxxl-auto">
                                                                <div class="form-row">
                                                                    <div class="col-auto py-0">2022.10.31</div>
                                                                    <div class="col-auto py-0">10:30</div>
                                                                </div>
                                                            </div>
                                                            <div class="col-md col-xxl-12 col-xxxl">
                                                                <div class="row align-items-center">
                                                                    <div class="col multiline_ellipsis clamp_2">[項目名稱]</div>
                                                                    <div class="col-sm-auto">
                                                                        <div class="d-flex">
                                                                            <div class="tag_frame tag_primary text-nowrap">狀態</div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                        </div>
                                                    </div>
                                                    <div class="col-md-auto">
                                                        <div class="form-row list_tool justify-content-end">
                                                            <div class="col-auto">
                                                                <button class="btn_icon_word icon_sm btn_primary" title="編輯" onclick="location.href='#';">
                                                                    <i class="fa-solid fa-pen"></i>
                                                                </button>
                                                            </div>
                                                            <div class="col-auto">
                                                                <button class="btn_icon_word icon_sm btn_secondary" title="詳細" onclick="location.href='#';">
                                                                    <i class="fa-solid fa-ellipsis"></i>
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="row list_body align-items-center mt-0">
                                                    <div class="col">
                                                        <div class="row align-items-center">
                                                            <div class="col-md-auto col-xxl-12 col-xxxl-auto">
                                                                <div class="form-row">
                                                                    <div class="col-auto py-0">2022.10.31</div>
                                                                    <div class="col-auto py-0">10:30</div>
                                                                </div>
                                                            </div>
                                                            <div class="col-md col-xxl-12 col-xxxl">
                                                                <div class="row align-items-center">
                                                                    <div class="col multiline_ellipsis clamp_2">[項目名稱]</div>
                                                                    <div class="col-sm-auto">
                                                                        <div class="d-flex">
                                                                            <div class="tag_frame tag_primary text-nowrap">狀態</div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                        </div>
                                                    </div>
                                                    <div class="col-md-auto">
                                                        <div class="form-row list_tool justify-content-end">
                                                            <div class="col-auto">
                                                                <button class="btn_icon_word icon_sm btn_primary" title="編輯" onclick="location.href='#';">
                                                                    <i class="fa-solid fa-pen"></i>
                                                                </button>
                                                            </div>
                                                            <div class="col-auto">
                                                                <button class="btn_icon_word icon_sm btn_secondary" title="詳細" onclick="location.href='#';">
                                                                    <i class="fa-solid fa-ellipsis"></i>
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="row list_body align-items-center mt-0">
                                                    <div class="col">
                                                        <div class="row align-items-center">
                                                            <div class="col-md-auto col-xxl-12 col-xxxl-auto">
                                                                <div class="form-row">
                                                                    <div class="col-auto py-0">2022.10.31</div>
                                                                    <div class="col-auto py-0">10:30</div>
                                                                </div>
                                                            </div>
                                                            <div class="col-md col-xxl-12 col-xxxl">
                                                                <div class="row align-items-center">
                                                                    <div class="col multiline_ellipsis clamp_2">[項目名稱]</div>
                                                                    <div class="col-sm-auto">
                                                                        <div class="d-flex">
                                                                            <div class="tag_frame tag_primary text-nowrap">狀態</div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                        </div>
                                                    </div>
                                                    <div class="col-md-auto">
                                                        <div class="form-row list_tool justify-content-end">
                                                            <div class="col-auto">
                                                                <button class="btn_icon_word icon_sm btn_primary" title="編輯" onclick="location.href='#';">
                                                                    <i class="fa-solid fa-pen"></i>
                                                                </button>
                                                            </div>
                                                            <div class="col-auto">
                                                                <button class="btn_icon_word icon_sm btn_secondary" title="詳細" onclick="location.href='#';">
                                                                    <i class="fa-solid fa-ellipsis"></i>
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="row list_body align-items-center mt-0">
                                                    <div class="col">
                                                        <div class="row align-items-center">
                                                            <div class="col-md-auto col-xxl-12 col-xxxl-auto">
                                                                <div class="form-row">
                                                                    <div class="col-auto py-0">2022.10.31</div>
                                                                    <div class="col-auto py-0">10:30</div>
                                                                </div>
                                                            </div>
                                                            <div class="col-md col-xxl-12 col-xxxl">
                                                                <div class="row align-items-center">
                                                                    <div class="col multiline_ellipsis clamp_2">[項目名稱]</div>
                                                                    <div class="col-sm-auto">
                                                                        <div class="d-flex">
                                                                            <div class="tag_frame tag_primary text-nowrap">狀態</div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                        </div>
                                                    </div>
                                                    <div class="col-md-auto">
                                                        <div class="form-row list_tool justify-content-end">
                                                            <div class="col-auto">
                                                                <button class="btn_icon_word icon_sm btn_primary" title="編輯" onclick="location.href='#';">
                                                                    <i class="fa-solid fa-pen"></i>
                                                                </button>
                                                            </div>
                                                            <div class="col-auto">
                                                                <button class="btn_icon_word icon_sm btn_secondary" title="詳細" onclick="location.href='#';">
                                                                    <i class="fa-solid fa-ellipsis"></i>
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="row list_body align-items-center mt-0">
                                                    <div class="col">
                                                        <div class="row align-items-center">
                                                            <div class="col-md-auto col-xxl-12 col-xxxl-auto">
                                                                <div class="form-row">
                                                                    <div class="col-auto py-0">2022.10.31</div>
                                                                    <div class="col-auto py-0">10:30</div>
                                                                </div>
                                                            </div>
                                                            <div class="col-md col-xxl-12 col-xxxl">
                                                                <div class="row align-items-center">
                                                                    <div class="col multiline_ellipsis clamp_2">[項目名稱]</div>
                                                                    <div class="col-sm-auto">
                                                                        <div class="d-flex">
                                                                            <div class="tag_frame tag_primary text-nowrap">狀態</div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                        </div>
                                                    </div>
                                                    <div class="col-md-auto">
                                                        <div class="form-row list_tool justify-content-end">
                                                            <div class="col-auto">
                                                                <button class="btn_icon_word icon_sm btn_primary" title="編輯" onclick="location.href='#';">
                                                                    <i class="fa-solid fa-pen"></i>
                                                                </button>
                                                            </div>
                                                            <div class="col-auto">
                                                                <button class="btn_icon_word icon_sm btn_secondary" title="詳細" onclick="location.href='#';">
                                                                    <i class="fa-solid fa-ellipsis"></i>
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xxl h-auto mb-3">
                    <div class="content_layer rounded_lv4 p-0">
                        <div class="container_sm_fluid">
                            <div class="row">
                                <div class="col-12">
                                    <div class="area">
                                        <div class="row align-items-center mb-3">
                                            <div class="col font-weight-bold text-nowrap">財會管理</div>
                                            <div class="col-sm-auto">
                                                <div class="form-row justify-content-end">
                                                    <div class="col-auto">
                                                        <button class="btn_text text_sm btn_primary">更多財會</button>
                                                    </div>
                                                    <div class="col-auto">
                                                        <button class="btn_text text_sm btn_primary">新增財會</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-row list_container">
                                            <div class="col-md-12">
                                                <div class="row list_body align-items-center mt-0">
                                                    <div class="col">
                                                        <div class="row align-items-center">
                                                            <div class="col-md-auto col-xxl-12 col-xxxl-auto">2022.10.31</div>
                                                            <div class="col-md col-xxl-12 col-xxxl">
                                                                <div class="form-row align-items-center">
                                                                    <div class="col single_ellipsis">[項目名稱]</div>
                                                                    <div class="col-sm-auto">
                                                                        <div class="form-row">
                                                                            <div class="col-auto py-0">
                                                                                <div class="tag_frame tag_primary text-nowrap">應收</div>
                                                                            </div>
                                                                            <div class="col-auto py-0">
                                                                                <div class="tag_frame tag_primary text-nowrap">已收款</div>
                                                                            </div>
                                                                            <div class="col-auto py-0">
                                                                                <div class="tag_frame tag_primary text-nowrap">階段</div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-auto">
                                                        <div class="form-row list_tool justify-content-end">
                                                            <div class="col-auto">
                                                                <button class="btn_icon_word icon_sm btn_primary" title="編輯" onclick="location.href='#';">
                                                                    <i class="fa-solid fa-pen"></i>
                                                                </button>
                                                            </div>
                                                            <div class="col-auto">
                                                                <button class="btn_icon_word icon_sm btn_secondary" title="詳細" onclick="location.href='#';">
                                                                    <i class="fa-solid fa-ellipsis"></i>
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="row list_body align-items-center mt-0">
                                                    <div class="col">
                                                        <div class="row align-items-center">
                                                            <div class="col-md-auto col-xxl-12 col-xxxl-auto">2022.10.31</div>
                                                            <div class="col-md col-xxl-12 col-xxxl">
                                                                <div class="form-row align-items-center">
                                                                    <div class="col single_ellipsis">[項目名稱]</div>
                                                                    <div class="col-sm-auto">
                                                                        <div class="form-row">
                                                                            <div class="col-auto py-0">
                                                                                <div class="tag_frame tag_primary text-nowrap">應收</div>
                                                                            </div>
                                                                            <div class="col-auto py-0">
                                                                                <div class="tag_frame tag_primary text-nowrap">已收款</div>
                                                                            </div>
                                                                            <div class="col-auto py-0">
                                                                                <div class="tag_frame tag_primary text-nowrap">階段</div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-auto">
                                                        <div class="form-row list_tool justify-content-end">
                                                            <div class="col-auto">
                                                                <button class="btn_icon_word icon_sm btn_primary" title="編輯" onclick="location.href='#';">
                                                                    <i class="fa-solid fa-pen"></i>
                                                                </button>
                                                            </div>
                                                            <div class="col-auto">
                                                                <button class="btn_icon_word icon_sm btn_secondary" title="詳細" onclick="location.href='#';">
                                                                    <i class="fa-solid fa-ellipsis"></i>
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="row list_body align-items-center mt-0">
                                                    <div class="col">
                                                        <div class="row align-items-center">
                                                            <div class="col-md-auto col-xxl-12 col-xxxl-auto">2022.10.31</div>
                                                            <div class="col-md col-xxl-12 col-xxxl">
                                                                <div class="form-row align-items-center">
                                                                    <div class="col single_ellipsis">[項目名稱]</div>
                                                                    <div class="col-sm-auto">
                                                                        <div class="form-row">
                                                                            <div class="col-auto py-0">
                                                                                <div class="tag_frame tag_primary text-nowrap">應收</div>
                                                                            </div>
                                                                            <div class="col-auto py-0">
                                                                                <div class="tag_frame tag_primary text-nowrap">已收款</div>
                                                                            </div>
                                                                            <div class="col-auto py-0">
                                                                                <div class="tag_frame tag_primary text-nowrap">階段</div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-auto">
                                                        <div class="form-row list_tool justify-content-end">
                                                            <div class="col-auto">
                                                                <button class="btn_icon_word icon_sm btn_primary" title="編輯" onclick="location.href='#';">
                                                                    <i class="fa-solid fa-pen"></i>
                                                                </button>
                                                            </div>
                                                            <div class="col-auto">
                                                                <button class="btn_icon_word icon_sm btn_secondary" title="詳細" onclick="location.href='#';">
                                                                    <i class="fa-solid fa-ellipsis"></i>
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="row list_body align-items-center mt-0">
                                                    <div class="col">
                                                        <div class="row align-items-center">
                                                            <div class="col-md-auto col-xxl-12 col-xxxl-auto">2022.10.31</div>
                                                            <div class="col-md col-xxl-12 col-xxxl">
                                                                <div class="form-row align-items-center">
                                                                    <div class="col single_ellipsis">[項目名稱]</div>
                                                                    <div class="col-sm-auto">
                                                                        <div class="form-row">
                                                                            <div class="col-auto py-0">
                                                                                <div class="tag_frame tag_primary text-nowrap">應收</div>
                                                                            </div>
                                                                            <div class="col-auto py-0">
                                                                                <div class="tag_frame tag_primary text-nowrap">已收款</div>
                                                                            </div>
                                                                            <div class="col-auto py-0">
                                                                                <div class="tag_frame tag_primary text-nowrap">階段</div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-auto">
                                                        <div class="form-row list_tool justify-content-end">
                                                            <div class="col-auto">
                                                                <button class="btn_icon_word icon_sm btn_primary" title="編輯" onclick="location.href='#';">
                                                                    <i class="fa-solid fa-pen"></i>
                                                                </button>
                                                            </div>
                                                            <div class="col-auto">
                                                                <button class="btn_icon_word icon_sm btn_secondary" title="詳細" onclick="location.href='#';">
                                                                    <i class="fa-solid fa-ellipsis"></i>
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="row list_body align-items-center mt-0">
                                                    <div class="col">
                                                        <div class="row align-items-center">
                                                            <div class="col-md-auto col-xxl-12 col-xxxl-auto">2022.10.31</div>
                                                            <div class="col-md col-xxl-12 col-xxxl">
                                                                <div class="form-row align-items-center">
                                                                    <div class="col single_ellipsis">[項目名稱]</div>
                                                                    <div class="col-sm-auto">
                                                                        <div class="form-row">
                                                                            <div class="col-auto py-0">
                                                                                <div class="tag_frame tag_primary text-nowrap">應收</div>
                                                                            </div>
                                                                            <div class="col-auto py-0">
                                                                                <div class="tag_frame tag_primary text-nowrap">已收款</div>
                                                                            </div>
                                                                            <div class="col-auto py-0">
                                                                                <div class="tag_frame tag_primary text-nowrap">階段</div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-auto">
                                                        <div class="form-row list_tool justify-content-end">
                                                            <div class="col-auto">
                                                                <button class="btn_icon_word icon_sm btn_primary" title="編輯" onclick="location.href='#';">
                                                                    <i class="fa-solid fa-pen"></i>
                                                                </button>
                                                            </div>
                                                            <div class="col-auto">
                                                                <button class="btn_icon_word icon_sm btn_secondary" title="詳細" onclick="location.href='#';">
                                                                    <i class="fa-solid fa-ellipsis"></i>
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xxl h-auto mb-3">
                    <div class="content_layer rounded_lv4 p-0">
                        <div class="container_sm_fluid">
                            <div class="row">
                                <div class="col-12">
                                    <div class="area">
                                        <div class="row align-items-center mb-3">
                                            <div class="col font-weight-bold text-nowrap">立案項目</div>
                                            <div class="col-sm-auto">
                                                <div class="form-row justify-content-end">
                                                    <div class="col-auto">
                                                        <button class="btn_text text_sm btn_primary">更多立案</button>
                                                    </div>
                                                    <div class="col-auto">
                                                        <button class="btn_text text_sm btn_primary">新增立案</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-row list_container">
                                            <div class="col-md-12">
                                                <div class="row list_body align-items-center mt-0">
                                                    <div class="col">
                                                        <div class="row align-items-center">
                                                            <div class="col-md-auto col-xxl-12 col-xxxl-auto">2022.10.31</div>
                                                            <div class="col-md col-xxl-12 col-xxxl">
                                                                <div class="row align-items-center">
                                                                    <div class="col multiline_ellipsis clamp_2">[項目名稱]</div>
                                                                    <div class="col-sm-auto">
                                                                        <div class="d-flex">
                                                                            <div class="tag_frame tag_primary text-nowrap">狀態</div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-auto">
                                                        <div class="form-row list_tool justify-content-end">
                                                            <div class="col-auto">
                                                                <button class="btn_icon_word icon_sm btn_primary" title="編輯" onclick="location.href='#';">
                                                                    <i class="fa-solid fa-pen"></i>
                                                                </button>
                                                            </div>
                                                            <div class="col-auto">
                                                                <button class="btn_icon_word icon_sm btn_secondary" title="詳細" onclick="location.href='#';">
                                                                    <i class="fa-solid fa-ellipsis"></i>
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="row list_body align-items-center mt-0">
                                                    <div class="col">
                                                        <div class="row align-items-center">
                                                            <div class="col-md-auto col-xxl-12 col-xxxl-auto">2022.10.31</div>
                                                            <div class="col-md col-xxl-12 col-xxxl">
                                                                <div class="row align-items-center">
                                                                    <div class="col multiline_ellipsis clamp_2">[項目名稱]</div>
                                                                    <div class="col-sm-auto">
                                                                        <div class="d-flex">
                                                                            <div class="tag_frame tag_primary text-nowrap">狀態</div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-auto">
                                                        <div class="form-row list_tool justify-content-end">
                                                            <div class="col-auto">
                                                                <button class="btn_icon_word icon_sm btn_primary" title="編輯" onclick="location.href='#';">
                                                                    <i class="fa-solid fa-pen"></i>
                                                                </button>
                                                            </div>
                                                            <div class="col-auto">
                                                                <button class="btn_icon_word icon_sm btn_secondary" title="詳細" onclick="location.href='#';">
                                                                    <i class="fa-solid fa-ellipsis"></i>
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="row list_body align-items-center mt-0">
                                                    <div class="col">
                                                        <div class="row align-items-center">
                                                            <div class="col-md-auto col-xxl-12 col-xxxl-auto">2022.10.31</div>
                                                            <div class="col-md col-xxl-12 col-xxxl">
                                                                <div class="row align-items-center">
                                                                    <div class="col multiline_ellipsis clamp_2">[項目名稱]</div>
                                                                    <div class="col-sm-auto">
                                                                        <div class="d-flex">
                                                                            <div class="tag_frame tag_primary text-nowrap">狀態</div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-auto">
                                                        <div class="form-row list_tool justify-content-end">
                                                            <div class="col-auto">
                                                                <button class="btn_icon_word icon_sm btn_primary" title="編輯" onclick="location.href='#';">
                                                                    <i class="fa-solid fa-pen"></i>
                                                                </button>
                                                            </div>
                                                            <div class="col-auto">
                                                                <button class="btn_icon_word icon_sm btn_secondary" title="詳細" onclick="location.href='#';">
                                                                    <i class="fa-solid fa-ellipsis"></i>
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="row list_body align-items-center mt-0">
                                                    <div class="col">
                                                        <div class="row align-items-center">
                                                            <div class="col-md-auto col-xxl-12 col-xxxl-auto">2022.10.31</div>
                                                            <div class="col-md col-xxl-12 col-xxxl">
                                                                <div class="row align-items-center">
                                                                    <div class="col multiline_ellipsis clamp_2">[項目名稱]</div>
                                                                    <div class="col-sm-auto">
                                                                        <div class="d-flex">
                                                                            <div class="tag_frame tag_primary text-nowrap">狀態</div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-auto">
                                                        <div class="form-row list_tool justify-content-end">
                                                            <div class="col-auto">
                                                                <button class="btn_icon_word icon_sm btn_primary" title="編輯" onclick="location.href='#';">
                                                                    <i class="fa-solid fa-pen"></i>
                                                                </button>
                                                            </div>
                                                            <div class="col-auto">
                                                                <button class="btn_icon_word icon_sm btn_secondary" title="詳細" onclick="location.href='#';">
                                                                    <i class="fa-solid fa-ellipsis"></i>
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="row list_body align-items-center mt-0">
                                                    <div class="col">
                                                        <div class="row align-items-center">
                                                            <div class="col-md-auto col-xxl-12 col-xxxl-auto">2022.10.31</div>
                                                            <div class="col-md col-xxl-12 col-xxxl">
                                                                <div class="row align-items-center">
                                                                    <div class="col multiline_ellipsis clamp_2">[項目名稱]</div>
                                                                    <div class="col-sm-auto">
                                                                        <div class="d-flex">
                                                                            <div class="tag_frame tag_primary text-nowrap">狀態</div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-auto">
                                                        <div class="form-row list_tool justify-content-end">
                                                            <div class="col-auto">
                                                                <button class="btn_icon_word icon_sm btn_primary" title="編輯" onclick="location.href='#';">
                                                                    <i class="fa-solid fa-pen"></i>
                                                                </button>
                                                            </div>
                                                            <div class="col-auto">
                                                                <button class="btn_icon_word icon_sm btn_secondary" title="詳細" onclick="location.href='#';">
                                                                    <i class="fa-solid fa-ellipsis"></i>
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade modal_style" id="edit_info" 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">
                <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">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-5 h-auto">
                            <div class="h-100">
                                <div class="d-flex justify-content-center align-items-center w-100 h-100">
                                    <div class="form-row justify-content-center">
                                        <div class="col-6 mb-3">
                                            <div class="position-relative bg-white rounded-circle">
                                                <div class="box_1to1 w-100"></div>
                                                <img src="{{ asset('file/house.jpg') }}" class="p-2 shadow-sm object_fit_cover position-absolute w-100 h-100 top_0 left_0 rounded-circle">
                                            </div>
                                        </div>
                                        <div class="col-12"></div>
                                        <div class="col-auto">
                                            <button class="btn_text text_sm btn_primary" data-toggle="modal" data-target="#edit_info"><i class="far fa-image"></i>&ensp;變更圖片</button>
                                        </div>
                                        <div class="col-12 form-group">
                                            <label for="customer_name">客戶名稱</label>
                                            <input type="text" id="customer_name" class="form-control form_control_cover inputbox_primary" value="心統科技有限公司">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-7 h-auto">
                            <div class="h-100">
                                <div class="d-flex justify-content-center align-items-center w-100 h-100">
                                    <div class="form-row align-items-center">
                                        <div class="col-6 form-group">
                                            <label for="code">客戶代碼</label>
                                            <input id="code" type="text" class="form-control form_control_cover inputbox_primary" value="QBC123" readonly>
                                        </div>
                                        <div class="col-6 form-group">
                                            <label for="tel">客戶電話</label>
                                            <input id="tel" type="email" class="form-control form_control_cover inputbox_primary">
                                        </div>
                                        <div class="col-12 form-group">
                                            <label for="email">電子郵件</label>
                                            <input id="email" type="email" class="form-control form_control_cover inputbox_primary">
                                        </div>
                                        <div class="col-12 form-group">
                                            <label for="address">客戶地址</label>
                                            <input id="address" type="email" class="form-control form_control_cover inputbox_primary">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="">
                                <div class="form-row">
                                    <div class="col-12 form-group">
                                        <label for="description">客戶描述</label>
                                        <textarea id="description" class="form-control form_control_cover inputbox_primary"></textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn_text text_sm btn_primary" data-dismiss="modal">儲存變更</button>
                <button class="btn_text text_sm btn_secondary" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>

@endsection


@section('jsdefine')


@endsection