@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])
@section('content')
<div class="container w-95">

<form action="{{ route('topics.update', $topic->id) }}" method="POST">
        @csrf @method('PUT')
        
  <div class="card">
            <div class="card-header d-flex justify-content-between w-100">
           <h4>Edit Course</h4>
            <div class="d-flex">
                <button type="submit" class="btn btn-primary ms-2">Update</button>
                <a href="{{ route('courses.index') }}" class="btn btn-secondary ms-2">Back</a>
        
            </div>
        </div>
        <div class="card-body">
        
        <div class="row">
        <div class="form-group">
        <label>Title</label>
        <input type="text" name="title" value="{{ $topic->title }}" class="form-control" required>
    </div>
    <div class="form-group">
        <label>Course</label>
        <select name="course_id" class="form-control" required>
            @foreach($courses as $course)
                <option value="{{ $course->id }}" {{ $topic->course_id == $course->id ? 'selected' : '' }}>{{ $course->title }}</option>
            @endforeach
        </select>
    </div>
    <div class="form-group">
        <label>Sort Order</label>
        <input type="number" name="sort_order" value="{{ $topic->sort_order }}" class="form-control">
    </div>
 	</div>
  </div>
   </div>
    </form>
</div>
@endsection