@extends('layouts.app')

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

    {{-- Header --}}
    <div class="page-header">
        <div class="page-header-content">
            <div class="page-title-section">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb mb-1">
                        <li class="breadcrumb-item">
                            <a href="{{ route('admin.plans.index') }}" class="text-decoration-none">Planos</a>
                        </li>
                        <li class="breadcrumb-item active">Editar: {{ $plan->name }}</li>
                    </ol>
                </nav>
                <h1 class="page-title"><i class="bi bi-pencil me-2"></i>Editar Plano</h1>
                <p class="page-subtitle">Ajuste os limites e configurações do plano <strong>{{ $plan->name }}</strong></p>
            </div>
            <a href="{{ route('admin.plans.index') }}" class="btn-modern btn-outline">
                <i class="bi bi-arrow-left"></i>
                <span>Voltar</span>
            </a>
        </div>
    </div>

    {{-- Alertas --}}
    @if(session('success'))
        <div class="alert alert-success alert-dismissible fade show mb-4" role="alert">
            <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($errors->any())
        <div class="alert alert-danger alert-dismissible fade show mb-4" role="alert">
            <i class="bi bi-exclamation-triangle me-2"></i>Corrija os erros abaixo antes de salvar.
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    @endif

    <div class="row g-4 align-items-start">

        {{-- Coluna principal: formulário --}}
        <div class="col-lg-8">
            <form action="{{ route('admin.plans.update', $plan) }}" method="POST">
                @csrf @method('PUT')

                {{-- Bloco: Identificação --}}
                <div class="form-card mb-4">
                    <div class="form-section">
                        <div class="section-header">
                            <h3 class="section-title"><i class="bi bi-tag me-2 text-primary"></i>Identificação</h3>
                            <p class="section-description">Nome e slug únicos do plano</p>
                        </div>
                        <div class="row g-3">
                            <div class="col-sm-6">
                                <label class="field-label">Nome <span class="text-danger">*</span></label>
                                <input type="text" name="name"
                                       class="form-input @error('name') is-invalid @enderror"
                                       value="{{ old('name', $plan->name) }}"
                                       placeholder="Ex: Pro" required>
                                @error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-sm-6">
                                <label class="field-label">Slug (identificador único) <span class="text-danger">*</span></label>
                                <input type="text" name="slug"
                                       class="form-input @error('slug') is-invalid @enderror"
                                       value="{{ old('slug', $plan->slug) }}"
                                       placeholder="Ex: pro" required>
                                @error('slug')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                <small class="text-muted">Somente letras, números e hífens.</small>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- Bloco: Limites --}}
                <div class="form-card mb-4">
                    <div class="form-section">
                        <div class="section-header">
                            <h3 class="section-title"><i class="bi bi-sliders me-2 text-primary"></i>Limites do Plano</h3>
                            <p class="section-description">Defina os tetos de uso para usuários neste plano</p>
                        </div>
                        <div class="row g-3">
                            <div class="col-sm-6 col-md-4">
                                <label class="field-label">Máx. Fontes <span class="text-danger">*</span></label>
                                <input type="number" name="max_sources"
                                       class="form-input @error('max_sources') is-invalid @enderror"
                                       value="{{ old('max_sources', $plan->max_sources) }}"
                                       min="0" max="9999" required>
                                @error('max_sources')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                <small class="text-muted">9999 = ilimitado</small>
                            </div>
                            <div class="col-sm-6 col-md-4">
                                <label class="field-label">Máx. Destinos <span class="text-danger">*</span></label>
                                <input type="number" name="max_destinations"
                                       class="form-input @error('max_destinations') is-invalid @enderror"
                                       value="{{ old('max_destinations', $plan->max_destinations) }}"
                                       min="0" max="9999" required>
                                @error('max_destinations')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                <small class="text-muted">9999 = ilimitado</small>
                            </div>
                            <div class="col-sm-6 col-md-4">
                                <label class="field-label">Frequência mín. de leitura <span class="text-danger">*</span></label>
                                <select name="min_read_interval_minutes"
                                        class="form-select @error('min_read_interval_minutes') is-invalid @enderror" required>
                                    @foreach([3 => '3 minutos', 5 => '5 minutos', 10 => '10 minutos', 15 => '15 minutos'] as $val => $label)
                                        <option value="{{ $val }}"
                                            {{ old('min_read_interval_minutes', $plan->min_read_interval_minutes) == $val ? 'selected' : '' }}>
                                            {{ $label }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('min_read_interval_minutes')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-sm-6 col-md-4">
                                <label class="field-label">Máx. posts/hora <span class="text-danger">*</span></label>
                                <input type="number" name="max_posts_per_hour"
                                       class="form-input @error('max_posts_per_hour') is-invalid @enderror"
                                       value="{{ old('max_posts_per_hour', $plan->max_posts_per_hour) }}"
                                       min="1" max="100" required>
                                @error('max_posts_per_hour')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-sm-6 col-md-4">
                                <label class="field-label">Intervalo entre posts (seg.) <span class="text-danger">*</span></label>
                                <input type="number" name="publish_interval_seconds"
                                       class="form-input @error('publish_interval_seconds') is-invalid @enderror"
                                       value="{{ old('publish_interval_seconds', $plan->publish_interval_seconds) }}"
                                       min="0" max="300" required>
                                <small class="text-muted">Pausa entre publicações para evitar flood no Telegram (0 = sem pausa)</small>
                                @error('publish_interval_seconds')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-sm-6 col-md-4">
                                <label class="field-label">Máx. tentativas por oferta <span class="text-danger">*</span></label>
                                <input type="number" name="max_attempts_per_offer"
                                       class="form-input @error('max_attempts_per_offer') is-invalid @enderror"
                                       value="{{ old('max_attempts_per_offer', $plan->max_attempts_per_offer) }}"
                                       min="1" max="10" required>
                                @error('max_attempts_per_offer')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-sm-6 col-md-4">
                                <label class="field-label">Preço mensal (R$) <span class="text-danger">*</span></label>
                                <input type="number" name="price_monthly"
                                       class="form-input @error('price_monthly') is-invalid @enderror"
                                       value="{{ old('price_monthly', $plan->price_monthly) }}"
                                       min="0" step="0.01" required>
                                @error('price_monthly')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                <small class="text-muted">0 = plano gratuito</small>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- Bloco: Plataformas e extras --}}
                <div class="form-card mb-4">
                    <div class="form-section">
                        <div class="section-header">
                            <h3 class="section-title"><i class="bi bi-broadcast me-2 text-primary"></i>Plataformas e Marketplaces</h3>
                            <p class="section-description">Canais de publicação e marketplaces permitidos neste plano</p>
                        </div>

                        {{-- Plataformas --}}
                        <div class="mb-4">
                            <label class="field-label mb-2">Plataformas de publicação permitidas</label>
                            @php $currentPlatforms = old('platforms_allowed', $plan->platforms_allowed ?? ['telegram']); @endphp
                            <div class="d-flex flex-wrap gap-3">
                                <div class="platform-check-card {{ in_array('telegram', $currentPlatforms) ? 'selected' : '' }}">
                                    <input class="form-check-input visually-hidden" type="checkbox"
                                           name="platforms_allowed[]" value="telegram" id="plat_telegram"
                                           {{ in_array('telegram', $currentPlatforms) ? 'checked' : '' }}
                                           onchange="this.closest('.platform-check-card').classList.toggle('selected', this.checked)">
                                    <label class="d-flex align-items-center gap-2 m-0" for="plat_telegram" style="cursor:pointer">
                                        <i class="bi bi-telegram fs-5 text-primary"></i>
                                        <span class="fw-semibold">Telegram</span>
                                    </label>
                                </div>
                                <div class="platform-check-card {{ in_array('whatsapp', $currentPlatforms) ? 'selected' : '' }}">
                                    <input class="form-check-input visually-hidden" type="checkbox"
                                           name="platforms_allowed[]" value="whatsapp" id="plat_whatsapp"
                                           {{ in_array('whatsapp', $currentPlatforms) ? 'checked' : '' }}
                                           onchange="this.closest('.platform-check-card').classList.toggle('selected', this.checked)">
                                    <label class="d-flex align-items-center gap-2 m-0" for="plat_whatsapp" style="cursor:pointer">
                                        <i class="bi bi-whatsapp fs-5 text-success"></i>
                                        <span class="fw-semibold">WhatsApp</span>
                                    </label>
                                </div>
                            </div>
                            @error('platforms_allowed')<div class="text-danger small mt-1">{{ $message }}</div>@enderror
                        </div>

                        {{-- Marketplaces --}}
                        <div class="mb-4">
                            <label class="field-label mb-2">Marketplaces permitidos</label>
                            <small class="text-muted d-block mb-2">Links de quais marketplaces este plano pode capturar e publicar.</small>
                            @php
                                $allLinkTypes     = \App\Models\Plan::LINK_TYPES;
                                $currentLinkTypes = old('link_types_allowed', $plan->link_types_allowed ?? array_keys($allLinkTypes));
                                $linkIcons = [
                                    'mercadolivre' => ['icon' => 'bi-bag-fill',    'color' => 'text-warning'],
                                    'amazon'       => ['icon' => 'bi-box-seam',    'color' => 'text-info'],
                                    'shopee'       => ['icon' => 'bi-shop',        'color' => 'text-danger'],
                                    'outros'       => ['icon' => 'bi-link-45deg',  'color' => 'text-secondary'],
                                ];
                            @endphp
                            <div class="d-flex flex-wrap gap-3">
                                @foreach($allLinkTypes as $value => $label)
                                    @php $li = $linkIcons[$value] ?? ['icon' => 'bi-link-45deg', 'color' => 'text-secondary']; @endphp
                                    <div class="platform-check-card {{ in_array($value, $currentLinkTypes) ? 'selected' : '' }}">
                                        <input class="form-check-input visually-hidden" type="checkbox"
                                               name="link_types_allowed[]" value="{{ $value }}" id="link_{{ $value }}"
                                               {{ in_array($value, $currentLinkTypes) ? 'checked' : '' }}
                                               onchange="this.closest('.platform-check-card').classList.toggle('selected', this.checked)">
                                        <label class="d-flex align-items-center gap-2 m-0" for="link_{{ $value }}" style="cursor:pointer">
                                            <i class="bi {{ $li['icon'] }} fs-5 {{ $li['color'] }}"></i>
                                            <span class="fw-semibold">{{ $label }}</span>
                                        </label>
                                    </div>
                                @endforeach
                            </div>
                            @error('link_types_allowed')<div class="text-danger small mt-1">{{ $message }}</div>@enderror
                        </div>

                        {{-- Descrição e status --}}
                        <div class="row g-3">
                            <div class="col-12">
                                <label class="field-label">Descrição</label>
                                <textarea name="description"
                                          class="form-control @error('description') is-invalid @enderror"
                                          rows="2"
                                          placeholder="Descrição interna ou de marketing do plano">{{ old('description', $plan->description) }}</textarea>
                                @error('description')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-12">
                                <div class="form-check form-switch">
                                    <input class="form-check-input" type="checkbox" name="is_active"
                                           id="is_active" value="1"
                                           {{ old('is_active', $plan->is_active ? '1' : '') ? 'checked' : '' }}>
                                    <label class="form-check-label fw-semibold" for="is_active">
                                        Plano ativo (disponível para novos usuários)
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- Ações --}}
                <div class="d-flex gap-2">
                    <button type="submit" class="btn-modern btn-primary">
                        <i class="bi bi-check-lg"></i>
                        <span>Salvar Alterações</span>
                    </button>
                    <a href="{{ route('admin.plans.index') }}" class="btn-modern btn-outline">Cancelar</a>
                </div>
            </form>
        </div>

        {{-- Coluna lateral: info do plano --}}
        <div class="col-lg-4">

            {{-- Card: Usuários --}}
            <div class="card border-0 shadow-sm mb-3">
                <div class="card-body p-3">
                    <div class="d-flex align-items-center gap-3">
                        <div class="rounded-circle d-flex align-items-center justify-content-center"
                             style="width:48px;height:48px;background:var(--background-tertiary);flex-shrink:0">
                            <i class="bi bi-people fs-5 text-primary"></i>
                        </div>
                        <div>
                            <div class="fs-3 fw-bold lh-1">{{ $plan->users()->count() }}</div>
                            <div class="text-muted small">usuários neste plano</div>
                        </div>
                    </div>
                </div>
            </div>

            {{-- Card: Resumo dos limites --}}
            <div class="card border-0 shadow-sm mb-3">
                <div class="card-header bg-white border-bottom py-2 px-3">
                    <span class="fw-semibold small text-uppercase text-muted" style="letter-spacing:.05em">
                        <i class="bi bi-info-circle me-1"></i>Limites atuais
                    </span>
                </div>
                <div class="card-body p-0">
                    <ul class="list-group list-group-flush small">
                        <li class="list-group-item d-flex justify-content-between px-3 py-2">
                            <span class="text-muted">Fontes</span>
                            <span class="fw-semibold">{{ $plan->max_sources >= 9999 ? 'Ilimitado' : $plan->max_sources }}</span>
                        </li>
                        <li class="list-group-item d-flex justify-content-between px-3 py-2">
                            <span class="text-muted">Destinos</span>
                            <span class="fw-semibold">{{ $plan->max_destinations >= 9999 ? 'Ilimitado' : $plan->max_destinations }}</span>
                        </li>
                        <li class="list-group-item d-flex justify-content-between px-3 py-2">
                            <span class="text-muted">Leitura mín.</span>
                            <span class="fw-semibold">{{ $plan->min_read_interval_minutes }} min</span>
                        </li>
                        <li class="list-group-item d-flex justify-content-between px-3 py-2">
                            <span class="text-muted">Posts/hora</span>
                            <span class="fw-semibold">{{ $plan->max_posts_per_hour }}</span>
                        </li>
                        <li class="list-group-item d-flex justify-content-between px-3 py-2">
                            <span class="text-muted">Intervalo posts</span>
                            <span class="fw-semibold">{{ $plan->publish_interval_seconds }}s</span>
                        </li>
                        <li class="list-group-item d-flex justify-content-between px-3 py-2">
                            <span class="text-muted">Tentativas</span>
                            <span class="fw-semibold">{{ $plan->max_attempts_per_offer }}x</span>
                        </li>
                        <li class="list-group-item d-flex justify-content-between px-3 py-2">
                            <span class="text-muted">Preço</span>
                            <span class="fw-semibold">
                                {{ $plan->price_monthly > 0 ? 'R$ ' . number_format($plan->price_monthly, 2, ',', '.') : 'Gratuito' }}
                            </span>
                        </li>
                        <li class="list-group-item d-flex justify-content-between px-3 py-2">
                            <span class="text-muted">Publicação</span>
                            <span class="fw-semibold">
                                @foreach($plan->platforms_allowed ?? [] as $p)
                                    <i class="bi bi-{{ $p === 'telegram' ? 'telegram text-primary' : 'whatsapp text-success' }} me-1"></i>
                                @endforeach
                            </span>
                        </li>
                        <li class="list-group-item px-3 py-2">
                            <div class="text-muted mb-1">Marketplaces</div>
                            <div class="d-flex flex-wrap gap-1">
                                @php
                                    $lbadges = ['mercadolivre'=>['ML','bg-warning-subtle text-warning'],'amazon'=>['Amazon','bg-info-subtle text-info'],'shopee'=>['Shopee','bg-danger-subtle text-danger'],'outros'=>['Outros','bg-secondary-subtle text-secondary']];
                                @endphp
                                @foreach($plan->link_types_allowed ?? array_keys($lbadges) as $t)
                                    @php $b = $lbadges[$t] ?? [$t, 'bg-secondary-subtle text-secondary']; @endphp
                                    <span class="badge {{ $b[1] }}">{{ $b[0] }}</span>
                                @endforeach
                            </div>
                        </li>
                        <li class="list-group-item d-flex justify-content-between px-3 py-2">
                            <span class="text-muted">Status</span>
                            @if($plan->is_active)
                                <span class="badge bg-success-subtle text-success">Ativo</span>
                            @else
                                <span class="badge bg-secondary-subtle text-secondary">Inativo</span>
                            @endif
                        </li>
                    </ul>
                </div>
            </div>

            {{-- Card: Ações rápidas --}}
            <div class="card border-0 shadow-sm">
                <div class="card-body p-3 d-flex flex-column gap-2">
                    <form action="{{ route('admin.plans.toggle', $plan) }}" method="POST">
                        @csrf
                        <button type="submit"
                                class="btn btn-sm w-100 {{ $plan->is_active ? 'btn-outline-warning' : 'btn-outline-success' }}">
                            <i class="bi bi-{{ $plan->is_active ? 'pause-circle' : 'play-circle' }} me-1"></i>
                            {{ $plan->is_active ? 'Desativar plano' : 'Ativar plano' }}
                        </button>
                    </form>
                    <form action="{{ route('admin.plans.destroy', $plan) }}" method="POST"
                          onsubmit="return confirm('Confirma a exclusão do plano {{ $plan->name }}? Isso não pode ser desfeito.')">
                        @csrf @method('DELETE')
                        <button type="submit" class="btn btn-sm btn-outline-danger w-100">
                            <i class="bi bi-trash me-1"></i>Excluir plano
                        </button>
                    </form>
                </div>
            </div>
        </div>

    </div>
</div>

@push('styles')
<style>
.platform-check-card {
    border: 2px solid var(--border-color);
    border-radius: 10px;
    padding: .6rem 1.1rem;
    transition: border-color .15s, background .15s;
    background: var(--background-secondary);
}
.platform-check-card.selected {
    border-color: var(--primary-color);
    background: color-mix(in srgb, var(--primary-color) 8%, white);
}
</style>
@endpush
@endsection