@extends('layouts.app')

@section('title', 'Assinaturas - Administracao - ERP-PLUS')
@section('page_title', 'Assinaturas')
@section('page_subtitle', 'Gerenciamento de assinaturas de todas as empresas.')

@section('content')
<div class="panel">
    <div class="panel-header">
        <div>
            <h2>Todas as assinaturas</h2>
            <span>{{ $subscriptions->total() }} registro(s)</span>
        </div>
        <form method="GET" style="display:flex;gap:8px;flex-wrap:wrap">
            <select name="status" onchange="this.form.submit()" style="min-height:38px;width:auto">
                <option value="">Todos os status</option>
                <option value="trial" @selected(request('status') === 'trial')>Trial</option>
                <option value="active" @selected(request('status') === 'active')>Ativo</option>
                <option value="expired" @selected(request('status') === 'expired')>Expirado</option>
                <option value="canceled" @selected(request('status') === 'canceled')>Cancelado</option>
            </select>
            <select name="plan_id" onchange="this.form.submit()" style="min-height:38px;width:auto">
                <option value="">Todos os planos</option>
                @foreach ($plans as $plan)
                    <option value="{{ $plan->id }}" @selected((int) request('plan_id') === $plan->id)>{{ $plan->name }}</option>
                @endforeach
            </select>
            <input name="search" placeholder="Buscar empresa..." value="{{ request('search') }}"
                   style="min-height:38px;width:200px" onkeydown="if(event.key==='Enter') this.form.submit()">
            @if (request()->anyFilled(['status', 'plan_id', 'search']))
                <a class="button" href="{{ route('subscription.admin') }}" style="min-height:38px">Limpar</a>
            @endif
        </form>
    </div>

    <div class="table-wrap">
        <table>
            <thead>
                <tr>
                    <th>Empresa</th>
                    <th>CNPJ</th>
                    <th>Plano</th>
                    <th>Valor</th>
                    <th>Status</th>
                    <th>Inicio</th>
                    <th>Vencimento</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @forelse ($subscriptions as $sub)
                    <tr>
                        <td><a href="{{ route('companies.show', $sub->company) }}" style="color:var(--primary);text-decoration:none;font-weight:700">{{ $sub->company->name }}</a></td>
                        <td style="font-family:monospace;font-size:12px">{{ $sub->company->cnpj }}</td>
                        <td>{{ $sub->plan->name }}</td>
                        <td>R$ {{ number_format((float) $sub->plan->price, 2, ',', '.') }}</td>
                        <td>
                            @php
                                $st = match ($sub->status) {
                                    'active'    => 'ok',
                                    'trial'     => '',
                                    'expired'   => 'neutral',
                                    'cancelled' => 'danger',
                                    default     => 'neutral',
                                };
                            @endphp
                            <span class="pill {{ $st }}">{{ mb_strtoupper($sub->status) }}</span>
                        </td>
                        <td>{{ $sub->created_at->format('d/m/Y') }}</td>
                        <td>{{ $sub->ends_at?->format('d/m/Y') ?? '-' }}</td>
                        <td style="min-width:300px">
                            <div style="display:flex;gap:6px;align-items:center;flex-wrap:wrap">
                                <a class="button" href="{{ route('subscription.charges', ['company' => $sub->company_id]) }}" style="font-size:12px;min-height:30px;padding:4px 10px">Cobrancas</a>

                                @if (auth()->id() === 1)

                                {{-- Editar vencimento: somente trial --}}
                                @if ($sub->status === 'trial')
                                <button type="button"
                                        onclick="toggleTrial('trial-form-{{ $sub->id }}')"
                                        style="font-size:12px;min-height:30px;padding:4px 10px;background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:6px;cursor:pointer;font-family:inherit;font-weight:600">
                                    Editar trial
                                </button>
                                @endif

                                <form method="POST" action="{{ route('subscription.admin.change-plan', $sub) }}"
                                      style="display:flex;gap:4px;align-items:center"
                                      onsubmit="return confirm('Alterar plano de {{ addslashes($sub->company->name) }}?')">
                                    @csrf
                                    <select name="plan_id" style="min-height:30px;font-size:12px;padding:2px 6px">
                                        @foreach ($plans as $plan)
                                            <option value="{{ $plan->id }}" @selected($plan->id === $sub->plan_id)>
                                                {{ $plan->name }} — R$ {{ number_format((float)$plan->price,2,',','.') }}
                                            </option>
                                        @endforeach
                                    </select>
                                    <button class="button primary" type="submit" style="font-size:12px;min-height:30px;padding:4px 10px">Alterar</button>
                                </form>
                                @endif
                            </div>

                            {{-- Painel inline de editar trial --}}
                            @if (auth()->id() === 1 && $sub->status === 'trial')
                            <div id="trial-form-{{ $sub->id }}"
                                 style="display:none;margin-top:8px;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:12px 14px">
                                <div style="font-size:12px;font-weight:700;color:#92400e;margin-bottom:8px">
                                    Alterar vencimento do trial — {{ $sub->company->name }}
                                </div>
                                <form method="POST" action="{{ route('subscription.admin.extend-trial', $sub) }}"
                                      style="display:flex;gap:8px;align-items:center;flex-wrap:wrap">
                                    @csrf
                                    <div style="display:grid;gap:3px">
                                        <label style="font-size:11px;font-weight:600;color:#92400e">Novo vencimento</label>
                                        <input type="date" name="ends_at"
                                               value="{{ $sub->ends_at?->format('Y-m-d') }}"
                                               min="{{ now()->addDay()->format('Y-m-d') }}"
                                               required
                                               style="min-height:32px;font-size:13px;border:1px solid #fde68a;border-radius:6px;padding:4px 8px;background:#fff">
                                    </div>
                                    <div style="display:flex;gap:6px;align-items:flex-end;padding-top:18px">
                                        <button type="submit" class="button primary"
                                                style="font-size:12px;min-height:32px;padding:4px 12px">
                                            Salvar
                                        </button>
                                        <button type="button"
                                                onclick="toggleTrial('trial-form-{{ $sub->id }}')"
                                                style="font-size:12px;min-height:32px;padding:4px 10px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-family:inherit">
                                            Cancelar
                                        </button>
                                    </div>
                                </form>
                            </div>
                            @endif
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="8"><div class="empty">Nenhuma assinatura encontrada.</div></td></tr>
                @endforelse
            </tbody>
        </table>
    </div>

    @if ($subscriptions->hasPages())
        <div style="padding:12px 16px;border-top:1px solid var(--border)">
            {{ $subscriptions->links() }}
        </div>
    @endif
</div>

@push('scripts')
<script>
function toggleTrial(id) {
    var el = document.getElementById(id);
    if (el) el.style.display = el.style.display === 'none' ? 'block' : 'none';
}
</script>
@endpush
@endsection