@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="d-flex justify-content-between align-items-center mx-50 row pt-0 pb-2">

                <div class="col-md-3">
                    <span class="form-label">{{ __('  اسم الطالب') }} :</span>
                    <span class="form-label">
                        @if ($student_value->student)
                            {{ $student_value->student->name }}
                        @endif
                    </span>

                </div>
                <div class="col-md-3">
                    <span class="form-label">{{ __(' الصف') }} :</span>
                    <span class="form-label">
                        @if ($student_value->class)
                            {{ $student_value->class->name }}
                        @endif
                    </span>

                </div>
                <div class="col-md-3">
                    <span class="form-label">{{ __(' الفصل') }} :</span>
                    <span class="form-label">
                        @if ($student_value->grade)
                            {{ $student_value->grade->name }}
                        @endif
                    </span>

                </div>
                <div class="col-md-3">
                    <span class="form-label">{{ __(' مجموع النقاط') }} :</span>
                    <span class="badge bg-danger">{{ $student_value->mvalue }}</span>&nbsp;<span
                        class="badge bg-success">{{ $student_value->value - $student_value->mvalue }}</span>&nbsp;<span
                        class="badge bg-primary">{{ $student_value->value }}</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 ($points as $point)
                        <tr>
                            <td> {{ $loop->iteration }}</td>

                            <td>
                                <span class="font-weight-bold">
                                    @if ($point->s_assessment)
                                        {{ $point->s_assessment->name }}
                                    @endif
                                </span>
                            </td>
                            <td>
                                <span
                                    class="font-weight-bold badge @if ($point->value < 0) bg-danger @else bg-success @endif">{{ $point->value }}</span>
                            </td>
                            <td>
                                <span class="font-weight-bold">{{ $point->date }}</span>
                            </td>
                            <td>
                                <span class="font-weight-bold">{{ $point->notes }}</span>
                            </td>
                            <td>
                                <a href="{{ route('delete.point', $point->id) }}"> <span
                                        class="font-weight-bold badge bg-danger">حدف</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