@php
use Hekmatinasser\Verta\Verta;
use Modules\Gateway\Models\Gateway;
@endphp

@extends('admin.components.layouts.main')

@section('page_title', 'لیست درگاه ها')

@section('content')
    <div class="page-title">
        <h1>لیست درگاه ها</h1>
        <nav>
            <ol class="breadcrumb">
                <li class="breadcrumb-item active"><a href="{{ route('admin.dashboard') }}">داشبورد</a></li>
            </ol>
        </nav>
    </div>

    <section class="section">
        <div class="section-header d-flex flex">
            <div class="d-flex align-items-center"></div>
            <div class="ms-auto text-end primary-font pt-3 pt-md-0">
                <a href="{{ route('admin.gateway.create') }}" class="btn btn-sm btn-success">
                    <i class="bi bi-plus-circle fs-6 me-1"></i>
                    <span class="d-none d-sm-inline-block">افزودن رکورد جدید</span>
                </a>
            </div>
        </div>

        @include('admin.components.datatable.table', [
            'query' => $query,
            'columns' => [
                [
                    'label' => 'شناسه درگاه',
                    'field' => 'id',
                    'visible' => true
                ],
                [
                    'label' => 'نام درگاه',
                    'field' => 'name',
                    'search' => 'text',
                    'visible' => true
                ],
                [
                    'label' => 'تاریخ ثبت',
                    'field' => 'created_at',
                    'search' => 'date',
                    'render' => function($item){ return Verta::instance($item->created_at)->format('Y-m-d _ H:i:s'); },
                    'visible' => true
                ],
                [
                    'label' => 'تاریخ ویرایش',
                    'field' => 'updated_at',
                    'search' => 'date',
                    'render' => function($item){ return Verta::instance($item->updated_at)->format('Y-m-d _ H:i:s'); },
                    'visible' => true
                ],
                [
                    'label' => 'وضعیت',
                    'field' => 'is_active',
                    'search' => 'select',
                    'options' => [
                        Gateway::ACTIVE => 'فعال',
                        Gateway::INACTIVE => 'غیرفعال',
                    ],
                    'render' => function($item) {
                        $status = "<span class='badge bg-" . ($item->is_active == Gateway::ACTIVE ? 'success' : 'danger') . "'>";
                        if ($item->is_active == Gateway::ACTIVE) {
                            $status .= '<i class="bi bi-check fs-6"></i>';
                        } else {
                            $status .= '<i class="bi bi-x fs-6"></i>';
                        }
                        return  $status . "</span>";
                    },
                    'visible' => true
                ],
            ],
            'buttons' => [
                'render' => function($item){
                    return '
                        <a href="'.route('admin.gateway.edit', $item).'" class="btn btn-sm btn-primary">ویرایش</a>
                        <a href="'.route('admin.gateway.edit', $item).'" class="btn btn-sm btn-warning">جزئیات</a>
                        <form action="'.route('admin.gateway.destroy', $item).'" method="POST" style="display:inline-block">
                            '.csrf_field().method_field('DELETE').'
                            <button type="submit" class="btn btn-sm btn-danger" onclick="return confirm(\'آیا مطمئن هستید؟\')">حذف</button>
                        </form>
                    ';
                },
            ]
        ])
    </section>
@endsection