@extends('admin.layouts.mainlayout')
@section('content')
    <div class="container mt-5">
        <h1 class="text-center mb-4">Edit Degree Program</h1>
        <form action="{{ route('degree_programs.update', $degreeProgram) }}" method="POST" class="needs-validation" novalidate>
            @csrf
            @method('PUT')

            <div class="form-group">
                <label for="name">Name:</label>
                <input type="text" id="name" name="name" class="form-control" value="{{ $degreeProgram->name }}" required>
                <div class="invalid-feedback">
                    Please provide a name.
                </div>
            </div>

            <div class="form-group">
                <label for="description">Description:</label>
                <textarea id="description" name="description" class="form-control" rows="4" required>{{ $degreeProgram->description }}</textarea>
                <div class="invalid-feedback">
                    Please provide a description.
                </div>
            </div>

            <div class="form-group">
                <label for="duration">Duration:</label>
                <input type="text" id="duration" name="duration" class="form-control" value="{{ $degreeProgram->duration }}" required>
                <div class="invalid-feedback">
                    Please provide a duration.
                </div>
            </div>

            <button type="submit" class="btn btn-primary btn-block">Update</button>
        </form>
    </div>

    <script>
        // Disable form submissions if there are invalid fields
        (function () {
            'use strict';
            window.addEventListener('load', function () {
                var forms = document.getElementsByClassName('needs-validation');
                var validation = Array.prototype.filter.call(forms, function (form) {
                    form.addEventListener('submit', function (event) {
                        if (form.checkValidity() === false) {
                            event.preventDefault();
                            event.stopPropagation();
                        }
                        form.classList.add('was-validated');
                    }, false);
                });
            }, false);
        })();
    </script>
@endsection