<template>
    <div class="card mb-6">
        <div class="card-body">
        <h5 class="card-title mb-1"><div class="list-group-item list-group-item-action d-flex align-items-center cursor-pointer">
            <img src="/img/avatars/1.png" class="rounded-circle me-3 w-px-40" >
            <div class="w-100">
            <div class="d-flex justify-content-between">
                <div class="user-info">
                    <h6 class="mb-1">공공이</h6>
                </div>
                <div class="add-btn">
                    <!-- 투표완료시  -->
                    <i class="bx bxs-check-circle link-success"></i>
                    <!-- 투표작성자만 수정/삭제/종료 가능  -->
                    <button type="button" class="bx btn btn-danger">종료</button>
                    <EditBtn />
                    <DeleteBtn />
                </div>
                </div>
            </div>
            </div>
        </h5>
        <div class="mb-1">회식장소 고릅시다.</div>
        <div class="mb-1">24.12.12 11:02 ~ 24.12.12 16:02</div>
        <!-- 투표완료시-->
        <vote-revote-end />
        <!-- 투표안했을시-->
        <vote-card-check />
        <!-- 투표완/미완 인원 -->
        <vote-user-list />
        <!-- 투표 결과 -->
        <vote-result-list />
        </div>
    </div>
</template>

<script setup>
import { ref } from 'vue'
import EditBtn from '@c/button/EditBtn.vue';
import DeleteBtn from '@c/button/DeleteBtn.vue';
import voteUserList from '@c/voteboard/voteUserList.vue';
import voteResultList from '@c/voteboard/voteResultList.vue';
import voteCardCheck from '@c/voteboard/voteCardCheck.vue';
import voteRevoteEnd from '@c/voteboard/voteRevoteEnd.vue';

</script>

<style scoped>

</style>
