@extends('layout.app')
@section('title')
    {{ __('نقاط الطلاب') }}
@stop
@section('css')
    <!-- BEGIN: Vendor CSS-->
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/vendors/css/vendors-rtl.min.css') }}">
    <link rel="stylesheet" type="text/css"
        href="{{ asset('app-assets/vendors/css/tables/datatable/dataTables.bootstrap4.min.css') }}">
    <link rel="stylesheet" type="text/css"
        href="{{ asset('app-assets/vendors/css/tables/datatable/responsive.bootstrap4.min.css') }}">
    <link rel="stylesheet" type="text/css"
        href="{{ asset('app-assets/vendors/css/tables/datatable/buttons.bootstrap4.min.css') }}">
    <link rel="stylesheet" type="text/css"
        href="{{ asset('app-assets/vendors/css/tables/datatable/rowGroup.bootstrap4.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/vendors/css/pickers/flatpickr/flatpickr.min.css') }}">
    <!-- END: Vendor CSS-->

    <!-- BEGIN: Page CSS-->
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/core/menu/menu-types/vertical-menu.css') }}">
    <!-- END: Page CSS-->
@stop

@section('content')

    <div class="card">
        <div class="card-header">
            <h4 class="card-title">{{ __('تقييمات الصفوف') }}</h4>
        </div>
        <div class="card">
            <form action="{{ route('values.index') }}" method="get" enctype="multipart/form-data">

                <div class="d-flex justify-content-between align-items-center mx-50 row pt-0 pb-2">
                    @csrf

                    <div class="col-md-3">
                        <label class="form-label">{{ __('الفصل الدراسي') }}</label>
                        <select name="grade_id" class="form-control">
                            <option value="">{{ __('اختر فصل') }}</option>
                            @forelse (App\Models\Grade::get() as $item)
                                <option value="{{ $item->id }}">{{ $item->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">{{ __('السنة الدراسية') }}</label>
                        <select name="year_id" class="form-control">
                            <option value="">{{ __(' اختر سنة راسية') }}</option>
                            @forelse (App\Models\Year::get() as $item)
                                <option value="{{ $item->id }}">{{ $item->school_year }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-3 pt-2">
                        <button type="submit" class="btn btn-primary">عرض</button>
                    </div>


                </div>
            </form>
            <hr>
            <div class="align-items-center mx-50 row pt-2">

                <div class="col-md-3">
                    <span class="font-weight-bold">{{ __('الفصل الدراسي') }} :</span>
                    <span class="font-weight-bold">
                        @if ($grade)
                            {{ $grade->name }}
                        @endif
                    </span>

                </div>
                <div class="col-md-4">
                    <span class="font-weight-bold">{{ __(' السنة الدراسية') }} :</span>
                    <span class="font-weight-bold">
                        @if ($year)
                            {{ $year->school_year }}
                        @endif
                    </span>

                </div>


            </div>
        </div>
        <div class="table-responsive">
            {{-- <x-alert /> --}}
            <table class="table table-striped">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>{{ __(' الصف') }}</th>
                        <th>{{ __('مربي الصف') }}</th>
                        <th>{{ __('تاريخ اخر تقييم') }}</th>
                        <th>{{ __(' مجموع نقاط طلاب الصف') }}</th>
                        <th>{{ __('التفاصيل') }}</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($classes as $cc)
                        <tr>
                            <td> {{ $loop->iteration }}</td>
                            <td>
                                <span class="font-weight-bold">
                                    @if ($cc->classa)
                                        {{ $cc->classa->name }}
                                    @endif
                                </span>
                            </td>
                            <td>
                                <span class="font-weight-bold">
                                    @if ($cc->classa)
                                        @if ($cc->classa->user)
                                            {{ $cc->classa->user->name }}
                                        @else
                                            <span class="text-danger"> بدون مربي </span>
                                        @endif
                                    @endif
                                </span>
                            </td>
                            <td>
                                <span class="font-weight-bold"> {{ $cc->date }} </span>
                            </td>
                            <td class="text-center">
                                <span class="badge bg-primary">{{ $cc->total }}</span>
                            </td>
                            <td>
                                <a href="{{ route('points.classes', $cc->id) }}"> <span class="font-weight-bold">عرض
                                        التفاصيل</span></a>
                            </td>

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


    </div>
@endsection

@section('js')
    <!-- BEGIN: Page Vendor JS-->
    <script src="{{ asset('app-assets/vendors/js/tables/datatable/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('app-assets/vendors/js/tables/datatable/datatables.bootstrap4.min.js') }}"></script>
    <script src="{{ asset('app-assets/vendors/js/tables/datatable/dataTables.responsive.min.js') }}"></script>
    <script src="{{ asset('app-assets/vendors/js/tables/datatable/responsive.bootstrap4.js') }}"></script>
    <script src="{{ asset('app-assets/vendors/js/tables/datatable/datatables.buttons.min.js') }}"></script>
    <script src="{{ asset('app-assets/vendors/js/tables/datatable/datatables.checkboxes.min.js') }}"></script>
    <script src="{{ asset('app-assets/vendors/js/tables/datatable/jszip.min.js') }}"></script>
    <script src="{{ asset('app-assets/vendors/js/tables/datatable/pdfmake.min.js') }}"></script>
    <script src="{{ asset('app-assets/vendors/js/tables/datatable/vfs_fonts.js') }}"></script>
    <script src="{{ asset('app-assets/vendors/js/tables/datatable/buttons.html5.min.js') }}"></script>
    <script src="{{ asset('app-assets/vendors/js/tables/datatable/buttons.print.min.js') }}"></script>
    <script src="{{ asset('app-assets/vendors/js/tables/datatable/dataTables.rowGroup.min.js') }}"></script>
    <script src="{{ asset('app-assets/vendors/js/pickers/flatpickr/flatpickr.min.js') }}"></script>

    <!-- END: Page Vendor JS-->
    <!-- END: Page Vendor JS-->

    <!-- BEGIN: Page JS-->

    <!-- BEGIN: Page JS-->
    <script src="{{ asset('app-assets/js/emad.js') }}"></script>
    {{-- <script src="{{asset('app-assets/js/datatables.js')}}"></script> --}}
    <!-- END: Page JS-->

@stop