@extends('layouts.site.master')
@section('panel-accounts', true)
@section('content')
    <div class="container">
        <div class="row mx-0 mt-md-5 mt-0 w-100">
            @include('site.panel.sidebar')
            <div class="col-md-9 col-12 p-2">
                <div class="p-2 shadow-sm bg-white main-radius">
                    <div class="p-2 pb-0 d-flex justify-content-between align-items-center flex-wrap gap-2 mb-2">
                        <p class="bold side-title position-relative max-w mb-0">
                            اکانت‌های من
                        </p>
                    </div>
                    <div class="table-responsive p-2 pb-0 order-table">
                        <table class="w-100">
                            <thead>
                            <tr>
                                <th class="text-start p-2 font-13 medium-gray">#</th>
                                <th class="text-center p-2 font-13 medium-gray">سرویس</th>
                                <th class="text-center p-2 font-13 medium-gray">شناسه اکانت</th>
                                <th class="text-center p-2 font-13 medium-gray">موجودی</th>
                                <th class="text-center p-2 font-13 medium-gray">وضعیت</th>
                                <th class="text-end p-2 font-13 medium-gray">تاریخچه</th>
                            </tr>
                            </thead>
                            <tbody>
                            @forelse($accounts as $number => $acc)
                                @php
                                    $st = match ($acc->status) {
                                        \App\Models\UserAccount::STATUS_ACTIVE => ['label' => 'فعال', 'class' => 'pay-sucsess'],
                                        \App\Models\UserAccount::STATUS_PENDING => ['label' => 'در انتظار', 'class' => 'pay-cancel'],
                                        \App\Models\UserAccount::STATUS_EXPIRED => ['label' => 'منقضی', 'class' => 'pay-no'],
                                        \App\Models\UserAccount::STATUS_REJECTED => ['label' => 'رد شده', 'class' => 'pay-no'],
                                        default => ['label' => $acc->status, 'class' => 'medium-gray'],
                                    };
                                @endphp
                                <tr class="bg-body">
                                    <td class="p-3 font-13">{{ $acc->convertToPersian($number + 1) }}</td>
                                    <td class="text-center p-3 font-13">{{ $acc->service->title ?? '—' }}</td>
                                    <td class="text-center p-3 font-13" dir="ltr">{{ $acc->account_identifier ?: '—' }}</td>
                                    <td class="text-center p-3 font-13">
                                        {{ $acc->convertToPersian(number_format((float) $acc->wallet)) }}
                                        <span class="font-12 light-gray">{{ $acc->getCurrencyType() }}</span>
                                    </td>
                                    <td class="text-center p-3 font-13">
                                        <span class="{{ $st['class'] }}">{{ $st['label'] }}</span>
                                    </td>
                                    <td class="p-3">
                                        <a class="text-end justify-content-end align-items-center d-flex font-12 mint-green"
                                           href="{{ route('panel.account.detail', $acc->id) }}">
                                            سفارشات این اکانت
                                            <img width="7" class="ms-1" src="{{ asset('assets/site/img/article-more.svg') }}" alt="">
                                        </a>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="6" class="text-center p-5">
                                        <p class="mt-3 mb-2 font-14 medium-gray">هنوز اکانتی برای شما ثبت نشده است.</p>
                                        <a href="{{ route('panel.order.create') }}" class="font-13 mint-green">ثبت سفارش جدید</a>
                                    </td>
                                </tr>
                            @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection