@extends('layouts.admin')

@section('content')
    <div class="row p-3">
        <div class="card large-shadow main-card">
            <div class="card-body">
                <h3>Champs dynamiques</h3>
                <form method="GET" action="{{ route('admin.dynamic-fields.index') }}" class="form-inline my-3">
                    <label for="field-model" class="mr-2">Entité</label>
                    <select id="field-model" name="model" class="form-control mr-2">
                        <option value="">Toutes les entités</option>
                        @foreach($models as $model => $label)
                            <option value="{{ $model }}" @if(request('model') === $model) selected @endif>{{ $label }}</option>
                        @endforeach
                    </select>
                    <button class="btn btn-outline-primary" type="submit">Filtrer</button>
                </form>
                <div class="table-responsive">
                    <table class="table table-hover">
                        <thead><tr><th>Entité</th><th>Champ</th><th>Libellé</th><th>Type</th><th>Ordre</th><th></th></tr></thead>
                        <tbody>
                        @forelse($fields as $field)
                            <tr>
                                <td>{{ $models[$field->model] }}</td>
                                <td>{{ $field->field_name }}</td>
                                <td>{{ $field->display_name }}</td>
                                <td>{{ $field->field_type }}</td>
                                <td>{{ $field->order }}</td>
                                <td><a class="btn btn-sm btn-primary" href="{{ route('admin.dynamic-fields.edit', $field->id) }}" aria-label="Modifier {{ $field->display_name }}">Modifier</a></td>
                            </tr>
                        @empty
                            <tr><td colspan="6" class="text-muted">Aucun champ dynamique pour cette sélection.</td></tr>
                        @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection