@extends('layouts.admin')

@section('title', 'Create Year Folder')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h1 class="h3 mb-0 text-success">
        <i class="bi bi-calendar-plus me-2"></i> Create New Year Folder
    </h1>

    <a href="{{ route('year-folders.index') }}" class="btn btn-secondary shadow-sm">
        <i class="bi bi-arrow-left me-1"></i> Back to List
    </a>
</div>

<div class="row justify-content-center">
    <div class="col-lg-8">
        <div class="card shadow-lg border-0">
            <div class="card-header bg-success text-white text-center py-4">
                <i class="bi bi-calendar-check fs-1 mb-2"></i>
                <h4 class="mb-0 fw-bold">New Year Folder</h4>
            </div>

            <div class="card-body p-5">
                <form action="{{ route('year-folders.store') }}" method="POST">
                    @csrf

                    <div class="row g-4">
                        {{-- YEAR --}}
                        <div class="col-md-6">
                            <div class="form-floating">
                                <select class="form-select @error('year') is-invalid @enderror" id="year" name="year" required>
                                    <option value="">Select Year</option>
                                    @for ($i = 2000; $i <= 2100; $i++)
                                        <option value="{{ $i }}" {{ old('year') == $i ? 'selected' : '' }}>
                                            {{ $i }}-{{ $i + 1 }}
                                        </option>
                                    @endfor
                                </select>
                                <label for="year">
                                    Financial Year <span class="text-danger">*</span>
                                </label>
                                @error('year')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        {{-- COMPANY --}}
                        <div class="col-md-6">
                            <div class="form-floating">
                                <select class="form-select @error('company_id') is-invalid @enderror" id="company_id" name="company_id" required>
                                    <option value="">Select Company</option>
                                    @foreach($companies as $company)
                                        <option value="{{ $company->id }}" {{ old('company_id') == $company->id ? 'selected' : '' }}>
                                            {{ $company->name }}
                                        </option>
                                    @endforeach
                                </select>
                                <label for="company_id">
                                    Company <span class="text-danger">*</span>
                                </label>
                                @error('company_id')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    {{-- BUTTONS --}}
                    <div class="d-flex justify-content-end gap-3 mt-5 pt-4 border-top">
                        <a href="{{ route('year-folders.index') }}" class="btn btn-outline-secondary">
                            <i class="bi bi-x-circle me-2"></i> Cancel
                        </a>
                        <button type="submit" class="btn btn-success fw-bold px-4">
                            <i class="bi bi-calendar-check me-2"></i> Create Year Folder
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection