@extends('layouts.admin')
@section('css')
    <!-- begin::datepicker -->
    <link rel="stylesheet" href="/assets/vendors/datepicker-jalali/bootstrap-datepicker.min.css">
    <link rel="stylesheet" href="/assets/vendors/datepicker/daterangepicker.css">
    <!-- end::datepicker -->
@endsection('css')
@section('script')
    <!-- begin::datepicker -->
    <script src="/assets/vendors/datepicker-jalali/bootstrap-datepicker.min.js"></script>
    <script src="/assets/vendors/datepicker-jalali/bootstrap-datepicker.fa.min.js"></script>
    <script src="/assets/vendors/datepicker/daterangepicker.js"></script>
    <script src="/assets/js/examples/datepicker.js"></script>
    <!-- end::datepicker -->

    <!-- begin::sweet alert demo -->
    <script src="/js/sweetalert.min.js"></script>
    @include('sweet::alert')
    <!-- begin::sweet alert demo -->
@endsection('script')
@section('navbar')


@endsection('navbar')
@section('sidebar')
@endsection('sidebar')

@section('header')
    <div class="page-header">
        <div>
            <h3>نمرات {{ $user->f_name }} {{ $user->l_name }}</h3>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="/admin/home">داشبورد</a></li>
                    <li class="breadcrumb-item active" aria-current="page">نمرات {{ $user->f_name }} {{ $user->l_name }}</li>
                </ol>
            </nav>
        </div>

    </div>
@endsection('header')
@section('content')
    <div class="card">
        <div class="card-body">

        <div style="text-align: left">
            <a href="/admin/export-student-marks/{{$id}}">
                <button class="btn btn-danger">خروجی اکسل</button>
            </a>
        </div>
        <br>
            <h4>نمرات {{ $user->f_name }} {{ $user->l_name }}</h4>
            <div style="overflow-x: auto;">

                <table id="example1" class="table table-striped table-bordered">
                    <thead class="thead-dark">
                    <tr style="text-align: center;">
                        @foreach ($alldars as $dars)
                            <th>{{ $dars->name }}</th>
                        @endforeach
                    </tr>
                    </thead>
                    <tbody>
                    <tr style="text-align: center;">
                        @foreach ($alldars as $dars)
                            @php
                                // Filter marks related to this 'dars'
                                $darsMarks = $marks->filter(function ($mark) use ($dars) {
                                    return $mark->coddars == $dars->id;
                                });
                            @endphp

                            <td>
                                @if ($darsMarks->isEmpty())
                                    <p class="text-muted">نمره‌ای وارد نشده است.</p>
                                @else
                                    @foreach ($darsMarks as $mark)
                                        <!-- Badge for each mark -->
                                        <span class="badge badge-warning">
                                            <span style="color: #232121; font-size: 15px;"><b>{{ $mark->mark }}</b></span> -
                                            <strong>{{ $mark->items->name }}</strong>
                                            ({{ \Carbon\Carbon::parse($mark->created_at)->format('d-m-Y') }})
                                        </span><br>
                                    @endforeach
                                @endif
                            </td>
                        @endforeach
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>


@endsection('content')