@extends('user::layouts/panel')

@section('module-content')
    <div class="container-fluid py-4">
        <!-- 年度統計表卡片 -->
        <div class="card shadow-sm border-0 rounded-3">
            <div class="card-body p-4">
                <div class="row g-3 justify-content-center">
                    <div class="col-lg-6 col-md-8">
                        <div class="bg-light p-4 rounded-3 mb-3">
                            <div class="text-center mb-3">
                                <i class="fas fa-calendar-alt fa-2x text-primary mb-2"></i>
                                <h6 class="fw-bold">請選擇要查詢的年度</h6>
                            </div>

                            <div class="input-group mb-4">
                                <span class="input-group-text bg-white border-end-0">
                                    <i class="fa fa-calendar text-primary"></i>
                                </span>
                                <select id="year-select" class="form-select border-start-0 ps-0 fw-medium">
                                    @foreach($years as $y)
                                        <option value="{{ $y }}" {{ $y == now()->year ? 'selected' : '' }}>
                                            {{ $y }}年
                                        </option>
                                    @endforeach
                                </select>
                            </div>

                            <button type="button" class="btn btn-primary d-block w-100 py-2 fw-medium shadow-sm" id="view-button">
                                <i class="fas fa-search me-2"></i>查詢統計結果
                            </button>
                        </div>

                        <div class="text-center text-muted small">
                            <i class="fas fa-info-circle me-1"></i>本統計表顯示年度累計數據，包含各專案工時與進度
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('meta')
<meta name="annual-statistics-show-url" content="{{ route('panel.task.annual-statistics.show', ['year' => ':year']) }}">
@endpush

@push('styles')

@endpush

@push('scripts')
<script src="{{ Module::asset('task:js/annual-statistics/index.js') }}"></script>
@endpush