@extends('layouts.app')

@section('content')
<div class="modern-page-container">

    <div class="page-header">
        <div class="page-header-content">
            <div class="page-title-section">
                <h1 class="page-title"><i class="bi bi-layers me-2"></i>Planos</h1>
                <p class="page-subtitle">Gerencie os planos de assinatura disponíveis no sistema</p>
            </div>
            <a href="{{ route('admin.plans.create') }}" class="btn-modern btn-primary">
                <i class="bi bi-plus-circle"></i>
                <span>Novo Plano</span>
            </a>
        </div>
    </div>

    @if(session('success'))
        <div class="alert alert-success alert-dismissible fade show mb-4">
            <i class="bi bi-check-circle me-2"></i>{{ session('success') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    @endif
    @if(session('error'))
        <div class="alert alert-danger alert-dismissible fade show mb-4">
            <i class="bi bi-exclamation-circle me-2"></i>{{ session('error') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    @endif

    <div class="card shadow-sm border-0">
        <div class="card-body p-0">
            @if($plans->isEmpty())
                <div class="text-center py-5">
                    <i class="bi bi-layers display-1 text-muted"></i>
                    <p class="text-muted mt-3">Nenhum plano cadastrado.</p>
                    <a href="{{ route('admin.plans.create') }}" class="btn btn-primary mt-2">Criar Primeiro Plano</a>
                </div>
            @else
                <div class="table-responsive">
                    <table class="table table-hover align-middle mb-0">
                        <thead class="table-light">
                            <tr>
                                <th>Plano</th>
                                <th class="text-center">Fontes</th>
                                <th class="text-center">Destinos</th>
                                <th class="text-center">Leitura</th>
                                <th>Publicação</th>
                                <th>Links permitidos</th>
                                <th class="text-center">Posts/hora</th>
                                <th class="text-end">Preço/mês</th>
                                <th class="text-center">Usuários</th>
                                <th class="text-center">Ativo</th>
                                <th class="text-center">Ações</th>
                            </tr>
                        </thead>
                        <tbody>
                        @foreach($plans as $plan)
                            <tr>
                                <td>
                                    <div class="fw-semibold">{{ $plan->name }}</div>
                                    <small class="text-muted font-monospace">{{ $plan->slug }}</small>
                                </td>
                                <td class="text-center">
                                    {{ $plan->max_sources >= 9999 ? '∞' : $plan->max_sources }}
                                </td>
                                <td class="text-center">
                                    {{ $plan->max_destinations >= 9999 ? '∞' : $plan->max_destinations }}
                                </td>
                                <td class="text-center">
                                    <span class="badge bg-info text-dark">{{ $plan->min_read_interval_minutes }} min</span>
                                </td>
                                <td>
                                    @foreach($plan->platforms_allowed as $platform)
                                        @if($platform === 'telegram')
                                            <span class="badge bg-primary-subtle text-primary me-1"><i class="bi bi-telegram me-1"></i>Telegram</span>
                                        @elseif($platform === 'whatsapp')
                                            <span class="badge bg-success-subtle text-success me-1"><i class="bi bi-whatsapp me-1"></i>WhatsApp</span>
                                        @else
                                            <span class="badge bg-secondary-subtle text-secondary me-1">{{ $platform }}</span>
                                        @endif
                                    @endforeach
                                </td>
                                <td>
                                    @php
                                        $linkBadges = [
                                            'mercadolivre' => ['label' => 'ML',     'class' => 'bg-warning-subtle text-warning',   'icon' => 'bi-bag-fill'],
                                            'amazon'       => ['label' => 'Amazon', 'class' => 'bg-info-subtle text-info',          'icon' => 'bi-box-seam'],
                                            'shopee'       => ['label' => 'Shopee', 'class' => 'bg-danger-subtle text-danger',      'icon' => 'bi-shop'],
                                            'outros'       => ['label' => 'Outros', 'class' => 'bg-secondary-subtle text-secondary','icon' => 'bi-link-45deg'],
                                        ];
                                        $allowedTypes = $plan->link_types_allowed ?? array_keys($linkBadges);
                                    @endphp
                                    @foreach($allowedTypes as $type)
                                        @php $badge = $linkBadges[$type] ?? ['label' => $type, 'class' => 'bg-secondary-subtle text-secondary', 'icon' => 'bi-link-45deg']; @endphp
                                        <span class="badge {{ $badge['class'] }} me-1">
                                            <i class="bi {{ $badge['icon'] }} me-1"></i>{{ $badge['label'] }}
                                        </span>
                                    @endforeach
                                </td>
                                <td class="text-center">{{ $plan->max_posts_per_hour }}</td>
                                <td class="text-end fw-semibold">
                                    @if($plan->price_monthly > 0)
                                        R$ {{ number_format($plan->price_monthly, 2, ',', '.') }}
                                    @else
                                        <span class="text-success">Grátis</span>
                                    @endif
                                </td>
                                <td class="text-center">
                                    <span class="badge bg-primary rounded-pill">{{ $plan->users_count }}</span>
                                </td>
                                <td class="text-center">
                                    <form action="{{ route('admin.plans.toggle', $plan) }}" method="POST" class="d-inline">
                                        @csrf
                                        <button type="submit" class="btn btn-sm {{ $plan->is_active ? 'btn-success' : 'btn-secondary' }}" title="{{ $plan->is_active ? 'Desativar' : 'Ativar' }}">
                                            <i class="bi bi-{{ $plan->is_active ? 'check-circle-fill' : 'x-circle' }}"></i>
                                        </button>
                                    </form>
                                </td>
                                <td class="text-center">
                                    <a href="{{ route('admin.plans.edit', $plan) }}" class="btn btn-sm btn-outline-primary me-1" title="Editar">
                                        <i class="bi bi-pencil"></i>
                                    </a>
                                    <form action="{{ route('admin.plans.destroy', $plan) }}" method="POST" class="d-inline"
                                          onsubmit="return confirm('Excluir plano {{ $plan->name }}?')">
                                        @csrf @method('DELETE')
                                        <button type="submit" class="btn btn-sm btn-outline-danger" title="Excluir">
                                            <i class="bi bi-trash"></i>
                                        </button>
                                    </form>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            @endif
        </div>
    </div>
</div>
@endsection