@extends('layouts.admin')
@section('css')

    <style>
        @media print {
            .noprint {
                visibility: hidden;
                display: none;

            }
        }
    </style>
    <style>
        .my-custom-scrollbar {
            position: relative;
            height: 500px;
            overflow: auto;
        }

        .table-wrapper-scroll-y {
            display: block;
        }
    </style>
@endsection('css')
@section('script')
    <script src="/assets/js/jquery.min.js"></script>
    <script>
        $(document).ready(function () {
            $("#myInput").on("keyup", function () {
                var value = $(this).val().toLowerCase();
                $("#myTable tr").filter(function () {
                    $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
                });
            });
        });
    </script>
@endsection('css')
@section('script')

    <!-- 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>نمایش</h3>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="/admin/home">داشبورد</a></li>
                    <li class="breadcrumb-item"><a href="#">مدیریت کارنامه ها</a></li>
                    <li class="breadcrumb-item active" aria-current="page"> کارنامه {{config('global.students')}} کلاس
                        {{$class}}
                    </li>
                </ol>
            </nav>
        </div>

    </div>
@endsection('header')
@section('content')
    <div class="card">
        <div class="card-body">
            {{--            <p style="text-align: center;font-size: x-large;color: black">{{\App\RKarnameh::where('id',$idk)->first()['name']}}</p>--}}

            <div style="text-align: right">
                <h2 class="text-center"> {{ $name }}</h2>
                <h5 class="text-center">کلاس: {{ $class }}</h5>
                <div class="table-responsive">
                    <table class="table table-bordered table-striped mt-4">
                        <thead class="title">
                        <tr>
                            <th>نام</th>
                            <th>نام خانوادگی</th>
                            @foreach($alldars as $dars)
                                <th>{{ $dars->dars->name }}</th>
                            @endforeach
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($students as $student)
                            <tr>
                                <td>{{ $student->f_name }}</td>
                                <td>{{ $student->l_name }}</td>
                                @foreach($alldars as $dars)
                                    @php
                                        // Find the mark for this student and dars
                                        $karname = $student->karnameadmin->firstWhere('dars_id', $dars->dars_id);
                                    @endphp
                                    <td @if($karname ? $karname->mark<10  : false) style="background-color: red" @endif>
                                        {{ $karname ? $karname->mark : '-' }}
                                    </td>
                                @endforeach
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
            <br>
            <button class="noprint btn btn-primary" onclick="window.print()">پرینت کارنامه</button>

        </div>
    </div>
@endsection('content')