@extends('layouts.app')

@section('title', $config['label'])

@php $editing = request('edit'); @endphp

@section('content')
    <div class="page-header"><h1 class="page-title">Catálogo</h1></div>

    <div class="tabs">
        @foreach ($tabs as $t)
            <a href="{{ route('admin.catalog.index', $t['type']) }}" class="tab {{ $t['type'] === $type ? 'active' : '' }}">{{ $t['label'] }}</a>
        @endforeach
    </div>

    {{-- Adicionar --}}
    <div class="card" style="margin-bottom:1.25rem;">
        <form method="POST" action="{{ route('admin.catalog.store', $type) }}" class="filters" style="margin:0;">
            @csrf
            @foreach ($config['fields'] as $key => $field)
                @if ($field['type'] === 'select')
                    <select name="{{ $key }}" @if($field['required'] ?? false) required @endif style="min-width:180px;">
                        <option value="">{{ $field['label'] }}…</option>
                        @foreach ($selectOptions[$key] as $id => $name)
                            <option value="{{ $id }}">{{ $name }}</option>
                        @endforeach
                    </select>
                @else
                    <input type="text" name="{{ $key }}" placeholder="{{ $field['label'] }}" @if($field['required'] ?? false) required @endif style="min-width:180px;">
                @endif
            @endforeach
            <button type="submit">+ Adicionar</button>
        </form>
    </div>

    <div class="card" style="padding:0.5rem 1rem;">
        <table>
            <thead>
                <tr>
                    @foreach ($config['fields'] as $field)<th>{{ $field['label'] }}</th>@endforeach
                    <th style="text-align:right;">Ações</th>
                </tr>
            </thead>
            <tbody>
                @forelse ($records as $rec)
                    @if ($editing == $rec->id)
                        <tr>
                            <form method="POST" action="{{ route('admin.catalog.update', [$type, $rec->id]) }}">
                                @csrf @method('PUT')
                                @foreach ($config['fields'] as $key => $field)
                                    <td>
                                        @if ($field['type'] === 'select')
                                            <select name="{{ $key }}" @if($field['required'] ?? false) required @endif>
                                                <option value="">—</option>
                                                @foreach ($selectOptions[$key] as $id => $name)
                                                    <option value="{{ $id }}" @selected($rec->$key == $id)>{{ $name }}</option>
                                                @endforeach
                                            </select>
                                        @else
                                            <input type="text" name="{{ $key }}" value="{{ $rec->$key }}" @if($field['required'] ?? false) required @endif>
                                        @endif
                                    </td>
                                @endforeach
                                <td style="text-align:right;white-space:nowrap;">
                                    <button type="submit" class="success" style="padding:0.3rem 0.7rem;">Guardar</button>
                                    <a href="{{ route('admin.catalog.index', $type) }}" class="btn secondary" style="padding:0.3rem 0.7rem;">Cancelar</a>
                                </td>
                            </form>
                        </tr>
                    @else
                        <tr>
                            @foreach ($config['fields'] as $key => $field)
                                <td>
                                    @if ($field['type'] === 'select')
                                        {{ $selectOptions[$key][$rec->$key] ?? '—' }}
                                    @else
                                        {{ $rec->$key ?: '—' }}
                                    @endif
                                </td>
                            @endforeach
                            <td style="text-align:right;white-space:nowrap;">
                                <div class="tbl-actions">
                                    <a href="{{ route('admin.catalog.index', [$type, 'edit' => $rec->id]) }}" class="icon-btn" title="Editar"><x-icon name="settings" /></a>
                                    <form method="POST" action="{{ route('admin.catalog.destroy', [$type, $rec->id]) }}" onsubmit="return confirm('Apagar?')">
                                        @csrf @method('DELETE')
                                        <button type="submit" class="icon-btn danger" title="Apagar"><x-icon name="archive" /></button>
                                    </form>
                                </div>
                            </td>
                        </tr>
                    @endif
                @empty
                    <tr><td colspan="{{ count($config['fields']) + 1 }}" class="muted" style="padding:1.5rem;text-align:center;">Ainda sem registos.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
@endsection