@extends('layouts.app')
@section('title','Comunicação das Partidas - GIGAX ARENA')
@section('page_title','Comunicação das Partidas')

@push('styles')
<style>
.gx-voice-admin{display:grid;gap:14px;max-width:900px}
.gx-voice-hero,.gx-voice-panel{border:1px solid rgba(183,216,255,.12);background:linear-gradient(180deg,rgba(16,31,45,.96),rgba(7,15,24,.98));border-radius:12px}
.gx-voice-hero{padding:18px}.gx-voice-kicker{color:#24f56f;font-size:9px;font-weight:1000;letter-spacing:.14em;text-transform:uppercase}
.gx-voice-hero h2{margin:5px 0;font-size:23px}.gx-voice-hero p{margin:0;color:var(--mut);font-size:11px;line-height:1.6}
.gx-voice-panel{padding:16px}.gx-voice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.gx-voice-option{position:relative;display:block;padding:17px;border:1px solid rgba(183,216,255,.12);border-radius:11px;background:rgba(255,255,255,.025);cursor:pointer}
.gx-voice-option input{position:absolute;opacity:0;pointer-events:none}.gx-voice-option:has(input:checked){border-color:rgba(36,245,111,.55);background:rgba(36,245,111,.07);box-shadow:inset 0 0 0 1px rgba(36,245,111,.12)}
.gx-voice-option strong{display:block;font-size:15px}.gx-voice-option span{display:block;color:var(--mut);font-size:10px;margin-top:6px;line-height:1.5}
.gx-voice-status{display:inline-flex;margin-top:10px;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:1000;background:rgba(255,255,255,.06)}
.gx-voice-option:has(input:checked) .gx-voice-status{color:#24f56f;background:rgba(36,245,111,.10)}
.gx-voice-save{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid rgba(183,216,255,.09)}
.gx-voice-save small{color:var(--mut);font-size:9px;line-height:1.5}.gx-voice-save button{min-height:40px;padding:0 18px;border:0;border-radius:9px;background:#24f56f;color:#06120b;font-weight:1000;cursor:pointer}
.gx-voice-note{padding:12px 14px;border:1px solid rgba(255,205,70,.17);background:rgba(255,205,70,.05);border-radius:10px;color:#d9c985;font-size:10px;line-height:1.55}
.gx-alert{padding:10px 12px;border-radius:9px;background:rgba(36,245,111,.08);border:1px solid rgba(36,245,111,.25);color:#a8ffc7;font-size:10px;font-weight:900}
@media(max-width:700px){.gx-voice-grid{grid-template-columns:1fr}.gx-voice-save{display:grid}}
</style>
@endpush

@section('content')
<div class="gx-voice-admin">
    <section class="gx-voice-hero">
        <span class="gx-voice-kicker">GIGAX ARENA • CONFIGURAÇÃO GLOBAL</span>
        <h2>Comunicação das partidas</h2>
        <p>Somente administradores definem o provedor. A escolha permanece ativa para todas as próximas partidas até que um administrador altere novamente.</p>
    </section>

    @if(session('success'))
        <div class="gx-alert">{{ session('success') }}</div>
    @endif

    <form class="gx-voice-panel" method="POST" action="{{ route('admin.voice-settings.update') }}">
        @csrf
        <div class="gx-voice-grid">
            <label class="gx-voice-option">
                <input type="radio" name="provider" value="discord" {{ $provider === 'discord' ? 'checked' : '' }}>
                <strong>◉ Discord</strong>
                <span>Cria e utiliza as salas Discord após o veto. É o padrão oficial do sistema.</span>
                <i class="gx-voice-status">{{ $provider === 'discord' ? 'ATIVO AGORA' : 'DISPONÍVEL' }}</i>
            </label>

            <label class="gx-voice-option">
                <input type="radio" name="provider" value="teamspeak" {{ $provider === 'teamspeak' ? 'checked' : '' }}>
                <strong>🎧 TeamSpeak 3</strong>
                <span>Após o veto, provisiona a sala da partida com TIME A e TIME B usando a integração TS3 existente.</span>
                <i class="gx-voice-status">{{ $provider === 'teamspeak' ? 'ATIVO AGORA' : 'DISPONÍVEL' }}</i>
            </label>
        </div>

        <div class="gx-voice-save">
            <small>A mudança vale para partidas criadas dali em diante. Partidas já formadas mantêm o provedor registrado nelas.</small>
            <button type="submit">SALVAR COMUNICAÇÃO PADRÃO</button>
        </div>
    </form>

    <div class="gx-voice-note">
        Padrão de segurança: se a configuração não existir ou ficar inválida, o sistema usa <b>Discord</b>. Jogadores e capitães não podem trocar o provedor.
    </div>
</div>
@endsection