@php $monthPackage = $monthPackage ?? null; @endphp

<div class="row g-3">
    <div class="col-md-6">
        <label for="month_label" class="form-label">Month</label>
        <select id="month_label" name="month_label" class="form-select material-input @error('month_label') is-invalid @enderror" required>
            <option value="">Select month</option>
            @foreach (($monthOptions ?? []) as $monthOption)
                <option
                    value="{{ $monthOption['value'] }}"
                    @selected(old('month_label', $monthPackage?->month_label?->value) === $monthOption['value'])
                >
                    {{ $monthOption['label'] }}
                </option>
            @endforeach
        </select>
        @error('month_label') <div class="invalid-feedback d-block">{{ $message }}</div> @enderror
    </div>

    <div class="col-md-6">
        <label for="affixed_at" class="form-label">Affixed Date</label>
        <input type="date" id="affixed_at" name="affixed_at" value="{{ old('affixed_at', $monthPackage?->affixed_at?->format('Y-m-d')) }}" class="form-control material-input @error('affixed_at') is-invalid @enderror" required>
        @error('affixed_at') <div class="invalid-feedback d-block">{{ $message }}</div> @enderror
    </div>

    <div class="col-md-6">
        <label for="document" class="form-label">PDF Document</label>
        <input type="file" id="document" name="document" accept="application/pdf" class="form-control material-input @error('document') is-invalid @enderror" {{ $monthPackage ? '' : 'required' }}>
        <div class="form-text">Name is auto-filled from the PDF file name. PDF limit: 40MB.</div>
        @error('document') <div class="invalid-feedback d-block">{{ $message }}</div> @enderror
    </div>

    <div class="col-12">
        <label for="notes" class="form-label">Notes</label>
        <textarea id="notes" name="notes" rows="3" class="form-control material-input @error('notes') is-invalid @enderror">{{ old('notes', $monthPackage?->notes) }}</textarea>
        @error('notes') <div class="invalid-feedback d-block">{{ $message }}</div> @enderror
    </div>
</div>

<div class="d-flex flex-column flex-sm-row gap-2 mt-4">
    <button type="submit" class="btn btn-primary material-btn">{{ $submitLabel }}</button>
    <a href="{{ route('month-packages.index') }}" class="btn btn-outline-secondary material-btn">Cancel</a>
</div>