@php
    $timezones = [
        'America/New_York' => 'America/New_York (ET)',
        'America/Chicago' => 'America/Chicago (CT)',
        'America/Denver' => 'America/Denver (MT)',
        'America/Los_Angeles' => 'America/Los_Angeles (PT)',
    ];

    $currencies = [
        'USD' => 'USD — US Dollar',
        'CAD' => 'CAD — Canadian Dollar',
        'MXN' => 'MXN — Mexican Peso',
    ];
@endphp

<x-app-layout>
    <div class="row g-4">
        <div class="col-12">
            <div class="card shadow-sm border-0 bg-gradient">
                <div class="card-body d-flex flex-column flex-lg-row justify-content-between gap-4">
                    <div>
                        <p class="text-uppercase text-white-50 small mb-2">Tenant control</p>
                        <h2 class="text-white mb-2">Manage your business profiles</h2>
                        <p class="text-white-50 mb-0">
                            Log each LLC, base, or fleet you operate under. Switching profiles keeps compliance data scoped and clean.
                        </p>
                    </div>
                    <div class="text-white text-lg-end">
                        <p class="text-uppercase small mb-1">Profiles on file</p>
                        <h3 class="display-6 mb-0">{{ $profiles->count() }}</h3>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-12 col-xl-7">
            <div class="card shadow-sm h-100">
                <div class="card-header bg-white border-0">
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <p class="text-uppercase text-muted small mb-1">Tenant roster</p>
                            <h4 class="mb-0">Business profiles</h4>
                        </div>
                        <span class="badge bg-primary-subtle text-primary rounded-pill">
                            Active: {{ $activeProfile?->name ?? 'None' }}
                        </span>
                    </div>
                </div>
                <div class="card-body">
                    @if ($profiles->isEmpty())
                        <div class="empty-state">
                            <span class="badge bg-light text-dark rounded-pill mb-3">No profiles yet</span>
                            <p class="lead mb-2">Create your first business profile</p>
                            <p class="text-muted mb-4">
                                Use the form on the right to add your LLC or base. Once saved, you can register vehicles and start syncing TLC data.
                            </p>
                            <a href="#profile-form" class="btn btn-primary btn-pill">
                                <i class="bi bi-building-add me-2"></i>
                                Launch profile form
                            </a>
                        </div>
                    @else
                        <div class="list-group list-group-flush">
                            @foreach ($profiles as $profile)
                                @php
                                    $isActive = $activeProfile && $activeProfile->is($profile);
                                @endphp
                                <div class="list-group-item px-0 py-3 border-0">
                                    <div class="d-flex flex-column flex-lg-row justify-content-between gap-3">
                                        <div>
                                            <div class="d-flex align-items-center gap-2 mb-1">
                                                <h5 class="mb-0">{{ $profile->name }}</h5>
                                                @if ($isActive)
                                                    <span class="badge bg-primary">Active</span>
                                                @endif
                                            </div>
                                            <p class="text-muted mb-2">
                                                {{ $profile->industry ?? 'Industry not set' }} · {{ $profile->timezone ?? 'Timezone pending' }} · {{ $profile->currency ?? 'Currency pending' }}
                                            </p>
                                            <div class="d-flex flex-wrap gap-3 text-muted small">
                                                @if ($profile->contact_email)
                                                    <span><i class="bi bi-envelope"></i> {{ $profile->contact_email }}</span>
                                                @endif
                                                <span><i class="bi bi-calendar3"></i> Created {{ $profile->created_at?->format('M d, Y') }}</span>
                                                @if ($profile->brand_color)
                                                    <span class="d-inline-flex align-items-center gap-1">
                                                        <i class="bi bi-palette"></i>
                                                        <span class="badge border" style="background-color: {{ $profile->brand_color }}"></span>
                                                        {{ $profile->brand_color }}
                                                    </span>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="d-flex flex-column flex-sm-row gap-2">
                                            @if (! $isActive)
                                                <form action="{{ route('business-profiles.switch', $profile) }}" method="POST">
                                                    @csrf
                                                    @method('PUT')
                                                    <button class="btn btn-outline-primary btn-pill" type="submit">
                                                        <i class="bi bi-lightning-charge me-1"></i>
                                                        Set active
                                                    </button>
                                                </form>
                                            @else
                                                <button class="btn btn-outline-primary btn-pill" type="button" disabled>
                                                    <i class="bi bi-check2-circle me-1"></i>
                                                    Currently active
                                                </button>
                                            @endif
                                            <form action="{{ route('business-profiles.destroy', $profile) }}" method="POST" onsubmit="return confirm('Remove this business profile? Vehicles tied to it will be retained.');">
                                                @csrf
                                                @method('DELETE')
                                                <button class="btn btn-outline-danger btn-pill" type="submit" {{ $profiles->count() <= 1 ? 'disabled' : '' }}>
                                                    <i class="bi bi-trash me-1"></i>
                                                    Remove
                                                </button>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    @endif
                </div>
            </div>
        </div>

        <div class="col-12 col-xl-5" id="profile-form">
            <div class="card shadow-sm h-100">
                <div class="card-header bg-white border-0">
                    <p class="text-uppercase text-muted small mb-1">New tenant</p>
                    <h4 class="mb-0">Create business profile</h4>
                </div>
                <div class="card-body">
                    <form action="{{ route('business-profiles.store') }}" method="POST" class="needs-validation" novalidate>
                        @csrf
                        <div class="mb-3">
                            <label class="form-label" for="name">Business name</label>
                            <input class="form-control @error('name') is-invalid @enderror" id="name" name="name" type="text" value="{{ old('name') }}" placeholder="e.g. Midtown Hybrid LLC" required>
                            @error('name')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="mb-3">
                            <label class="form-label" for="industry">Industry / focus</label>
                            <input class="form-control @error('industry') is-invalid @enderror" id="industry" name="industry" type="text" value="{{ old('industry') }}" placeholder="Taxi, FHV, paratransit">
                            @error('industry')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="row g-3">
                            <div class="col-md-6">
                                <label class="form-label" for="timezone">Timezone</label>
                                <select class="form-select @error('timezone') is-invalid @enderror" id="timezone" name="timezone" required>
                                    <option value="" disabled {{ old('timezone') ? '' : 'selected' }}>Select timezone</option>
                                    @foreach ($timezones as $value => $label)
                                        <option value="{{ $value }}" {{ old('timezone', config('app.timezone')) === $value ? 'selected' : '' }}>{{ $label }}</option>
                                    @endforeach
                                </select>
                                @error('timezone')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-6">
                                <label class="form-label" for="currency">Currency</label>
                                <select class="form-select @error('currency') is-invalid @enderror" id="currency" name="currency" required>
                                    <option value="" disabled {{ old('currency') ? '' : 'selected' }}>Select currency</option>
                                    @foreach ($currencies as $value => $label)
                                        <option value="{{ $value }}" {{ old('currency', 'USD') === $value ? 'selected' : '' }}>{{ $label }}</option>
                                    @endforeach
                                </select>
                                @error('currency')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="mb-3 mt-3">
                            <label class="form-label" for="contact_email">Contact email</label>
                            <input class="form-control @error('contact_email') is-invalid @enderror" id="contact_email" name="contact_email" type="email" value="{{ old('contact_email') }}" placeholder="ops@fleet.com">
                            @error('contact_email')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="mb-3">
                            <label class="form-label" for="brand_color">Brand color</label>
                            <input class="form-control @error('brand_color') is-invalid @enderror" id="brand_color" name="brand_color" type="text" value="{{ old('brand_color') }}" placeholder="#0F4C81">
                            @error('brand_color')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="mb-3">
                            <label class="form-label" for="notes">Notes</label>
                            <textarea class="form-control @error('notes') is-invalid @enderror" id="notes" name="notes" rows="4" placeholder="Brief operating notes, dispatcher contacts, insurance reminders.">{{ old('notes') }}</textarea>
                            @error('notes')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="d-grid">
                            <button class="btn btn-primary btn-pill" type="submit">
                                <i class="bi bi-save me-2"></i>
                                Save profile
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</x-app-layout>