@extends('layouts.app')
@section('title','New Course')
@section('content')
<div class="d-flex align-items-center justify-content-between mb-4">
    <h1 class="h4 fw-semibold mb-0"><i class="ti ti-plus me-2 text-primary"></i>New Course</h1>
    <a href="{{ route('courses.index') }}" class="btn btn-sm btn-outline-secondary"><i class="ti ti-arrow-left me-1"></i>Back</a>
</div>
@include('partials._alerts')
<div class="card border-0 shadow-sm" style="max-width:640px">
    <div class="card-body p-4">
        <form method="POST" action="{{ route('courses.store') }}" novalidate>
            @csrf
            <div class="mb-3"><label class="form-label fw-medium">Course Name <span class="text-danger">*</span></label><input type="text" name="name" class="form-control @error('name') is-invalid @enderror" value="{{ old('name') }}" required maxlength="200" placeholder="e.g. Advanced Injectables">@error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror</div>
            <div class="mb-3"><label class="form-label fw-medium">Description</label><textarea name="description" class="form-control" rows="3" placeholder="Course overview and objectives…">{{ old('description') }}</textarea></div>
            <div class="row g-3 mb-3">
                <div class="col-6"><label class="form-label fw-medium">Duration (hours)</label><input type="number" name="duration_hours" class="form-control" value="{{ old('duration_hours') }}" min="0" step="0.5" placeholder="e.g. 16"></div>
                <div class="col-6"><label class="form-label fw-medium">Standard Fee (LKR) <span class="text-danger">*</span></label><div class="input-group"><span class="input-group-text text-muted small">LKR</span><input type="number" name="standard_fee" class="form-control @error('standard_fee') is-invalid @enderror" value="{{ old('standard_fee','0') }}" min="0" step="100" required>@error('standard_fee')<div class="invalid-feedback">{{ $message }}</div>@enderror</div></div>
            </div>
            <div class="d-flex gap-2"><button type="submit" class="btn btn-primary"><i class="ti ti-device-floppy me-1"></i>Create Course</button><a href="{{ route('courses.index') }}" class="btn btn-outline-secondary">Cancel</a></div>
        </form>
    </div>
</div>
@endsection