@extends('layouts.azpet.base')

@section('title', 'Assinaturas')
@section('subtitle', 'Regras comerciais Solo/Familia com garantia de uma assinatura ativa por tutor')

@push('page_styles')
    @vite([
        'resources/css/pages/assinaturas/style.css',
        'resources/css/pages/assinaturas/responsive.css'
    ])
@endpush

@section('content')
    <div class="grid-60-40" style="margin-bottom: 16px;">
        <div class="card">
            <div class="card-header">
                <span class="card-title">Ativar ou trocar plano</span>
            </div>
            <div class="card-body">
                <form method="POST" action="{{ route('web.subscriptions.store') }}">
                    @csrf
                    <div class="form-row cols-3">
                        <div class="field">
                            <label>Tutor</label>
                            <select name="tutor_code" required>
                                <option value="">Selecione...</option>
                                @foreach ($tutors as $tutor)
                                    <option value="{{ $tutor->public_code }}">
                                        {{ $tutor->nome }} (pets ativos: {{ $tutor->pets_ativos_count }})
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="field">
                            <label>Plano</label>
                            <select name="plan_type" required>
                                <option value="solo">Solo</option>
                                <option value="familia">Familia</option>
                            </select>
                        </div>
                        <div class="field">
                            <label>Ciclo</label>
                            <select name="billing_cycle" required>
                                <option value="monthly">Mensal</option>
                                <option value="annual">Anual</option>
                            </select>
                        </div>
                    </div>
                    <button class="btn btn-primary" type="submit">Ativar assinatura</button>
                </form>
            </div>
        </div>

        <div class="card">
            <div class="card-header">
                <span class="card-title">Tabela de preco oficial</span>
            </div>
            <div class="card-body">
                <div class="timeline">
                    <div class="timeline-item">
                        <div class="timeline-dot"></div>
                        <div class="timeline-content">
                            <div class="timeline-title">Solo</div>
                            <div class="timeline-desc">
                                Mensal: R$ {{ number_format($plans['solo']['monthly']['price_cents'] / 100, 2, ',', '.') }}
                                | Anual: R$ {{ number_format($plans['solo']['annual']['price_cents'] / 100, 2, ',', '.') }}
                            </div>
                        </div>
                    </div>
                    <div class="timeline-item">
                        <div class="timeline-dot"></div>
                        <div class="timeline-content">
                            <div class="timeline-title">Familia</div>
                            <div class="timeline-desc">
                                Mensal: R$ {{ number_format($plans['familia']['monthly']['price_cents'] / 100, 2, ',', '.') }}
                                | Anual: R$ {{ number_format($plans['familia']['annual']['price_cents'] / 100, 2, ',', '.') }}
                            </div>
                        </div>
                    </div>
                </div>
                <p class="muted">Pet in memoriam nao conta no limite do plano.</p>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-header">
            <span class="card-title">Historico de assinaturas</span>
        </div>
        <div class="card-body">
            <div class="table-wrap">
                <table>
                    <thead>
                    <tr>
                        <th>Tutor</th>
                        <th>Plano</th>
                        <th>Ciclo</th>
                        <th>Status</th>
                        <th>Inicio</th>
                        <th>Fim</th>
                        <th>Acoes</th>
                    </tr>
                    </thead>
                    <tbody>
                    @forelse ($subscriptions as $subscription)
                        <tr>
                            <td>{{ $subscription->tutor?->nome }}<div class="muted">{{ $subscription->tutor?->public_code }}</div></td>
                            <td>{{ $subscription->plan_type }}</td>
                            <td>{{ $subscription->billing_cycle }}</td>
                            <td>
                                <span class="badge {{ $subscription->status === 'active' ? 'badge-success' : 'badge-gray' }}">
                                    {{ $subscription->status }}
                                </span>
                            </td>
                            <td>{{ optional($subscription->starts_at)->format('d/m/Y H:i') }}</td>
                            <td>{{ optional($subscription->ends_at)->format('d/m/Y H:i') ?: '-' }}</td>
                            <td>
                                @if ($subscription->status === 'active')
                                    <form method="POST" action="{{ route('web.subscriptions.cancel') }}">
                                        @csrf
                                        <input type="hidden" name="tutor_code" value="{{ $subscription->tutor?->public_code }}">
                                        <button class="btn btn-danger btn-xs" type="submit">Cancelar ativa</button>
                                    </form>
                                @else
                                    <span class="muted">Sem acao</span>
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="7" class="muted">Nenhuma assinatura registrada.</td>
                        </tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
            @if ($subscriptions->hasPages())
                <div class="pager">
                    @if ($subscriptions->previousPageUrl())
                        <a class="btn btn-outline btn-sm" href="{{ $subscriptions->previousPageUrl() }}">Anterior</a>
                    @endif
                    @if ($subscriptions->nextPageUrl())
                        <a class="btn btn-outline btn-sm" href="{{ $subscriptions->nextPageUrl() }}">Proxima</a>
                    @endif
                </div>
            @endif
        </div>
    </div>
@endsection