@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">
                <x-buttons.return-back />
                <a href='{{ route("backend.$module_name.index") }}' class="btn btn-secondary" data-toggle="tooltip" title="{{ __($module_name) }} {{ __('List') }}">
                    <i class="fas fa-list"></i> @lang("List")
                </a>
            </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">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Logo</th>
                            <th>Name</th>
                            <th>Email</th>
                            <th>Phone</th>
                            <th>Category</th>
                            <th>Sub-category</th>
                            <th>Business Type</th>
                            <th>Status</th>
                            <th>Updated At</th>
                            <th>Created By</th>
                            <th class="text-end">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="{{ $module_name_singular->business_logo }}" alt="Logo" width="50" height="50" class="rounded-circle">
                                @else
                                    —
                                @endif
                            </td>
                            <td><strong>{{ $module_name_singular->business_name }}</strong></td>
                            <td>{{ $module_name_singular->business_email }}</td>
                            <td>{{ $module_name_singular->business_phone }}</td>
                            <td>{{ $module_name_singular->category_id }}</td>
                            <td>{{ $module_name_singular->sub_category_id ?? '—' }}</td>
                            <td>{{ $module_name_singular->business_type }}</td>
                            <td>
                                @if($module_name_singular->status == 1)
                                    <span class="badge bg-success">Active</span>
                                @else
                                    <span class="badge bg-danger">Inactive</span>
                                @endif
                            </td>
                            <td>{{ $module_name_singular->updated_at->isoFormat('llll') }}</td>
                            <td>{{ $module_name_singular->created_by }}</td>
                            <td class="text-end">
                                <a href="{{ route("backend.$module_name.restore", $module_name_singular) }}" 
                                   class="btn btn-warning btn-sm" 
                                   data-method="PATCH" 
                                   data-token="{{ csrf_token() }}" 
                                   data-toggle="tooltip" 
                                   title="{{ __('labels.backend.restore') }}">
                                   <i class='fas fa-undo'></i> {{ __('labels.backend.restore') }}
                                </a>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="card-footer">
        <div class="row">
            <div class="col-7">
                <div class="float-left">
                    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

@section ('after-scripts-end')
<!-- Add any additional scripts if needed -->
@endsection