# نمونه کدهای آماده کپی

> آریا — مجموعه پنل مدیریت فارسی، نسخه ۱.۰  
> این سند برای توسعه‌دهنده‌ای نوشته شده که می‌خواهد بدون تغییر غیرضروری در هسته، پنل را شخصی‌سازی یا برای یک صنف تازه آماده کند.

## کارت شاخص

```html
<article class="summary-card">
  <span class="muted tiny">فروش امروز</span>
  <strong>۱۲۸٬۴ میلیون تومان</strong>
  <small class="text-success">رشد ۱۸٪</small>
</article>
```

## دکمه عملیاتی

```html
<button class="ariya-btn primary" type="button" data-modal-open="createModal">
  <i class="fa-solid fa-plus" aria-hidden="true"></i>
  افزودن
</button>
```

## مدال

```html
<button type="button" data-modal-open="sampleModal">باز کردن</button>

<div class="ariya-modal-backdrop" id="sampleModal" aria-hidden="true">
  <div class="ariya-modal" role="dialog" aria-modal="true" aria-labelledby="sampleTitle">
    <div class="ariya-modal-header">
      <h2 id="sampleTitle">عنوان</h2>
      <button type="button" data-modal-close aria-label="بستن">×</button>
    </div>
    <div class="ariya-modal-body">محتوا</div>
  </div>
</div>
```

## Toast بدون alert

برای استفاده عمومی، رفتار عملیاتی را به Toast هسته وصل کنید. در کد صنفی می‌توانید یک رویداد رابط ایجاد کنید یا از رفتارهای آماده `data-*` استفاده کنید. اصل پروژه این است که پیام رابط نباید با `alert()` مرورگر نمایش داده شود.

## جدول جست‌وجوشونده

```html
<div data-table-wrap>
  <input class="ariya-input" type="search" data-table-search placeholder="جست‌وجو…">
  <table class="ariya-table" data-table>
    <thead><tr><th data-sort>نام</th><th>وضعیت</th></tr></thead>
    <tbody><tr data-status="active"><td>نمونه</td><td>فعال</td></tr></tbody>
  </table>
</div>
```

## دکمه کپی

```html
<button class="ariya-btn secondary" type="button" data-copy="متن نمونه">
  کپی متن
</button>
```

## حفظ تنظیمات صنف

```js
window.ARIYA_INDUSTRY = {
  brand: 'برند من',
  version: '۱.۰',
  defaultTheme: 'light',
  storagePrefix: 'my-admin-v1-'
};
```