@extends("common.layout")

@section("header")
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
{!! resource('js/components/tab.js') !!}
{!! resource('js/enrollment/academy-course.js') !!}
{!! resource('css/components/hybrid-table.css') !!}
@endsection

@section("content")

@php
    use Carbon\Carbon;
    $isAttendanceDate = ! empty($date);
    $year = Request::get('year',date('y') );
    $month = Request::get('month',date('m') );
@endphp

<div class="split">
    <h1><a href="{{ route('enrollment.academy.attendance') }}">어학센터 수강생 출결관리</a></h1>
</div>

<section>
    <main>
        <form action="{{ route('enrollment.academy.attendance') }}" class="search-form"  method="GET">
            <input type="hidden" name="isSearch" value="1" />
            <input type="hidden" name="year" id="year" value="{{ $year }}" />
            <input type="hidden" name="month" id="month" value="{{ $month }}" />
            <div class="search-input-wrap">
                <div class="input-group input-group-sm chosen">
                    <label class="input-group-text" for='course_id'>강좌</label>
                    <select class="form-select" id="course_id" name="course_id">
                        <option value="0">선택없음</option>
                        @foreach ($courses as $course)
                            <option value="{{ $course->id }}" @selected(Request::get("course_id", 0) == $course->id)>{{ $course->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="input-group input-group-sm">
                    <label class="input-group-text" for='type'>재등록구분값</label>
                    <select class="form-select" id="type" name="type">
                        <option value="">선택없음</option>
                        <option value="A" @selected(Request::get('type') == 'A')>A</option>
                        <option value="B" @selected(Request::get('type') == 'B')>B</option>
                        <option value="C" @selected(Request::get('type') == 'C')>C</option>
                        <option value="F" @selected(Request::get('type') == 'F')>F</option>
                    </select>
                </div>
            </div>

            <button type="submit" class="btn btn-sm btn-outline-dark search-button"><i class="bi bi-search"></i> 조회</button>
        </form>
    </main>
</section>

<div class="layout-horizon-tab">
    <div class="search-area type2">
        @include("enrollment.course.month-selector")
    </div>
    <div class="content-area">
        @foreach ( $data as $course_id => $items )
            @foreach ( $items as $teacher_ids => $item )
                <section class="mt-3 enrollment-attendance">
                    <header>
                        <span>{{ $item['main']['course_name'] }} {{ ! empty($item['main']['teacher_name']) ? "(".$item['main']['teacher_name'].")" : ''}}</span>

                        @if ($isAttendanceDate)
                            <span class="d-flex">
                                <select class="form-select form-select-sm mr-3 allAttendance" name="attendance_date">
                                    <option value="">날짜선택</option>
                                    @foreach ( $date as $d )
                                        @if ($d <= Carbon::now()->toDateString() )
                                            <option value="{{ $d }}">{{ $d }}</option>
                                        @endif
                                    @endforeach
                                </select>

                                <button class="btn btn-sm btn-success onCheckAllAttendance">
                                    <i class="bi bi-person-check"></i>
                                    <span class="mr-1">일괄출석</span>
                                </button>
                            </span>
                        @endif
                    </header>
                    <main>
                        <div class="hybrid-container">
                            <div class="left-table-wrap">
                                <table class="left-table table">
                                    <colgroup>
                                        <col width="20px">
                                        <col width="120px">
                                        <col width="80px">
                                        <col width="90px">
                                        <col width="90px">
                                        <col width="100px">
                                        <col width="200px">
                                    </colgroup>
                                    <thead>
                                        <tr>
                                            <th></th>
                                            <th>수강생명</th>
                                            <th>번호뒷자리</th>
                                            <th>수강기간</th>
                                            <th>강좌종료기간</th>
                                            <th>재등록분류</th>
                                            <th>특이사항</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ( $item['courses'] as $index => $enrollmentCourse)
                                            @php
                                                $enrollment = $enrollmentCourse->enrollment;
                                            @endphp
                                            <tr>
                                                <td class="number">{{ $index + 1 }}</td>
                                                <td>
                                                    <div class="d-flex w-100">
                                                        @if ($enrollment->user->photo_url)
                                                            <img class="thumbnail mr-1" src="{{ $enrollment->user->photo_url }}">
                                                        @endif
                                                        <div @class(['is_sprout', 'w-100',  'active' => $enrollmentCourse->is_sprout == 1 ]) data-id="{{ $enrollmentCourse->id }}">
                                                            @if ($enrollment->module == 'general')
                                                                (G)
                                                            @endif
                                                            {{ $enrollment->user->name }}
                                                        </div>
                                                    </div>
                                                </td>
                                                <td>
                                                    <a href="{{ route('user.detail', ['id' => $enrollment->user_id]) }}" target="_blank">
                                                        {{ substr($enrollment->user->getPlain('phone'), -4, 4) }}
                                                    </a>
                                                </td>
                                                <td class="font-sm"> ~ {{ date('y.m.d' , strtotime($enrollment->ended_at)) }}</td>
                                                <td class="font-sm"> ~ {{ date('y.m.d' , strtotime($enrollmentCourse->ended_at)) }}</td>
                                                <td>
                                                    <select class="form-select form-select-sm onChange type" name="type" data-id="{{ $enrollmentCourse->id }}">
                                                        <option>-</option>
                                                        <option value="A" @selected($enrollmentCourse->type == 'A')>A</option>
                                                        <option value="B" @selected($enrollmentCourse->type == 'B')>B</option>
                                                        <option value="C" @selected($enrollmentCourse->type == 'C')>C</option>
                                                        <option value="F" @selected($enrollmentCourse->type == 'F')>F</option>
                                                    </select>
                                                </td>
                                                <td>
                                                    <div class="processBox">
                                                        <input type="text" name="memo" class="form-control form-control-sm onKeypress" value="{{ $enrollmentCourse->memo }}" maxlength="10" data-id="{{ $enrollmentCourse->id }}" />
                                                    </div>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                            <div @class(['right-table-wrap', 'empty' => ! $isAttendanceDate])>
                                    @if ( $isAttendanceDate )
                                        <table class="right-table">
                                            <thead>
                                                <tr>
                                                    @foreach ( $date as $d )
                                                        <th @class(["today" => $d == Carbon::now()->toDateString(), "onSelect" => $d <= Carbon::now()->toDateString() ]) data-date="{{ $d }}">{{ date('d', strtotime($d)) }}</th>
                                                    @endforeach
                                                    {{-- <th style="border-left: 2px solid #000">출석</th>
                                                    <th>결석</th>
                                                    <th>지각</th> --}}
                                                    <th style="border-left: 2px solid #000">수강현황</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ( $item['courses'] as $enrollmentCourse)
                                                    @php
                                                        $count = [];
                                                    @endphp
                                                <tr data-id="{{ $enrollmentCourse->id }}">
                                                    @foreach ( $date as $d )
                                                        <td @class(["today" => $d == Carbon::now()->toDateString(),
                                                            "disabled" => $d < $enrollmentCourse->started_at || $d > $enrollmentCourse->ended_at ])>
                                                            @if ( $d >= $enrollmentCourse->started_at && $d <= $enrollmentCourse->ended_at && $d <= Carbon::now()->toDateString() )
                                                                @php
                                                                    $status = $time = "";
                                                                    $isAdmin = true;
                                                                    if ( isset($list[$enrollmentCourse->id][$d]) ) {
                                                                        $info = $list[$enrollmentCourse->id][$d];
                                                                        $status = $info['status'];
                                                                        $isAdmin = $info['is_admin'];
                                                                        $time = date("H:i", strtotime($info['created_at']));
                                                                    }
                                                                @endphp
                                                                <div @class([ 'icon-attendance', strtolower($status),
                                                                    "onCheckAttendance" =>  $d <= Carbon::now()->toDateString() ,
                                                                ]) data-attendance-date="{{ $d }}"></div>
                                                            @endif
                                                        </td>
                                                    @endforeach
                                                    {{-- <td style="border-left: 2px solid #000">
                                                        <span class="attendCnt text-success font-weight-600 font-lg">{{ isset($count['attend']) ?  $count['attend'] : 0 }}</span>
                                                    </td>
                                                    <td>
                                                        <span class="absentCnt  text-danger font-weight-600 font-lg">{{ isset($count['absent']) ? $count['absent'] : 0 }}</span>
                                                    </td>
                                                    <td>
                                                        <span class="lateCnt  font-weight-600 font-lg">{{ isset($count['late']) ? $count['late'] : 0 }}</span>
                                                    </td> --}}
                                                    <td style="border-left: 2px solid #000">
                                                        <a class="btn btn-sm btn-warning text-black" href="{{ route("enrollment.detail", ['service' => 'academy', 'id' => $enrollmentCourse->enrollment->id]) }}" target="_blank">보기</a>
                                                    </td>
                                                </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    @else
                                        <div class="noData">월별 출석일자가 없습니다.<br>당월인 경우 개발팀에 문의해주세요 </div>
                                    @endif

                            </div>

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

            @endforeach
        @endforeach
    </div>
</div>

@endsection

@push("script")

<style>
    .enrollment-attendance .left-table-wrap, .enrollment-attendance .right-table-wrap {max-height: 700px;overflow-y: auto;}
    .enrollment-attendance .left-table th {    background: #f5f5f5;}
</style>
<script src="https://unpkg.com/sticky-table-headers"></script>

<script>
    $(function() {
        $("#course_id").chosen({
            width: "100%",
            no_results_text: "검색 결과가 없습니다: ",
            placeholder_text_single: "상품을 선택하세요",
            search_contains: true
        });

        $('.hybrid-container table').each(function() {
            $(this).stickyTableHeaders({scrollableArea: $(this).closest('div')});
        })


    })


</script>
@endpush