@php ($headerOption = [
'title' => $module,
'header_buttons' => [
  ($permission['create'] ? '<a class="'. \Config::get('view.buttons.primary') .'" 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 style="width: 20%">Store Name</th>
            <th style="width: 25%">Address</th>
            <th style="width: 10%">Contact</th>
            <th style="width: 10%">Status</th>
            <th style="width: 20%">Point based offer available</th>
            <th style="width: 15%">Actions</th>
        </tr>
    </thead>
    <tbody>
        @forelse ($data as $store)
            <tr>
                <td style="width: 20%">{{ $store->store_name }}</td>
                <td style="width: 25%">{{ $store->address }}</td>
                <td style="width: 10%">{{ $store->store_contact }}</td>
                <td style="width: 10%"><span class="badge badge-pill badge-soft-{{ $store->statuses[$store->status]['badge'] }} font-size-12">{!! $store->statuses[$store->status]['name'] !!}</span></td>
                <td style="width: 20%"><span class="badge badge-pill badge-soft-{{ $store->offers[$store->point_offer_enabled]['badge'] }} font-size-12">{!! $store->offers[$store->point_offer_enabled]['name'] !!}</span></td>
                <td style="width: 15%">
                    <div class="d-flex gap-8 action-icon-btns">
                        @if($store->point_offer_enabled)
                        <a href="{{ route('masters.deals.index', ['store_id' => $store->id]) }}" data-toggle="tooltip" title="View Coupons"><i class="bx bx-gift fa-2x text-dark"></i></a>
                        @else
                        <a href="{{ $store->store_link }}" data-toggle="tooltip" title="Store Link" target="_blank"><i class="bx bx-link-external fa-2x text-dark"></i></a>
                        @endif
                        <a href="{{ route($routePrefix . '.deal-users', $store->id) }}" data-toggle="tooltip" title="View Coupon Users"><i class="bx bx-user-circle fa-2x text-dark"></i></a>
                        <a data-toggle="tooltip" title="Edit" href="{{ route($routePrefix . '.edit', $store->id) }}">{!! \Config::get('settings.icon_edit') !!}</a>
                        <a data-toggle="tooltip" title="Delete" data-confirm="Are You Sure?|This action can not be undone. Do you want to continue?" data-confirm-yes="event.preventDefault();
                    document.getElementById('delete-form-{{$store->id}}').submit();" data-original-title="Delete">{!! \Config::get('settings.icon_delete') !!}</a>
                    {!! html()->form('DELETE', route(
                        $routePrefix . '.destroy',
                        $store->id
                        ))->attributes([
                        'style' => 'display:inline',
                        'id'    => 'delete-form-' . $store->id
                        ])->open() !!}
                    {!! html()->form()->close() !!}
                    </div>
                </td>
            </tr>
        @empty
            <tr>
                <td colspan="4" class="text-center">No records found.</td>
            </tr>
        @endforelse
    </tbody>
</table>

</div>

@include('admin.components.pagination')

@endsection