@extends('layouts.index')

@section('content')
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.11.6/css/jquery.dataTables.min.css">
<script src="https://cdn.datatables.net/1.11.6/js/jquery.dataTables.min.js"></script>

<div class="content-body">
  <div class="container-fluid">
  <div class="form-head d-flex mb-3 mb-md-2 align-items-start">
  <div class="me-auto d-none d-lg-block">
    <h3 class="font-w600 m-0 p-0">Courses List</h3>
  </div>

  <div class="ms-auto d-flex align-items-center">
    <a href="{{ route('admin.courses.create') }}" class="btn btn-success">Add Course</a>
  </div>
</div>

    </div>
    @include('includes.message') 
    <div class="row">
      <div class="col-12">
        <div class="card">
          <div class="card-body course-list news-List">
            <div class="table-responsive">
              <table id="example5" class="table table-hover mb-0">
                <thead>
                  <tr>
                    <th>Sr. No.</th>
                    <th>Category</th>
                    <th>Course Title</th>
                    <th>Lessons</th>
                    <!-- <th>No. of Students</th> -->
                    <!-- <th>Rating</th> -->
                    <!-- <th>Certificate Badge</th> -->
                    <!-- <th>Level</th> -->
                    <!-- <th>Description</th> -->
                    <th>Amount</th>
                    <!-- <th>Link</th> -->
                    <th>Edit</th>
                    <th>Delete</th>
                  </tr>
                </thead>
                <tbody>
                  @foreach($courses as $index => $course)
                  <tr>
                    <td>{{ $index + 1 }}</td>
                    <td>{{ DB::table('services')->where('id',$course->service_id)->value('title') }}</td>
                    <td style="max-width: 300px; height: 80px; overflow: auto; display: block; white-space: nowrap;">{{ $course->title }}</td>
                    <!-- <td>{{ $course->short_title }}</td> -->
                    <td>{{ $course->lessons }}</td>
                    <!-- <td>{{ $course->students }}</td> -->
                    <!-- <td>{{ $course->rating }}</td> -->
                    <!-- <td>{{ $course->certificate_badge }}</td> -->
                    <!-- <td>{{ $course->level }}</td> -->
                    <!-- <td>{{ $course->description }}</td> -->
                    <td>{{ $course->amount }}</td>
                    <!-- <td><a href="{{ $course->link }}" target="_blank">View</a></td> -->
                    <td><a href="{{ route('admin.courses.edit', $course) }}" class="btn btn-sm btn-primary">Edit</a></td>
                    <td>
                      <form action="{{ route('admin.courses.destroy', $course->id) }}" method="POST" onsubmit="return confirm('Are you sure?')">
                        @csrf
                        @method('DELETE') <!-- This tells Laravel it's a DELETE request -->
                        <button type="submit" class="btn btn-sm btn-danger">Delete</button>
                      </form>
                    </td>

                  </tr>
                  @endforeach
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>

  </div>
</div>


@endsection