@extends('layouts.app')
@section('title', 'New Test')

@section('content')
<form method="POST" action="{{ route('tests.store') }}" enctype="multipart/form-data">
    @csrf
    <div class="card p-4 mb-3" style="max-width:700px;">
        <h6 class="border-bottom pb-2 mb-3">Test Details</h6>
        <div class="mb-3">
            <label class="form-label">Test Name <span class="text-danger">*</span></label>
            <input type="text" name="name" value="{{ old('name') }}" class="form-control" placeholder="e.g. CBC, LFT, RFT, Sugar Test" required autofocus>
        </div>
        <div class="mb-3">
            <label class="form-label">Description</label>
            <textarea name="description" rows="3" class="form-control">{{ old('description') }}</textarea>
        </div>
        <div class="mb-3">
            <label class="form-label">Normal / Sample Report (image or PDF, max 5 MB)</label>
            <input type="file" name="sample" accept=".jpg,.jpeg,.png,.webp,.pdf" class="form-control">
            <small class="text-muted">This sample is shown later for manual comparison with the patient's report.</small>
        </div>
        <div>
            <button class="btn btn-primary"><i class="bi bi-save"></i> Save</button>
            <a href="{{ route('tests.index') }}" class="btn btn-outline-secondary">Cancel</a>
        </div>
    </div>
</form>
@endsection