@extends('dashboard.layouts.master')

@section('css')
<style type="text/css">
    .template{
        margin: 10px;
        padding: 10px;
        border: 1px solid gray;
        border-radius: 10px;
        cursor: pointer;
    }
    .template:hover{
        background-color: #c1185b;
        color: white;
    }
    .parent_template{
        margin: 10px;
        padding: 10px;
        border: 1px solid gray;
        border-radius: 10px;
        cursor: pointer;
    }
    .parent_template:hover{
        background-color: #c1185b;
        color: white;
    }
</style>
@endsection

@section('breadcrumb')
    <div class="col-sm-6">
        <h4 class="page-title">طلب متابعة</h4>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">{{ trans('labels.dashboard') }}</a></li>
            <li class="breadcrumb-item active">{{ $request->followupRequest->title() }}</li>
        </ol>
    </div>
    <div class="col-sm-6">
        <p>عدد متابعة اليوم: {{auth()->user()->followupCount() ?? 0}}</p>
    </div>
@endsection

@section('content')
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-body">
                    <div>
                        <h4 class="mt-0 header-title" style="display:inline; margin-left: 10px">
                           التحقيق </h4>
                        {!! auth()->user()->followupDetails(auth()->user()->followup_request_id) ?? "" !!}
                       
                    </div>
                                        <div>
                        <h4 class="mt-0 header-title" style="display:inline; margin-left: 10px">
                            {{ trans('labels.student_details') }} </h4>
                        {!! $user->statusElement() !!}
                       
                    </div>

                    <div class="table-responsive" style="margin-top:20px">
                        <table class="table table-striped mb-0">


                            <tbody>
                                <tr>
                                    <th scope="row" style="width: 300px;">{{ trans('labels.student_id') }}</th>
                                    <td>{{ $user->student_id }}</td>
                                </tr>
                                <tr>
                                    <th scope="row" style="width: 300px;">{{ trans('labels.student_name') }}</th>
                                    <td>{{ $user->name }}</td>
                                </tr>

                                <tr>
                                    <th scope="row" style="width: 300px;">{{ trans('labels.phone') }}</th>
                                    <td>{{ $user->phone }} 
                                        <a href="https://wa.me/+2{{ $user->phone }}" target="_blank">
                                            <img src="{{asset('frontend/whatsapp.svg')}}" style="height:30px">
                                        </a>
                                    </td>
                                </tr>


                                
                                <tr>
                                    <th scope="row" style="width: 300px;">رقم ولي الامر</th>
                                    <td>{{ $user->parent_phone }}
                                        <a href="https://wa.me/+2{{ $user->parent_phone }}" target="_blank">
                                            <img src="{{asset('frontend/whatsapp.svg')}}" style="height:30px">
                                        </a>
                                    </td>
                                </tr>

                                 <!-- <tr>
                                    <th scope="row" style="width: 300px;">رقم هاتف الام</th>
                                    <td>{{ $user->mother_phone }}</td>
                                </tr> -->
                                
                                <tr>
                                    <th scope="row" style="width: 300px;">الصف الدراسي</th>
                                    <td>{{ $user->educationalLevelLabel() }}</td>
                                </tr>
                                
                               
                                <tr>
                                    <th scope="row" style="width: 300px;">القسم</th>
                                    <td>{{ $user->department }}</td>
                                </tr>
                                <tr>
                                    <th scope="row" style="width: 300px;">النوع</th>
                                    <td>{{ $user->gender }}</td>
                                </tr>
                                <!-- <tr>
                                    <th scope="row" style="width: 300px;">درجة امتحان الشهر</th>
                                    <td>{{ $user->attendClass(8)->degree ?? "" }}</td>
                                </tr> -->

                            </tbody>
                        </table>
                    </div>

                </div>

            </div>
        </div> <!-- end col -->
    </div>
    
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-body">
                   
                    <div>
                        <h4 class="mt-0 header-title" style="display:inline; margin-left: 10px">
                            المحاضرات </h4>

                    </div>

                    <div class="table-responsive" style="margin-top:20px">
                        <table class="table table-striped mb-0">
                            <thead>
                                <tr>
                                    <td>المحاضرة</td>
                                    <td>تاريخ الطلب</td>
                                    <td>تاريخ الانتهاء</td>
                                    <td>التقدم</td>
                                </tr>
                            </thead>

                            <tbody>
                                @foreach($user->paidLectures() as $lectureStudent)
                                    <tr>
                                        <td>
                                            @if($lectureStudent->contents()->count() > 0)
                                            <span class="openIt" data-id="{{$lectureStudent->id}}">
                                                <i class="fa fa-folder-open"></i>
                                            </span>
                                            @endif
                                            {{ $lectureStudent->lecture->title }}
                                        </td>
                                        <td>{{ $lectureStudent->created_at }}</td>
                                        <td>{{ $lectureStudent->expired_at }}</td>
                                        <td>{{ $lectureStudent->studentProgressPercentage() }}%</td>
                                    </tr>
                                    @foreach($lectureStudent->contents() as $content)
                                        <tr class="{{$lectureStudent->id}}"  style="display:none">
                                            <td></td>
                                            <td>{{ $content->content->content->title }}</td>
                                            <td>{{ $content->content->type }}</td>
                                            @if($content->status)
                                                <td>{{ $content->form_id ? $content->examResultLabel() : "تم التخطي" }}</td>
                                            @else
                                                <td>معلق</td>
                                            @endif
                                        </tr>
                                    @endforeach
                                @endforeach
                            </tbody>
                        </table>
                    </div>

                </div>

            </div>
        </div> <!-- end col -->
    </div>

    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-body">
                   
                    <div>
                        <h4 class="mt-0 header-title" style="display:inline; margin-left: 10px">
                            الامتحانات </h4>

                    </div>

                    <div class="table-responsive" style="margin-top:20px">
                        <table class="table table-striped mb-0">
                            <thead>
                                <tr>
                                    <th>{{ trans('labels.started_at') }}</th>
                                    <th>الوقت</th>
                                    <th>{{ trans('labels.content') }}</th>
                                    <th>{{ trans('labels.type') }}</th>
                                    <th>{{ trans('labels.status') }}</th>
                                    <th>الدرجة</th>
                                </tr>
                            </thead>

                            <tbody>
                                @foreach($user->progressExams() as $lectureContent)
                                    <tr>
                                        <td>{{ date('Y-m-d', strtotime($lectureContent->created_at)) }}</td>
                                        <td>{{ date('H:i', strtotime($lectureContent->created_at)) }}</td>
                                        <td>
                                            @if ($lectureContent->content->type == 'exam')
                                                @if ($lectureContent->form)
                                                    <!-- {{ $lectureContent->content->model->title }} -->
                                                        {{ ' (' . $lectureContent->form->title . ')' }}
                                                @else
                                                    {{ $lectureContent->content->model->title }}
                                                @endif
                                            @else
                                                <img src="{{ $lectureContent->content->model->file_image_full_path }}"
                                                    style="max-height: 100px;">
                                            @endif
                                        </td>
                                        <td>{{ trans('labels.' . $lectureContent->content->type) }}</td>
                                        <td>{{ $lectureContent->status ? trans('labels.done') : trans('labels.pending') }}
                                        </td>
                                        <td>
                                            @if ($lectureContent->status)
                                                @if ($lectureContent->content->type == 'exam')
                                                    {{ $lectureContent->need_review == 1 ? "جاري التصحيح" : $lectureContent->examResultLabelParent() }}
                                                @else
                                                    {{ trans('labels.passed') }}
                                                @endif
                                            @else
                                                {{ trans('labels.not_start_yet') }}
                                            @endif
                                        </td>

                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>

                </div>

            </div>
        </div> <!-- end col -->
    </div>

    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-body">
                   
                    <div>
                        <h4 class="mt-0 header-title" style="display:inline; margin-left: 10px">
                            السنتر </h4>

                    </div>

                    <div class="table-responsive" style="margin-top:20px">
                        <table class="table table-striped mb-0">
                            <thead>
                                <tr>
                                    <td>اسم الحصة</td>
                                    <td>المجموعة</td>
                                    <td>الحضور</td>
                                    <td>الدرجة</td>
                                    <td>التعويض</td>
                                </tr>
                            </thead>

                            <tbody>
                                @foreach($classes as $class)