@extends('layouts.platform')
@section('title','Paket SaaS')
@section('content')
<div class="page-head">
    <div><h1 class="page-title">Pengaturan Paket SaaS</h1><p class="page-subtitle">Tetapkan harga, kapasitas, dan fitur pembeda untuk tiga paket CAP Workforce Cloud.</p></div>
    <a class="btn btn-ghost" href="#comparison"><i data-lucide="git-compare-arrows"></i> Lihat Perbandingan</a>
</div>

<div class="plan-grid">
@foreach($plans as $plan)
    <article class="card plan-card {{ $plan->is_popular ? 'featured' : '' }} {{ $plan->is_active ? '' : 'disabled' }}">
        @if($plan->is_popular)<span class="plan-ribbon"><i data-lucide="sparkles"></i> PALING POPULER</span>@endif
        <div class="plan-card-head">
            <div class="split"><div class="plan-code">{{ strtoupper($plan->code) }}</div><span class="badge {{ $plan->is_active ? 'active' : 'inactive' }}">{{ $plan->is_active ? 'AKTIF' : 'NONAKTIF' }}</span></div>
            <h2>{{ $plan->name }}</h2><p>{{ $plan->tagline }}</p>
        </div>
        <div class="plan-price">
            @if((float)$plan->monthly_price > 0)<span>Rp</span><strong>{{ number_format($plan->monthly_price,0,',','.') }}</strong><small>/bulan</small>@else<strong class="contact-price">Hubungi Kami</strong>@endif
            @if((float)$plan->yearly_price > 0)<div>Rp {{ number_format($plan->yearly_price,0,',','.') }} / tahun</div>@endif
        </div>
        <div class="plan-limits">
            <div><i data-lucide="users"></i><span><strong>{{ $plan->limitLabel($plan->max_employees) }}</strong>Karyawan</span></div>
            <div><i data-lucide="user-cog"></i><span><strong>{{ $plan->limitLabel($plan->max_admin_users) }}</strong>User admin</span></div>
            <div><i data-lucide="briefcase-business"></i><span><strong>{{ $plan->limitLabel($plan->max_projects) }}</strong>Project</span></div>
        </div>
        <div class="plan-feature-list">
            @foreach(array_slice($plan->features ?? [],0,6) as $feature)<div><i data-lucide="circle-check"></i>{{ $featureCatalog[$feature] ?? $feature }}</div>@endforeach
            @if(count($plan->features ?? []) > 6)<div class="more-feature">+{{ count($plan->features)-6 }} fitur lainnya</div>@endif
        </div>
        <div class="plan-card-footer"><span><strong>{{ $plan->companies_count }}</strong> perusahaan menggunakan paket ini</span><button class="btn {{ $plan->is_popular ? 'btn-gold' : 'btn-ghost' }}" data-dialog-open="#editPlan{{ $plan->id }}"><i data-lucide="settings-2"></i> Atur Paket</button></div>
    </article>
@endforeach
</div>

<section class="card plan-comparison" id="comparison">
    <div class="card-head"><strong>Perbandingan Lengkap</strong><div class="tiny muted">Matriks ini otomatis mengikuti konfigurasi fitur setiap paket.</div></div>
    <div class="table-wrap">
        <table class="data-table comparison-table">
            <thead><tr><th>Fitur & Kapasitas</th>@foreach($plans as $plan)<th>{{ $plan->name }}</th>@endforeach</tr></thead>
            <tbody>
                <tr><td><strong>Maksimum karyawan</strong></td>@foreach($plans as $plan)<td>{{ $plan->limitLabel($plan->max_employees) }}</td>@endforeach</tr>
                <tr><td><strong>Maksimum user admin</strong></td>@foreach($plans as $plan)<td>{{ $plan->limitLabel($plan->max_admin_users) }}</td>@endforeach</tr>
                <tr><td><strong>Maksimum project</strong></td>@foreach($plans as $plan)<td>{{ $plan->limitLabel($plan->max_projects) }}</td>@endforeach</tr>
                @foreach($featureCatalog as $feature => $label)
                    <tr><td>{{ $label }}</td>@foreach($plans as $plan)<td class="feature-state {{ $plan->hasFeature($feature) ? 'included' : '' }}"><i data-lucide="{{ $plan->hasFeature($feature) ? 'circle-check' : 'minus' }}"></i><span>{{ $plan->hasFeature($feature) ? 'Termasuk' : '—' }}</span></td>@endforeach</tr>
                @endforeach
            </tbody>
        </table>
    </div>
</section>

@foreach($plans as $plan)
<dialog class="modal plan-modal" id="editPlan{{ $plan->id }}">
    <form method="post" action="{{ route('platform.plans.update',$plan) }}">@csrf @method('PUT')
        <div class="modal-head split"><div><strong>Atur Paket {{ $plan->name }}</strong><div class="tiny muted">Kode sistem {{ strtoupper($plan->code) }} tetap agar tenant yang ada aman.</div></div><button type="button" class="btn btn-ghost btn-sm" data-dialog-close aria-label="Tutup"><i data-lucide="x"></i></button></div>
        <div class="modal-body stack">
            <div class="form-grid">
                <div class="field"><label>Nama paket</label><input class="control" name="name" value="{{ $plan->name }}" required></div>
                <div class="field"><label>Tagline</label><input class="control" name="tagline" value="{{ $plan->tagline }}"></div>
            </div>
            <div class="field"><label>Deskripsi</label><textarea class="control" name="description">{{ $plan->description }}</textarea></div>
            <div class="form-grid">
                <div class="field"><label>Harga bulanan (Rp)</label><input class="control" type="number" min="0" name="monthly_price" value="{{ (int)$plan->monthly_price }}" required><small>Isi 0 untuk “Hubungi Kami”.</small></div>
                <div class="field"><label>Harga tahunan (Rp)</label><input class="control" type="number" min="0" name="yearly_price" value="{{ (int)$plan->yearly_price }}" required><small>Isi 0 untuk harga khusus.</small></div>
            </div>
            <div class="form-grid plan-limit-form">
                <div class="field"><label>Maks. karyawan</label><input class="control" type="number" min="1" name="max_employees" value="{{ $plan->max_employees }}" placeholder="Tanpa batas"><small>Kosong = tanpa batas</small></div>
                <div class="field"><label>Maks. user admin</label><input class="control" type="number" min="1" name="max_admin_users" value="{{ $plan->max_admin_users }}" placeholder="Tanpa batas"><small>Kosong = tanpa batas</small></div>
                <div class="field"><label>Maks. project</label><input class="control" type="number" min="1" name="max_projects" value="{{ $plan->max_projects }}" placeholder="Tanpa batas"><small>Kosong = tanpa batas</small></div>
            </div>
            <div class="field"><label>Fitur yang termasuk</label><div class="plan-feature-picker">@foreach($featureCatalog as $feature => $label)<label><input type="checkbox" name="features[]" value="{{ $feature }}" @checked($plan->hasFeature($feature))><span><i data-lucide="check"></i>{{ $label }}</span></label>@endforeach</div></div>
            <div class="plan-switches"><label><input type="checkbox" name="is_active" value="1" @checked($plan->is_active)><span><strong>Paket aktif</strong><small>Dapat dipilih untuk tenant baru.</small></span></label><label><input type="checkbox" name="is_popular" value="1" @checked($plan->is_popular)><span><strong>Tandai unggulan</strong><small>Hanya satu paket yang menjadi unggulan.</small></span></label></div>
            <button class="btn btn-gold"><i data-lucide="save"></i> Simpan Konfigurasi Paket</button>
        </div>
    </form>
</dialog>
@endforeach
@endsection