@extends('layouts.app')
@section('title', 'Plataforma & Licença')
@section('content')
    <h1 class="page-title">Plataforma & Licença</h1>

    @forelse ($groups as $g)
        <div class="card" style="margin-bottom:1.25rem;">
            <h2 style="margin-top:0;">{{ $g['group']->name }} — Armazenamento</h2>
            <div style="display:flex;gap:2rem;flex-wrap:wrap;margin-bottom:1rem;">
                <div style="display:flex;flex-direction:column;gap:0.2rem;">
                    <span style="font-size:1.4rem;font-weight:700;color:var(--color-primary);">{{ fmt_size($g['usedBytes']) }}</span>
                    <span class="muted">Usado</span>
                </div>
                <div style="display:flex;flex-direction:column;gap:0.2rem;">
                    <span style="font-size:1.4rem;font-weight:700;">{{ $g['quotaBytes'] ? fmt_size($g['quotaBytes']) : 'Sem limite' }}</span>
                    <span class="muted">Contratado</span>
                </div>
            </div>

            @if ($g['percent'] !== null)
                <div style="height:10px;border-radius:999px;background:var(--color-primary-soft);overflow:hidden;">
                    <div style="height:100%;width:{{ $g['percent'] }}%;background:{{ $g['percent'] >= 95 ? 'var(--color-danger)' : ($g['percent'] >= 80 ? 'var(--color-warning)' : 'var(--color-primary)') }};"></div>
                </div>
                <p class="muted" style="margin:0.4rem 0 0;">{{ number_format($g['percent'], 1) }}% do espaço contratado em uso.</p>
            @else
                <p class="muted" style="margin:0;">Sem limite de licença definido.</p>
            @endif

            <form method="POST" action="{{ route('admin.platform.quota', $g['group']) }}" class="filters" style="margin:1rem 0 0;">
                @csrf @method('PUT')
                <label style="margin:0;">Quota (GB, vazio = sem limite)
                    <input type="number" name="quota_gb" step="0.1" min="0" value="{{ $g['quotaBytes'] ? round($g['quotaBytes'] / 1024 / 1024 / 1024, 1) : '' }}" style="min-width:160px;">
                </label>
                <button type="submit">Guardar quota</button>
            </form>
        </div>
    @empty
        <div class="card"><p class="muted">Ainda não existem clientes/grupos configurados.</p></div>
    @endforelse
@endsection