@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"><a href=" {{ route('admin') }}">الرئيسية</a></li>
                                <li class="breadcrumb-item active">الطلاب</li>
                            </ol>
                        </div>

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




            <div class="row">
                <div class="col-12">
                    <div class="card-box">
                        {{-- <table id="datatable-buttons" class="table table-striped table-bordered dt-responsive nowrap" style="border-collapse: collapse; border-spacing: 0; width: 100%;"> --}}
                            <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" target="_blanck"><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