add page

@extends('layouts.app')

@section('breadcrumb')
<nav aria-label="breadcrumb">
    <ol class="breadcrumb bg-transparent mb-0 pb-0 pt-1 px-0 me-sm-6 me-5">
        <li class="breadcrumb-item text-sm"><a class="opacity-5 text-white" href="{{ route('courses.index') }}">Courses</a></li>
        <li class="breadcrumb-item text-sm text-white active" aria-current="page">Add New Course</li>
    </ol>
    <h6 class="font-weight-bolder text-white mb-0">Add New Course</h6>
</nav>
@endsection

@section('css')
@endsection

@section('content')
<div class="container-fluid py-4">
    <div class="row">
      <div class="col-12">
        <div class="card mb-4">
          <div class="card-header pb-0">
            <h6>Add New Course</h6>
          </div>
          <div class="card-body px-4 pt-4 pb-2">
            <form action="{{ route('courses.store') }}" method="POST">
              @csrf
              <div class="mb-3 ">
                <label for="course_code" class="form-label">Course Code</label>
                <input type="text" class="form-control" id="course_code" name="course_code" required>
              </div>
              <div class="mb-3">
                <label for="course_name" class="form-label">Course Name</label>
                <input type="text" class="form-control" id="course_name" name="course_name" required>
              </div>
              <div class="mb-3">
                <button type="submit" class="btn btn-primary">Add Course</button>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
</div>
@endsection

@section('js')
@endsection