@extends('layouts.admin-master')

@section('title')
    المواد الدراسية
@endsection
@section('content')
<div class="table-responsive">
    <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
      <thead>
        <tr>
            <th>المادة</th>
            {{-- <th>اسم الأب</th> --}}
            <th>الصف</th>

            <th>_</th>
          </tr>
      </thead>

      <tbody>
        @foreach ($courses as $course)
        <tr>
            <td>{{$course->name}}</td>
            <td>{{$course->sclass->name}}</td>
            <td>
                <a href="{{ route('admin.course.edit',$course->id) }}" class="btn btn-info btn-sm"
                title="تعديل  "><i
                class="fa fa-edit"></i></a>
                <button type="button" class="btn btn-danger btn-sm" data-toggle="modal"
                        data-target="#delete{{ $course->id }}"
                        title="حذف "><i
                        class="fa fa-trash"></i></button>
            </td>

        </tr>

                {{-- delete modal --}}
                <div class="modal fade" id="delete{{ $course->id }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" wire:ignore.self>
                    <div class="modal-dialog" role="document">
                        <form action="{{ route('admin.course.delete',$course->id) }}" method="POST" autocomplete="off">
                            @csrf
                            @method('delete')
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h5 class="modal-title" id="exampleModalLabel">
                                        <span> حذف مادة دراسية</span>
                                    </h5>

                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                                <div class="modal-body">
                                    <div class="form-group">
                                        <label for="resone">هل تريد حذف هذا المادة</label>
                                        {{-- <input name="id" type="hidden" value="{{$course->id}}"> --}}
                                    </div>

                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-secondary" data-dismiss="modal">
                                        <i class="fa fa-times mr-1"></i> إلغاء
                                    </button>
                                    <button type="submit" class="btn btn-primary">
                                        <i class="fa fa-trash mr-1"></i>
                                        <span> حذف</span>
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>


            </tr>

        @endforeach


        </tbody>
    </table>
</div>
@endsection