@extends('layouts.mega.master')
@section('content')

    <x-slot name="header">
        <h2 class="text-xl font-semibold leading-tight text-gray-800">
            {{ __('Tenants') }}
            <x-btn-link  href="{{ route('tenants.create') }}" class="float-right"> Add Tenant</x-btn-link>
        </h2>
    </x-slot>

    <div class="py-12">
        <div class="mx-auto max-w-7xl sm:px-6 lg:px-8">
            <div class="overflow-hidden bg-white shadow-sm sm:rounded-lg">
                <div class="p-6 text-gray-900">
                    <table border="1" cellpadding="10" cellspacing="0" class="table table-striped table-sm table-bordered" style="width:100%">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Database ID</th>
                                <th>Company Name</th>
                                <th>Full  Name</th>
                                <th>Email</th>
                                <th>Username</th>
                                <th>Tenant URL</th>
                                <th>Domain Name </th>
                                <th>Address</th>
                                <th>City</th>
                                <th>State</th>
                                <th>Zip Code</th>
                                <th>Country</th>
                                <th>Phone</th>
                                <th>Created At</th>
                            </tr>
                        </thead>

                        <tbody>
                            @forelse($tenants as $index => $data)
                                @php
                                    $tenant = $data['tenant'];
                                    $owner = $data['owner'];
                                @endphp
                                <tr>
                                    <td>{{ $index + 1 }}</td>
                                    <td>{{ $tenant->id }}</td>
                                    <td>{{ $tenant->company_name  }}</td>
                                    <td>{{ $tenant->name ?? 'N/A' }}</td>
                                    <td>{{ $tenant->email ?? 'N/A' }}</td>
                                    <td>{{ $tenant->username ?? 'N/A' }}</td>
                                    <td>
                                        @if ($tenant->getDomain() !== 'No Domain')
                                            <a href="http://{{ $tenant->getDomain() }}" target="_blank">{{ $tenant->getDomain() }}</a>
                                        @else
                                            {{ $tenant->getDomain() }}
                                        @endif
                                    </td>
                                    <td>{{ $tenant->domain_name ?? 'N/A' }}</td>
                                    <td>{{ $tenant->address ?? 'N/A' }}</td>
                                    <td>{{ $tenant->city ?? 'N/A' }}</td>
                                    <td>{{ $tenant->state ?? 'N/A' }}</td>
                                    <td>{{ $tenant->zip_code ?? 'N/A' }}</td>
                                    <td>{{ $tenant->country ?? 'N/A' }}</td>
                                    <td>{{ $tenant->phone ?? 'N/A' }}</td>
                                    <td>{{ $tenant->created_at ?? 'N/A' }}</td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="15">No tenants registered yet.</td>
                                </tr>
                            @endforelse

                        </tbody>

                        <tfoot>
                            <tr>
                                <th>#</th>
                                <th>Database ID</th>
                                <th>Company Name</th>
                                <th>Full  Name</th>
                                <th>Email</th>
                                <th>Username</th>
                                <th>Tenant URL</th>
                                <th>Domain Name </th>
                                <th>Address</th>
                                <th>City</th>
                                <th>State</th>
                                <th>Zip Code</th>
                                <th>Country</th>
                                <th>Phone</th>
                                <th>Created At</th>
                            </tr>
                        </tfoot>
                    </table>

                </div>
            </div>
        </div>
    </div>



    <script src="https://code.jquery.com/jquery-3.7.1.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>
    <script src="https://cdn.datatables.net/2.2.0/js/dataTables.js"></script>
    <script src="https://cdn.datatables.net/2.2.0/js/dataTables.bootstrap5.js"></script>
@endsection