@extends('admin.layouts.mainlayout')
@section('content')
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 20px;
            padding: 0;
        }
        form {
            max-width: 500px;
            margin: 0 auto;
            padding: 20px;
            border: 1px solid #ddd;
            border-radius: 5px;
            background-color: #f9f9f9;
        }
        label {
            display: block;
            margin-bottom: 5px;
            font-weight: bold;
        }
        input, select, textarea {
            width: 100%;
            padding: 10px;
            margin-bottom: 15px;
            border: 1px solid #ccc;
            border-radius: 4px;
            font-size: 16px;
        }
        input[type="submit"] {
            background-color: #28a745;
            color: white;
            border: none;
            cursor: pointer;
        }
        input[type="submit"]:hover {
            background-color: #218838;
        }
    </style>
<div>

    
    
    <form action="addSubject" method="POST">
        @csrf
        <h2>Create New Subject</h2>
        <label for="subject-name">Subject Name</label>
        <input type="text" id="subject-name" name="subject_name" placeholder="Enter subject name" required>

        <label for="subject-code">Subject Code</label>
        <input type="text" id="subject-code" name="subject_code" placeholder="Enter subject code" required>

        <label for="grade-level">Grade Level</label>
        <select id="grade-level" name="grade_level" required>
            <option value="" disabled selected>Select grade level</option>
            <option value="k">Kindergarten</option>
            <option value="1">Grade 1</option>
            <option value="2">Grade 2</option>
            <option value="3">Grade 3</option>
            <option value="4">Grade 4</option>
            <option value="5">Grade 5</option>
            <option value="6">Grade 6</option>
            <option value="7">Grade 7</option>
            <option value="8">Grade 8</option>
            <option value="9">Grade 9</option>
            <option value="10">Grade 10</option>
            <option value="11">Grade 11</option>
            <option value="12">Grade 12</option>
            <option value="All">All Grades</option>

        </select>

        <label for="description">Subject Description</label>
        <textarea id="description" name="description" rows="4" placeholder="Enter a brief description of the subject" required></textarea>

       <!--  <label for="teacher">Assigned Teacher</label>
        <select name="teacher" id="teacher">
        <option>Paul C. Metieh</option>
         </select> -->

      <div>
        <button class="btn btn-primary" type="submit">Add Subject</button>
        <button class="btn btn-danger" type="reset">Cancel</button>
      </div>
    </form>
</div>
@endsection