@extends('layouts.app')
@section('title', __('Tenants'))

@section('content')
<div x-data="{ showForm: false }">
    <div class="mb-4 flex justify-end">
        <button @click="showForm = !showForm" class="btn-primary"><x-icon name="plus" class="h-4 w-4"/>{{ __('New Tenant') }}</button>
    </div>

    <div x-show="showForm" x-cloak class="card mb-4">
        <form method="POST" action="{{ route('saas.tenants.store') }}" class="grid grid-cols-1 gap-4 sm:grid-cols-3">
            @csrf
            <div><label class="label">{{ __('Name') }}</label><input type="text" name="name" required class="input"></div>
            <div><label class="label">{{ __('Email') }}</label><input type="email" name="email" class="input"></div>
            <div><label class="label">{{ __('Phone') }}</label><input type="text" name="phone" class="input"></div>
            <div><label class="label">{{ __('Currency') }}</label><input type="text" name="currency_symbol" value="Ar" required class="input"></div>
            <div><label class="label">{{ __('Plan') }}</label>
                <select name="plan_id" class="input">
                    <option value="">{{ __('No plan (trial)') }}</option>
                    @foreach (\App\Models\Plan::where('is_active', true)->get() as $plan)<option value="{{ $plan->id }}">{{ $plan->name }}</option>@endforeach
                </select>
            </div>
            <div class="flex items-end"><button class="btn-primary w-full">{{ __('Create tenant') }}</button></div>
        </form>
    </div>

    <div class="table-wrap">
        <table class="min-w-full divide-y divide-slate-100">
            <thead class="bg-slate-50"><tr>
                <th class="th">{{ __('Name') }}</th><th class="th">{{ __('Users') }}</th><th class="th">{{ __('Products') }}</th>
                <th class="th">{{ __('Currency') }}</th><th class="th">{{ __('Status') }}</th><th class="th"></th>
            </tr></thead>
            <tbody class="divide-y divide-slate-100">
                @forelse ($tenants as $tenant)
                    <tr class="hover:bg-slate-50">
                        <td class="td font-medium">{{ $tenant->name }}<span class="block text-xs text-slate-400">{{ $tenant->slug }}</span></td>
                        <td class="td">{{ $tenant->users_count }}</td>
                        <td class="td">{{ $tenant->products_count }}</td>
                        <td class="td">{{ $tenant->currency_symbol }}</td>
                        <td class="td">
                            <span class="badge {{ $tenant->status === 'active' ? 'bg-brand-100 text-brand-700' : 'bg-red-100 text-red-700' }}">{{ __(ucfirst($tenant->status)) }}</span>
                        </td>
                        <td class="td text-right">
                            <form method="POST" action="{{ route('saas.tenants.update', $tenant) }}" class="flex items-center justify-end gap-2">
                                @csrf @method('PUT')
                                <input type="hidden" name="name" value="{{ $tenant->name }}">
                                <input type="hidden" name="currency_symbol" value="{{ $tenant->currency_symbol }}">
                                <select name="status" class="input !w-32 !py-1 text-xs" onchange="this.form.submit()">
                                    @foreach (['active','suspended','expired'] as $s)
                                        <option value="{{ $s }}" @selected($tenant->status===$s)>{{ __(ucfirst($s)) }}</option>
                                    @endforeach
                                </select>
                            </form>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="6" class="td py-10 text-center text-slate-400">{{ __('No tenants.') }}</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    <div class="mt-4">{{ $tenants->links() }}</div>
</div>
@endsection