@extends('layouts.tenant', ['title' => 'List of apps'])

@section('content')

    <div class="mb-4">
        <a href="{{ route('tenant.photobooths.create') }}">
        <button type="button" class="bg-500 py-2 px-4 bg-green-500 rounded-md">
            Create App
        </button>
        </a>
    </div>

    <div class="relative overflow-x-auto">
        <table class="w-full text-sm text-left text-gray-500 dark:text-gray-400">
            <thead class="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
            <tr>
                <th></th>
                <th scope="col" class="px-6 py-3">
                    App name
                </th>
                <th scope="col" class="px-6 py-3">
                    Domain
                </th>
                <th scope="col" class="px-6 py-3">
                    Restricted URL
                </th>
                <th scope="col" class="px-6 py-3">
                    Status
                </th>
                <th scope="col" class="px-6 py-3">
                    Actions
                </th>
            </tr>
            </thead>
            <tbody>

            @forelse ($photobooths as $photobooth)
            <tr class="bg-white border-b dark:bg-gray-800 dark:border-gray-700">

                <td scope="row" class="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white">
                    <img class="h-8 w-8 rounded-full" src="{{ $photobooth->logo_url }}" alt="">
                </td>

                <td scope="row" class="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white">
                   {{ $photobooth->app_name }}
                </td>
                <td scope="row" class="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white">
                    {{ $photobooth->domain_url }}
                </td>
                <td scope="row" class="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white">
                    {{ $photobooth->restricted_url }}
                </td>
                <td scope="row" class="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white">
                    {{ $photobooth->status }}
                </td>
                <td scope="row" class="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white">
                    <a href="{{ route('tenant.photobooths.show', ['photobooth' => $photobooth]) }}" title="View">
                        <x-icons.eye />
                    </a>
                </td>
            </tr>
            @empty
            <tr class="bg-white border-b dark:bg-gray-800 dark:border-gray-700">
                <td colspan="6" class="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white text-center">
                    No Apps found
                </td>
            </tr>
            @endforelse
            </tbody>
        </table>

        {{ $photobooths->links() }}
    </div>
@endsection