@extends('layouts.app')

@section('content')
    <div class="p-4 my-4 bg-white rounded shadow">
        <div class="d-flex justify-content-between border-b border-bottom pb-4 mb-4">
            <h2 class="fs-5 fw-bold">Add new college</h2>
        </div>

       <x-validation-error :errors="$errors" />

        <div class="row">
            <div class="col-md-8">
                <form method="POST" action="{{ route('institutes.store') }}">
                    @csrf
                    <div class="form-group mb-4">
                        <label class="label mb-2" for="name">College Name<span class="text-danger">*</span></label>
                        <input name="name" id="name" value="{{ old('name') }}" type="text" class="form-control"
                            placeholder="Enter college name" required>
                    </div>

                    <div class="form-group mb-4">
                        <label class="label mb-2" for="institute-type">College Type<span
                                class="text-danger">*</span></label>
                        <select class="form-control form-select" name="institute_type" id="institute-type" required>
                            <option value="">Select college type</option>

                            <option {{ old('institute_type') == 'medical' ? 'selected' : '' }} value="medical">Medical
                                College</option>
                            <option {{ old('institute_type') == 'dental' ? 'selected' : '' }} value="dental">Dental
                                College</option>
                            <option {{ old('institute_type') == 'nursing' ? 'selected' : '' }} value="nursing">Nursing
                                College</option>
                        </select>
                    </div>

                    <div class="form-group mb-4">
                        <label class="label mb-2" for="address">Address<span class="text-danger">*</span></label>
                        <textarea name="address" value="{{ old('address') }}" class="form-control" placeholder="Enter college address" required>{{ old('address') }}</textarea>
                    </div>

                    <div class="form-group mb-4">
                        <label class="label mb-2" for="code">College Code</label>
                        <input name="code" id="code" value="{{ old('code') }}" type="text" class="form-control"
                            placeholder="Enter college code">
                    </div>

                    <input class="btn btn-primary text-right" type="submit"value="Save College">
                </form>
            </div>
        </div>
    </div>
@endsection