@extends('layouts.app')
@section('title', 'Editar — '.$config['label'])
@section('content')

<div style="display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem">
    <h2 style="margin:0">✏️ Editar — {{ $config['label'] }}</h2>
    <a href="{{ route('tabelas.show', $tabela) }}" class="btn btn-secondary">← Voltar</a>
</div>

@php $arr = (array)$registro; @endphp

{{-- Informações do registro (somente leitura) --}}
<div style="background:#f8f9fa;border-radius:var(--radius);padding:.75rem 1rem;margin-bottom:1.25rem;font-size:.82rem;color:var(--muted)">
    <strong>Registro #{{ $id }}</strong>
    @foreach($colunas as $col)
        @if(!in_array($col, $config['editaveis']))
            &nbsp; | <span style="color:#555">{{ $col }}:</span>
            <strong style="color:var(--text)">{{ $arr[$col] ?? '—' }}</strong>
        @endif
    @endforeach
</div>

<form method="POST" action="{{ route('tabelas.update', [$tabela, $id]) }}"
      style="max-width:600px">
    @csrf @method('PUT')

    @foreach($config['editaveis'] as $col)
        @php
            $tipo  = $config['tipos'][$col] ?? 'text';
            $valor = old($col, $arr[$col] ?? '');
            // datetime-local exige formato YYYY-MM-DDTHH:MM
            if ($tipo === 'datetime-local' && $valor) {
                $valor = date('Y-m-d\TH:i', strtotime($valor));
            }
        @endphp
        <div class="form-group">
            <label for="f_{{ $col }}" style="font-weight:600">{{ $col }}</label>
            <input type="{{ $tipo }}"
                   id="f_{{ $col }}"
                   name="{{ $col }}"
                   value="{{ $valor }}"
                   style="width:100%;padding:.5rem .75rem;border:1px solid #ddd;border-radius:var(--radius);font-size:.9rem"
                   @if($tipo==='datetime-local') step="60" @endif>
        </div>
    @endforeach

    <div style="display:flex;gap:.75rem;margin-top:1.5rem">
        <button type="submit" class="btn btn-primary">💾 Salvar Alterações</button>
        <a href="{{ route('tabelas.show', $tabela) }}" class="btn btn-secondary">Cancelar</a>
    </div>
</form>

@endsection