@extends('layouts.app')

@section('content')
<div class="academy-container">
    <a href="{{ route('menu') }}" class="btn-back-icon-top">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6">
            <path stroke-linecap="round" stroke-linejoin="round" d="M9 15L3 9m0 0l6-6M3 9h12a6 6 0 010 12h-3" />
        </svg>
    </a>

    <h1>🛍️ فروشگاه فایل من</h1>
    <p class="folder-description" style="text-align: center;">
        در این بخش می‌توانید فایل‌های آموزشی یا کاربردی خود را برای فروش در ربات ثبت کنید و درآمد کسب کنید.
    </p>

    <div class="item-grid" style="grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); margin-top: 3rem; gap: 2rem;">
        <a href="{{ route('store.add') }}" class="item-card" style="min-height: 200px; padding: 2rem;">
            <span class="item-card__icon" style="font-size: 3.5rem;">📤</span>
            <span class="item-card__label" style="font-size: 1.25rem;">افزودن فایل جدید</span>
            <span class="item-card__action-label">ثبت و آپلود</span>
        </a>

        <a href="{{ route('store.my-files') }}" class="item-card" style="min-height: 200px; padding: 2rem;">
            <span class="item-card__icon" style="font-size: 3.5rem;">📂</span>
            <span class="item-card__label" style="font-size: 1.25rem;">فایل‌های من</span>
            <span class="item-card__action-label">مشاهده وضعیت</span>
        </a>
    </div>
</div>
@endsection