@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">
            <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 ($classpoint->classa)
                            {{ $classpoint->classa->name }}
                        @endif
                    </span>

                </div>
                <div class="col-md-3">
                    <span class="font-weight-bold">{{ __('تاريخ اخر تقييم') }} :</span>
                    <span class="font-weight-bold">{{ $classpoint->date }} </span>

                </div>
                <div class="col-md-3">
                    <span class="font-weight-bold">{{ __('مجموع نقاط الصف') }} :</span>
                    <span class="font-weight-bold"> <span class="badge bg-primary">{{ $classpoint->total }}</span></span>

                </div>
                <div class="col-md-3">
                    <span class="font-weight-bold">{{ __('الفصل الدراسي') }} :</span>
                    <span class="font-weight-bold">
                        @if ($classpoint->grade)
                            {{ $classpoint->grade->name }}
                        @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>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($values as $value)
                        <tr>
                            <td> {{ $loop->iteration }}</td>
                            <td>
                                <span class="font-weight-bold">
                                    @if ($value->student)
                                        {{ $value->student->name }}
                                    @endif
                                </span>
                            </td>
                            <td>
                                <span class="badge bg-danger">{{ $value->mvalue }}</span>&nbsp;<span
                                    class="badge bg-success">{{ $value->value - $value->mvalue }}</span>&nbsp;<span
                                    class="badge bg-primary">{{ $value->value }}</span>
                            </td>
                            <td>
                                <span class="font-weight-bold">
                                    @if ($classpoint->classa)
                                        @if ($classpoint->classa->reward != 0 && $classpoint->total != 0 && $value->value != 0)
                                            {{ number_format($classpoint->classa->reward / ($classpoint->total / $value->value), 2) }}
                                        @endif
                                    @endif
                                </span> ريال
                            </td>
                            <td>
                                <a href="{{ route('values.details', $value->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