@extends('layouts.app')
@section('title', 'Parâmetros do Sistema')
@section('page_title', 'Parâmetros do Sistema')

@section('content')
<div class="py-6 max-w-3xl">

    @if(session('success'))
    <div class="mb-4 p-3 rounded-lg bg-green-50 border border-green-200 text-sm text-green-700 flex items-center gap-2">
        <svg class="w-4 h-4 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/>
        </svg>
        {{ session('success') }}
    </div>
    @endif

    <form method="POST" action="{{ route('admin.parametros.update') }}">
        @csrf @method('PUT')

        @foreach($grupos as $grupo => $parametros)
        <div class="bg-white rounded-xl shadow-sm border border-gray-200 overflow-hidden mb-5">
            {{-- Cabeçalho do grupo --}}
            <div class="px-6 py-4 border-b border-gray-100 flex items-center gap-3"
                 style="background:rgba(10,30,61,0.03);">
                <div class="w-1 h-5 rounded-full" style="background:#F26522;"></div>
                <h3 class="text-sm font-bold text-gray-800 uppercase tracking-wide">{{ $grupo ?: 'Geral' }}</h3>
                <span class="text-xs text-gray-400 ml-auto">{{ $parametros->count() }} parâmetro(s)</span>
            </div>

            <div class="divide-y divide-gray-100">
                @foreach($parametros as $p)
                <div class="px-6 py-4 flex items-start gap-6">
                    <div class="flex-1 min-w-0">
                        <label for="param_{{ $p->id }}"
                               class="block text-sm font-semibold text-gray-700">{{ $p->chave }}</label>
                        @if($p->descricao)
                            <p class="text-xs text-gray-400 mt-0.5">{{ $p->descricao }}</p>
                        @endif
                    </div>
                    <div class="w-36 shrink-0">
                        @if($p->tipo === 'boolean')
                            <select name="param_{{ $p->id }}" id="param_{{ $p->id }}"
                                    class="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-orange-400">
                                <option value="1" {{ $p->valor == '1' ? 'selected' : '' }}>Sim</option>
                                <option value="0" {{ $p->valor == '0' ? 'selected' : '' }}>Não</option>
                            </select>
                        @else
                            <input type="{{ $p->tipo === 'integer' || $p->tipo === 'decimal' ? 'number' : 'text' }}"
                                   name="param_{{ $p->id }}" id="param_{{ $p->id }}"
                                   value="{{ old("param_{$p->id}", $p->valor) }}"
                                   step="{{ $p->tipo === 'decimal' ? '0.01' : '1' }}"
                                   min="{{ $p->tipo !== 'string' ? '0' : '' }}"
                                   class="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-orange-400 text-right font-mono">
                        @endif
                    </div>
                </div>
                @endforeach
            </div>
        </div>
        @endforeach

        {{-- Botão único para salvar tudo --}}
        <div class="flex items-center gap-4 mt-2">
            <button type="submit"
                    class="text-white px-8 py-2.5 rounded-lg text-sm font-semibold transition"
                    style="background:#F26522;" onmouseover="this.style.opacity='.88'" onmouseout="this.style.opacity='1'">
                Salvar Parâmetros
            </button>
            <p class="text-xs text-gray-400">Todos os parâmetros são salvos de uma vez.</p>
        </div>
    </form>
</div>
@endsection