@extends('admin.layout.app')

@section('body')
<div class="card card-page p-3 shadow-sm">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <div>
            <h4 class="mb-0">{{ __('admin.system_info') }}</h4>
            <small class="text-muted">{{ __('admin.website_title_contacts_social_links_logo') }}</small>
        </div>
        <a href="{{ route('system-info.create') }}" class="btn btn-primary">
            <i class="fas fa-plus me-2"></i> {{ __('admin.add_new') }}
        </a>
    </div>

    @if(session('msg'))
        <div class="alert alert-info">{{ session('msg') }}</div>
    @endif

    <div class="table-responsive">
        <table class="table table-hover align-middle">
            <thead class="table-light">
                <tr>
                    <th style="width:80px">#</th>
                    <th>{{ __('admin.company') }}</th>
                    <th>{{ __('admin.website_title_2') }}</th>
                    <th>{{ __('admin.phone') }}</th>
                    <th>{{ __('admin.status') }}</th>
                    <th style="width:180px">{{ __('admin.actions') }}</th>
                </tr>
            </thead>
            <tbody>
                @forelse($items as $row)
                <tr>
                    <td>{{ $row->id }}</td>
                    <td class="fw-semibold">{{ $row->company_name }}</td>
                    <td>{{ $row->website_title }}</td>
                    <td>{{ $row->phone }}</td>
                    <td>
                        <span class="badge {{ $row->status ? 'bg-success' : 'bg-secondary' }}">
                            {{ $row->status ? 'Active' : 'Inactive' }}
                        </span>
                    </td>
                    <td class="d-flex gap-1">
                        <a class="btn btn-sm btn-outline-info" href="{{ route('system-info.show',$row->id) }}">
                            <i class="far fa-eye"></i>
                        </a>
                        <a class="btn btn-sm btn-outline-primary" href="{{ route('system-info.edit',$row->id) }}">
                            <i class="far fa-edit"></i>
                        </a>
                        <form action="{{ route('system-info.destroy',$row->id) }}" method="POST"
                              onsubmit="return confirm('{{ __('admin.delete_this_record') }}')">
                            @csrf
                            @method('DELETE')
                            <button class="btn btn-sm btn-outline-danger">
                                <i class="far fa-trash-alt"></i>
                            </button>
                        </form>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="6" class="text-center text-muted p-4">{{ __('admin.no_system_info_found') }}</td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div class="mt-3">{{ $items->links('pagination::bootstrap-4') }}</div>
</div>
@endsection