@extends('user.layout')

@section('content')
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h4 class="fw-semibold">Your Folders</h4>
    </div>

    <div class="row g-4">
        @for ($i = 1; $i <= 8; $i++)
            <div class="col-6 col-sm-4 col-md-3">
                <a href="{{ route('user.web_files') }}" class="text-decoration-none">
                    <div class="card folder-card border-0 shadow-sm h-100 text-center p-3">
                        <div class="display-4 mb-2">📁</div>
                        <div class="fw-medium text-dark">Folder {{ $i }}</div>
                    </div>
                </a>
            </div>
        @endfor
    </div>
@endsection