@extends('backend.layouts.app')

@section('title')
    {{ __($module_action) }} {{ __($module_title) }}
@endsection

@section('breadcrumbs')
    <x-backend.breadcrumbs>
        <x-backend.breadcrumb-item type="active" :icon="$module_icon">
            {{ __($module_title) }}
        </x-backend.breadcrumb-item>
    </x-backend.breadcrumbs>
@endsection

@section('content')
<div class="card">
    <div class="card-body">

        <x-backend.section-header>
            <i class="{{ $module_icon }}"></i> {{ __($module_title) }}
            <small class="text-muted">{{ __($module_action) }}</small>

            <x-slot name="subtitle">
                @lang(':module_name Management Dashboard', ['module_name' => __(Str::title($module_name))])
            </x-slot>

            <x-slot name="toolbar">
                @can('add_' . $module_name)
                    <x-buttons.create 
                        :route="route('backend.' . $module_name . '.create')" 
                        :title="__('Create') . ' ' . ucwords(Str::singular($module_name))" />
                @endcan

                @can('restore_' . $module_name)
                    <div class="btn-group">
                        <button class="btn btn-secondary dropdown-toggle" type="button" data-coreui-toggle="dropdown" aria-expanded="false">
                            <i class="fas fa-cog"></i>
                        </button>
                        <ul class="dropdown-menu">
                            <li>
                                <a class="dropdown-item" href="{{ route('backend.' . $module_name . '.trashed') }}">
                                    <i class="fas fa-eye-slash"></i> @lang('View trash')
                                </a>
                            </li>
                        </ul>
                    </div>
                @endcan
            </x-slot>
        </x-backend.section-header>

        <div class="row mt-4">
            <div class="col">
                <table id="datatable" class="table table-bordered table-hover table-responsive-sm align-middle">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>@lang('listing::text.business_logo')</th>
                            <th>@lang('listing::text.business_name')</th>
                            <th>@lang('listing::text.business_email')</th>
                            <th>@lang('listing::text.business_phone')</th>
                            <th>@lang('listing::text.category')</th>
                            <th>@lang('listing::text.status')</th>
                            <th>@lang('listing::text.updated_at')</th>
                            <th>@lang('listing::text.created_by')</th>
                            <th class="text-end">@lang('listing::text.action')</th>
                        </tr>
                    </thead>

                    <tbody>
                        @foreach(${$module_name} as ${$module_name . '_singular'})
                            <tr>
                                <td>{{ ${$module_name . '_singular'}->id }}</td>

                                <td>
                                    @if(${$module_name . '_singular'}->business_logo)
                                        <img src="{{ asset(${$module_name . '_singular'}->business_logo) }}" 
                                             alt="Logo" 
                                             width="40" 
                                             height="40" 
                                             class="rounded-circle">
                                    @else
                                        <span class="text-muted">—</span>
                                    @endif
                                </td>

                                <td>
                                    <a href="{{ route('backend.' . $module_name . '.show', ${$module_name . '_singular'}->id) }}">
                                        {{ ${$module_name . '_singular'}->business_name }}
                                    </a>
                                </td>

                                <td>{{ ${$module_name . '_singular'}->business_email }}</td>
                                <td>{{ ${$module_name . '_singular'}->business_phone ?? '—' }}</td>

                                <td>
                                    {{ optional(${$module_name . '_singular'}->category)->name ?? 'N/A' }}
                                </td>

                                <td>
                                    @if(${$module_name . '_singular'}->status == 1)
                                        <span class="badge bg-success">@lang('Active')</span>
                                    @else
                                        <span class="badge bg-danger">@lang('Inactive')</span>
                                    @endif
                                </td>

                                <td>{{ ${$module_name . '_singular'}->updated_at->diffForHumans() }}</td>
                                <td>{{ ${$module_name . '_singular'}->created_by }}</td>

                                <td class="text-end">
                                    <a href="{{ route('backend.' . $module_name . '.edit', ${$module_name . '_singular'}) }}" 
                                       class="btn btn-sm btn-primary mt-1" 
                                       title="Edit {{ ucwords(Str::singular($module_name)) }}">
                                        <i class="fas fa-edit"></i>
                                    </a>

                                    <a href="{{ route('backend.' . $module_name . '.show', ${$module_name . '_singular'}) }}" 
                                       class="btn btn-sm btn-success mt-1" 
                                       title="Show {{ ucwords(Str::singular($module_name)) }}">
                                        <i class="fas fa-eye"></i>
                                    </a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>

    </div>

    <div class="card-footer">
        <div class="row">
            <div class="col-7">
                <div class="float-start">
                    Total {{ ${$module_name}->total() }} {{ ucwords($module_name) }}
                </div>
            </div>
            <div class="col-5">
                <div class="float-end">
                    {!! ${$module_name}->render() !!}
                </div>
            </div>
        </div>
    </div>
</div>
@endsection