@extends('layouts-v2.app')

@section('content')
<div class="flex-1 space-y-6 overflow-x-hidden max-w-full">
    <!-- Header -->
    <div class="flex items-center gap-2 text-slate-500 text-sm mb-2">
        <a href="{{ route('dashboard') }}" class="hover:text-blue-600 cursor-pointer">Trang chủ</a>
        <i data-lucide="chevron-right" class="w-4 h-4"></i>
        <span>Báo cáo tình hình học tập</span>
    </div>
    <h1 class="text-xl md:text-2xl lg:text-3xl font-bold text-slate-900 mb-6">BÁO CÁO TÌNH HÌNH HỌC TẬP</h1>

    @include('study-progress-report.partials-v2.filter')
    @include('study-progress-report.partials-v2.table')
</div>

<!-- Hidden inputs for tenant connection -->
<input type="hidden" id="currentUserEmail" value="{{ $currentEmail ?? '' }}">
<input type="hidden" name="tenant_connection" value="{{ $tenantConnection ?? '' }}">
<input type="hidden" id="tenantCode" value="{{ $tenantCode ?? 'ICC' }}">

@include('study-progress-report.partials-v2.scripts')
@include('study-progress-report.partials-v2.styles')
@endsection