@extends("common.layout-popup")

@section("header")

@endsection

@section("page-title", "출석율 확인")

@section("content")
@php
    $usedDate = $enrollment->getEnrollmentPeriod() ;
    $attendanceDate = $enrollment->getLectureAttendanceDate() ;
@endphp
<div class="summary-wrap mb-3">
    <div class="summary-box" style="--box-color: var(--bs-black)">
        <div class="summary-title">
            <i class="bi bi-check-circle-fill"></i>
            <span>총 이용일</span>
        </div>
        <div class="summary-text ">{{ $usedDate}}일</div>
    </div>
    <div class="summary-box" style="--box-color: var(--bs-success)">
        <div class="summary-title">
            <i class="bi bi-calendar-fill"></i>
            <span>출석일</span>
        </div>
        <div class="summary-text text-success">{{ count($attendanceDate )}}일</div>
    </div>
    <div class="summary-box" style="--box-color: var(--bs-danger)">
        <div class="summary-title">
            <i class="bi bi-exclamation-circle-fill"></i>
            <span>결석일</span>
        </div>
        <div class="summary-text text-danger">{{ $usedDate - count($attendanceDate) }}일</div>
    </div>
    <div class="summary-box" style="--box-color: var(--bs-primary)">
        <div class="summary-title">
            <i class="bi bi-bar-chart-fill"></i>
            <span>출석율</span>
        </div>
        <div class="summary-text">{{ $enrollment->attendance_rate ?? 0 }}%</div>
    </div>

</div>

<section class="mb-3">
    <header>
        <h6>수강기간 : {{ date('Y-m-d', strtotime($enrollment->started_at)) }} ~ {{ date('Y-m-d', strtotime($enrollment->ended_at)) }}</h6>
    </header>
    <main class="limit-height p-0 m-3 custom-scroll" style="--height: 650px">
        <table class="table table-hover table-sticky">
            <colgroup>
                <col width="10%">
                <col width="7%">
                <col width="/">
                <col width="/">
                <col width="7%">
                <col width="7%">
            </colgroup>
            <thead>
                <tr>
                    <th>일자</th>
                    <th>회차</th>
                    <th>강좌명</th>
                    <th>강의명</th>
                    <th>진도율</th>
                    <th>이어듣기</th>
                </tr>
            </thead>
            <tbody>
                @if ($attendances)
                    @php
                        $isBgColor = true;
                        $pStartDate = $pEndDate = null;
                        $isPrintPause = false;
                        if ( $enrollment->enrollmentPause ) {
                            $pStartDate = $enrollment->enrollmentPause->started_at;
                            $pEndDate = $enrollment->enrollmentPause->ended_at;
                        }
                    @endphp
                    @foreach($attendances as $date => $list)
                        @if ( $pStartDate && $pEndDate && $pStartDate <= $date && $pEndDate >= $date)
                            @if (! $isPrintPause)
                                <tr class="">
                                    <td colspan="6" class="text-center" style="background: var(--bs-gray-400);color: var(--bs-black);font-weight: 600;">
                                        [휴강기간] {{ $pStartDate }} ~ {{ $pEndDate }}
                                    </td>
                                </tr>
                                @php $isPrintPause = true; continue; @endphp
                            @else
                                @php continue;  @endphp
                            @endif

                        @endif
                        @php
                            $isAttendance = in_array( $date, $attendanceDate);
                        @endphp
                        @if (count($list) > 0)
                            @foreach ($list as $key => $item)
                                <tr @class(['bg-gray' => $isBgColor])>
                                    @if ($key == 0)
                                        <td rowspan="{{ count($list) }}" @class(['font-weight-600', 'text-danger' => ! $isAttendance  ])>{{ $date }}</td>
                                    @endif
                                    <td>{{ $item['sort'] }}</td>
                                    <td>{{ $item['courseName'] }}</td>
                                    <td>{{ $item['lectureName'] }}</td>
                                    <td>{{ $item['percentage'] }}%</td>
                                    <td>{{ $item['is_acknowledged'] == 2 ? "O" : "-" }}</td>
                                </tr>
                            @endforeach
                        @else
                            <tr @class(['bg-gray' => $isBgColor])>
                                <td class="font-weight-600 text-danger">{{ $date }}</td>
                                @for ($i = 0 ; $i < 5 ; $i ++)
                                    <td>-</td>
                                @endfor
                            </tr>
                        @endif


                        @php
                            $isBgColor = ! $isBgColor;
                        @endphp
                    @endforeach
                @endif

            </tbody>
        </table>
    </main>
</section>


@endsection

@push("script")

@endpush