<!-- 標題 -->
<section class="meeting-title">
    <label id="minute-title-label">標題</label>
    <div class="input-box">
        <textarea id="input-title" name="title" class="input-bar" cols="10" rows="5" placeholder="會議標題(次數請打中文)"
            required></textarea>
        <div class="dropdown">
            <button class="dropbtn" id="addBtn-title"><i class="fas fa-plus"></i></button>
            <div class="dropdown-content">
                <ul id="default-title" class="default-ul"></ul>
            </div>
        </div>
    </div>
</section>


<!-- 主席 -->
<section class="meeting-charperson">
    <label>主席</label>
    <div class="input-box">
        <!-- <input id="input-charperson" name="charperson" class="input-bar" type="text" placeholder="會議主席" required> -->
        <textarea id="input-charperson" name="charperson" class="input-bar" cols="10" rows="5" placeholder="會議主席"
            required></textarea>
        <div class="dropdown">
            <button class="dropbtn" id="addBtn-charperson"><i class="fas fa-plus"></i></button>
            <div class="dropdown-content">
                <ul id="default-charperson" class="default-ul"></ul>
            </div>
        </div>
    </div>
</section>
<!-- 紀錄 -->
<section class="meeting-minute">
    <label>記錄</label>
    <div class="input-box">
        <!-- <input id="input-minute" name="minute" class="input-bar" type="text" placeholder="會議記錄" required> -->
        <textarea id="input-minute" name="minute" class="input-bar" cols="10" rows="5" placeholder="會議記錄"
            required></textarea>
        <div class="dropdown">
            <button class="dropbtn" id="addBtn-minute"><i class="fas fa-plus"></i></button>
            <div class="dropdown-content">
                <ul id="default-minute" class="default-ul"></ul>
            </div>
        </div>
    </div>
</section>

<!-- 地點 -->
<section class="meeting-venue">
    <label>地點</label>
    <div class="input-box">
        <!-- <input id="input-venue" name="venue" class="input-bar" type="text" placeholder="會議地點" required> -->
        <textarea id="input-venue" name="venue" class="input-bar" cols="10" rows="5" placeholder="會議地點"
            required></textarea>
        <div class="dropdown">
            <button class="dropbtn" id="addBtn-venue"><i class="fas fa-plus"></i></button>
            <div class="dropdown-content">
                <ul id="default-venue" class="default-ul"> </ul>
            </div>
        </div>
    </div>
</section>
<!-- 人員 -->
<section class="meeting-participant">
    <label>與會人員</label>
    <div class="input-box">
        <textarea id="input-participant" name="participant" class="input-bar" cols="10" rows="5"
            placeholder="與會人員(以空格隔開)" required></textarea>
        <div class="dropdown">
            <button class="dropbtn" id="addBtn-participant"><i class="fas fa-plus"></i></button>
            <div class="dropdown-content">
                <ul id="default-participant" class="default-ul"></ul>
            </div>
        </div>
    </div>
</section>

<!-- TAG -->
<section class="meeting-tag">
    <label>#標籤</label>
    <div class="input-box">
        <textarea id="input-tag" name="tags" class="input-bar" cols="10" rows="5" placeholder="會議標籤(以空格隔開)"></textarea>
        <div class="dropdown">
            <button class="dropbtn" id="addBtn-tag"><i class="fas fa-plus"></i></button>
            <div class="dropdown-content">
                <ul id="default-tag" class="default-ul"></ul>
            </div>
        </div>
    </div>
</section>
<!-- 時間 -->
<section>
    <label>時間</label>
    <div class="input-box timebar">
        <input id="input-date" name="date" class="input-bar" type="date" required><br>
        <input id="input-time" name="time" class="input-bar" type="time" required>
    </div>
</section>


<!-- 內容 -->
<section>
    <label>內容(請上傳PDF)</label>

    <div class="meeting-file">
        <!-- 上傳 -->

        <i class="fas fa-file-upload upload" aria-hidden="true">
            <input type="file" name="content" id="file-content" accept=".pdf" required>
        </i>

        <div class="upload-area" id="upload-area-content">

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

<!-- 附件 -->
<section id="section-files">
    <label>附件</label>
    <div class="meeting-file">

        <i class="fas fa-file-upload upload" aria-hidden="true">
            <input type="file" name="attach" id="file-attach" multiple="multiple">
        </i>

        <div class="upload-area" id="upload-area-attach">

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