@php ($headerOption = [
'title' => $module,
'header_buttons' => [
  ($permission['create'] ? '<a class="'. \Config::get('view.buttons.primary') .' d-none" href="'. route($routePrefix . '.create') .'" data-toggle="tooltip" data-original-title="Add New Record">'. \Config::get('settings.icon_add') .' <span>Add New</span></a>' : ''),
],
'filters' => isset($filters) ? $filters : [],
'data' => isset($data) ? $data : []
])
@extends('admin.layouts.layout', $headerOption)


@section('content')
<div class="table-responsive">
    <table class="{!! \Config::get('view.table.table_class') !!}">
        <thead class="{!! \Config::get('view.table.table_head_class') !!}">
            <tr>
                <th >Icon</th>
                <th>Title</th>
                <th>Tokr Points</th>
                <th>Status</th>
                <th style="width: 150px; text-align: right;">Actions</th>
            </tr>
        </thead>
        <tbody>
            @forelse($data as $val)
            <tr>
                <td>
                    <img src="{{ isset($val->loyalty_image['original']) ? $val->loyalty_image['original'] : '' }}" alt="Loyalty Icon" class="img-fluid" style="width: 50px; height: 50px;">
                </td>
                <td style="width: 12%" class="font-bold">
                    <b>{!! $val->title !!}</b><br/>
                    <span class="text-muted text-truncated">{!! $val->description !!}</span>
                </td>
                <td>{{ $val->tokr }}</td>
                <td><span class="badge badge-pill badge-soft-{{ $val->statuses[$val->status]['badge'] }} font-size-12">{!! $val->statuses[$val->status]['name'] !!}</span></td>
                <td class="text-right">
                    <a href="{{ route($routePrefix . '.edit',$val->id) }}">{!! \Config::get('settings.icon_edit') !!}</a>
                </td>
            </tr>
            @empty
            <tr>
                <td colspan="6" class="text-center">No records found.</td>
            </tr>
            @endforelse

        </tbody>
    </table>
</div>

@include('admin.components.pagination')

@endsection