@php($appLanguages = \App\Http\Controllers\Admin\LanguageController::APP_LANGUAGES)
<x-admin.layout :title="__('Languages')">
    <x-admin.page-header :title="__('Languages')" :subtitle="__('The languages riders and drivers can pick in the apps. Push notifications, text messages and emails follow each user\'s choice.')">
        @can('languages.edit')
            <x-admin.button icon="plus" :href="route('admin.languages.create')">{{ __('Add language') }}</x-admin.button>
        @endcan
    </x-admin.page-header>

    <x-admin.card :padding="false">
        <div class="overflow-x-auto">
            <table class="table-base">
                <thead><tr><th>{{ __('Language') }}</th><th>{{ __('Code') }}</th><th>{{ __('Direction') }}</th><th>{{ __('Apps') }}</th><th>{{ __('Server texts') }}</th><th>{{ __('Status') }}</th><th></th></tr></thead>
                <tbody class="divide-y divide-gray-100 dark:divide-gray-800">
                    @foreach ($languages as $language)
                        <tr>
                            <td>
                                <p class="font-medium text-gray-900 dark:text-gray-100">{{ $language->flag }} {{ $language->name }}</p>
                                @if ($language->native_name && $language->native_name !== $language->name)
                                    <p class="text-xs text-gray-500" dir="{{ $language->direction }}">{{ $language->native_name }}</p>
                                @endif
                            </td>
                            <td class="font-mono text-sm">{{ $language->code }}</td>
                            <td class="text-sm">{{ $language->isRtl() ? __('Right to left') : __('Left to right') }}</td>
                            <td><x-admin.status :value="in_array($language->code, $appLanguages, true) ? 'active' : 'pending'" :label="in_array($language->code, $appLanguages, true) ? __('Translated') : __('English for now')" /></td>
                            <td><x-admin.status :value="$serverTranslated($language) ? 'active' : 'pending'" :label="$serverTranslated($language) ? __('Translated') : __('English for now')" /></td>
                            <td>
                                @if ($language->is_default)
                                    <x-admin.status value="default" color="blue" :label="__('Default')" />
                                @else
                                    <x-admin.status :value="$language->is_active ? 'active' : 'inactive'" />
                                @endif
                            </td>
                            <td class="text-end">
                                @can('languages.edit')
                                    <div class="flex justify-end gap-1">
                                        @unless ($language->is_default)
                                            <form method="POST" action="{{ route('admin.languages.default', $language) }}"
                                                  data-confirm="{{ __('Make :name the default language? Content (CMS) keeps the default language\'s text in its main fields, so existing pages and FAQs may need their text updated.', ['name' => $language->name]) }}">
                                                @csrf
                                                <x-admin.button type="submit" size="sm" variant="ghost" icon="star">{{ __('Make default') }}</x-admin.button>
                                            </form>
                                        @endunless
                                        <x-admin.button size="sm" variant="ghost" icon="pencil-square" :href="route('admin.languages.edit', $language)">{{ __('Edit') }}</x-admin.button>
                                    </div>
                                @endcan
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </x-admin.card>

    <p class="mt-4 flex items-start gap-2 text-sm text-gray-500 dark:text-gray-400">
        <x-heroicon-o-information-circle class="mt-0.5 size-4 shrink-0" />
        {{ __('The apps ship translated into :languages. A new language shows English in the apps until its translation file is added to them, and English server texts until lang/{code}.json exists (see the documentation).', ['languages' => implode(', ', $appLanguages)]) }}
    </p>
</x-admin.layout>