@extends('user.layout')

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

    <div class="row g-4">
        @for ($i = 1; $i <= 8; $i++)
            <div class="col-6 col-sm-4 col-md-3">
                <div class="card folder-card border-0 shadow-sm h-100 text-center p-4">
                    <div class="display-4 mb-2">📄</div> {{-- You can use 📄, 🖼️, 🎞️ etc based on file type --}}
                    <div class="fw-medium text-dark text-truncate">File_{{ $i }}.mp3</div>
                </div>
            </div>
        @endfor
    </div>
@endsection