@extends('admin.layout.index')

{{-- ===========  meta Title  =================== --}}
@section('title')
    لیست پلکانی
@endsection
{{-- ===========  My Css Style  =================== --}}
@section('style')
    <style>
        .img-profile{
            max-width: 150px;
            height: auto;
        }
        td{
            vertical-align: middle !important;
        }
        .img-profile{
            width: 200px;
            height: auto;
        }
    </style>
@endsection
{{-- ===========  My JavaScript  =================== --}}
@section('script')

@endsection

{{-- ===========      CONTENT      =================== --}}
@section('content')


<div class="container">
    <h1>مدیریت پلکان‌های حق العمل</h1>
    <a href="{{ route('admin.commission-tiers.create') }}" class="btn btn-primary mt-5 mb-3">ایجاد پلکان جدید</a>


    <table class="table">
        <thead>
            <tr>
                <th>حداقل مبلغ</th>
                <th>حداکثر مبلغ</th>
                <th>درصد حق العمل</th>
                <th>عملیات</th>
            </tr>
        </thead>
        <tbody>
            @forelse ($tiers as $tier)
                <tr>
                    <td>{{ number_format($tier->min_amount) }}</td>
                    <td>{{ $tier->max_amount ? number_format($tier->max_amount) : 'به بالا' }}</td>
                    <td>{{ $tier->percentage }}%</td>
                    <td>
                        <a href="{{ route('admin.commission-tiers.edit', $tier) }}" class="btn btn-sm btn-warning">ویرایش</a>
                        <form action="{{ route('admin.commission-tiers.destroy', $tier) }}" method="POST" style="display:inline;" onsubmit="return confirm('آیا مطمئن هستید؟');">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="btn btn-sm btn-danger">حذف</button>
                        </form>
                    </td>
                </tr>
            @empty
                <tr>
                    <td colspan="4" class="text-center">هیچ پلکان حق العملی تعریف نشده است.</td>
                </tr>
            @endforelse
        </tbody>
    </table>
</div>

    @include('admin.articles.modal')
@endsection