@extends('layouts.master')
@section('content')
    <div class="card">
        <div class="card-header card-custom-bg d-flex flex-row align-items-center justify-content-between">
            Add Subject<a class="btn btn-sm btn-success" href="{{ route('subjects.index') }}">Subject list</a>
        </div>
        <div class="card-body">
            <form action="{{ route('subjects.store') }}" method="POST">
                @csrf
                <div class="row">
                    <div class="col-md-6 form-group">
                        <div class="">
                            <label for="subject_name" class="form-label">Subject Name *</label>
                            <input type="text" class="form-control" id="subject_name" name="subject_name" placeholder="Enter subject name" required>
                        </div>
                    </div>
                    <div class="col-md-6 form-group">
                        <div class="">
                            <label for="short_name" class="form-label">Short Name *</label>
                            <input type="text" class="form-control" id="short_name" name="short_name" placeholder="Enter short name" required>
                        </div>
                    </div>
                    <div class="col-md-6 form-group">
                        <div class="">
                            <label for="subject_code" class="form-label">Subject Code</label>
                            <input type="text" class="form-control" id="subject_code" name="subject_code" placeholder="Enter subject code">
                        </div>
                    </div>
                    <div class="col-md-6 form-group">
                        <div class="">
                            <label for="is_optional" class="form-label">Is Optional</label>
                            <select class="form-control" id="is_optional" name="is_optional" required>
                                <option value="0">No</option>
                                <option value="1">Yes</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-6 form-group">
                        <!-- Other fields like teacher_id, created_by, updated_by can be added similarly -->
                        <button type="submit" class="btn btn-primary">Create</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
@stop