오늘의 예약 현황

미리보기

소스

<div class="card card-md">
    <div class="card-status-start bg-green"></div>
    <div class="card-header">
        <h4 class="card-title">오늘의 예약 현황</h4>
        <div class="card-actions">
            <span class="badge bg-green-lt text-green">12건</span>
        </div>
    </div>
    <div class="card-body">
        <div class="d-flex align-items-center">
            <span class="avatar bg-blue-lt text-blue me-3">
                <i class="f:20 ti ti-calendar-check"></i>
            </span>
            <div class="flex-fill">
                <div class="font-weight-medium">오후 피팅 예약이 집중되어 있습니다.</div>
                <div class="text-secondary">오후 2시부터 5시까지 담당자를 추가 배정해 주세요.</div>
            </div>
        </div>
    </div>
    <div class="card-footer text-end">
        <button type="button" class="btn btn-primary">예약표 보기</button>
    </div>
</div>