@extends('layouts.app')

@section('title', 'Trials')

@section('content')
@include('super-admin.partials.nav')

<x-page-header title="Trials" subtitle="Free trial usage and conversion" icon="bolt" icon-color="indigo">
    <x-slot:actions>
        <a href="{{ route('super-admin.subscription.index') }}" class="btn-secondary btn-sm">Subscription pricing</a>
    </x-slot:actions>
</x-page-header>

<div class="grid grid-cols-2 md:grid-cols-4 gap-3 mb-6">
    <div class="glass-card p-4">
        <p class="text-xs text-themed-muted">Ever used trial</p>
        <p class="text-2xl font-semibold">{{ $stats['ever_trial_companies'] }}</p>
    </div>
    <div class="glass-card p-4">
        <p class="text-xs text-themed-muted">In trial now</p>
        <p class="text-2xl font-semibold">{{ $stats['in_trial'] }}</p>
    </div>
    <div class="glass-card p-4">
        <p class="text-xs text-themed-muted">Expired</p>
        <p class="text-2xl font-semibold">{{ $stats['expired'] }}</p>
    </div>
    <div class="glass-card p-4">
        <p class="text-xs text-themed-muted">Converted</p>
        <p class="text-2xl font-semibold">{{ $stats['converted'] }} <span class="text-sm text-themed-muted">({{ $stats['conversion_rate'] }}%)</span></p>
    </div>
    <div class="glass-card p-4">
        <p class="text-xs text-themed-muted">Users on trial companies</p>
        <p class="text-2xl font-semibold">{{ $stats['users_on_trial_companies'] }}</p>
    </div>
    <div class="glass-card p-4">
        <p class="text-xs text-themed-muted">Devices on trial companies</p>
        <p class="text-2xl font-semibold">{{ $stats['devices_on_trial_companies'] }}</p>
    </div>
    <div class="glass-card p-4">
        <p class="text-xs text-themed-muted">Starts (7 days)</p>
        <p class="text-2xl font-semibold">{{ $stats['starts_last_7_days'] }}</p>
    </div>
    <div class="glass-card p-4">
        <p class="text-xs text-themed-muted">Starts (30 days)</p>
        <p class="text-2xl font-semibold">{{ $stats['starts_last_30_days'] }}</p>
    </div>
</div>

<div class="glass-card p-6 mb-6 max-w-xl">
    <h2 class="text-lg font-semibold mb-1">Trial settings</h2>
    <p class="text-sm text-themed-muted mb-4">
        Subscription price, prepaid terms, and discounts live on
        <a href="{{ route('super-admin.subscription.index') }}" class="text-cyan-300 hover:underline">Subscription</a>.
    </p>
    <form method="POST" action="{{ route('super-admin.trials.settings') }}" class="space-y-4">
        @csrf
        @method('PUT')
        <div>
            <label class="field-label">Trial duration (days)</label>
            <input type="number" min="1" name="trial_duration_days" value="{{ old('trial_duration_days', $stats['trial_duration_days']) }}" class="field-input" required>
        </div>
        <button type="submit" class="btn-primary">Save trial settings</button>
    </form>
</div>

<div class="table-wrap">
    <table class="data-table">
        <thead>
            <tr>
                <th>Company</th>
                <th>Trial start</th>
                <th>Trial end</th>
                <th>Status</th>
                <th>Users</th>
                <th>Devices</th>
                <th>Converted</th>
                <th>Subscription end</th>
            </tr>
        </thead>
        <tbody>
            @forelse ($companies as $company)
                <tr>
                    <td>
                        <a href="{{ route('super-admin.companies.show', $company) }}" class="text-cyan-300 hover:underline">{{ $company->name }}</a>
                    </td>
                    <td class="text-xs whitespace-nowrap">{{ $company->trial_started_at?->format('Y-m-d H:i') ?? '—' }}</td>
                    <td class="text-xs whitespace-nowrap">{{ $company->trial_ends_at?->format('Y-m-d H:i') ?? '—' }}</td>
                    <td><span class="badge-neutral">{{ $company->status }}</span></td>
                    <td>{{ $company->users_count }}</td>
                    <td>{{ $company->devices_count }}</td>
                    <td>{{ $company->trial_converted_at ? 'Yes' : 'No' }}</td>
                    <td class="text-xs whitespace-nowrap">{{ $company->subscription_ends_at?->format('Y-m-d H:i') ?? '—' }}</td>
                </tr>
            @empty
                <tr><td colspan="8" class="text-center text-themed-muted py-8">No trial companies yet.</td></tr>
            @endforelse
        </tbody>
    </table>
</div>
<div class="mt-4">{{ $companies->links() }}</div>
@endsection