@extends('backend.layouts.app')

@section('page_title')
    Dashboard
@endsection


@section('content')

<div class="content-page">
    <div class="content">

        <!-- Start Content-->
        <div class="container-fluid">

            <!-- start page title -->
            <div class="row">
                <div class="col-12">
                    <div class="page-title-box d-flex align-items-center justify-content-between">
                        <h4 class="page-title"> الرئيسية </h4>

                        <div class="page-title-right">
                            <ol class="breadcrumb m-0">
                                <li class="breadcrumb-item active"> الرئيسية </li>
                            </ol>
                        </div>

                    </div>
                </div>
            </div>
            <!-- end page title -->

            <div class="row">

                <div class="col-md-6">
                    <div class="card-box">
                        <h4 class="header-title mt-0 mb-4"> عدد الطلاب المسجلين </h4>
                        <h2 class="font-weight-normal pt-2 mb-1"> {{ $students_count }}</h2>
                    </div>
                </div><!-- end col -->

                <div class="col-md-6">
                    <div class="card-box">
                        <h4 class="header-title mt-0 mb-4"> عدد  المستخدمين  </h4>
                        <h2 class="font-weight-normal pt-2 mb-1"> {{ $users_count }}</h2>
                    </div>
                </div><!-- end col -->


            </div>
            <!-- end row -->


            <div class="row">
                <div class="col-12">
                    <h4 class="page-title">  آخر 10 طلاب مسجلين في النظام  </h4>

                    <div class="card-box">
                        <table id="responsive-datatable" class="table table-bordered table-bordered dt-responsive nowrap" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                            <thead>
                            <tr>
                                <th>#</th>
                                <th>اسم الطالب</th>
                                <th>الرقم المدني</th>
                                <th>تاريخ الميلاد</th>
                                <th>الجنسية</th>
                                <th>المرحلة الدراسية</th>
                                <th> تاريخ التسجيل </th>
                                <th>أكشن</th>
                            </tr>
                            </thead>

                            @php
                                $i=1;
                            @endphp

                            <tbody>
                            @foreach($students as $student)
                            <tr>
                                <td>{{$i++}}</td>
                                <td>{{$student->name_student}}</td>
                                <td>{{$student->number_id}}</td>
                                <td>{{$student->date}}</td>
                                <td>{{$student->nationality}}</td>
                                <td>{{$student->level}}</td>
                                <td>{{$student->created_at}}</td>
                                <td>
                                    <form action="{{ route('student.destroy', $student->id) }}" method="POST">
                                        @csrf
                                        @method('DELETE')
                                        <a href="{{route('student.show', $student->id)}}" class="btn btn-primary btn-sm" ><i class='far fa-eye'></i></a>
                                        <a href="{{route('view.contract', $student->id)}}" class="btn btn-success btn-sm" ><i class=' fas fa-file-alt '></i></a>

                                        <button class="btn btn-danger btn-sm" > <i class='far fa-trash-alt'></i> </button>
                                    </form>
                                    
                                </td>
                            </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div> <!-- end row -->
  
            
        </div> <!-- container-fluid -->

    </div> <!-- content -->



</div>

    
@endsection