@extends('layouts.admin')

@section('header_title', $title)
@section('header_subtitle', $subtitle)

@section('content')
    <div class="mb-6">
        <a href="{{ $backRoute }}" class="text-sm font-medium text-slate-400 hover:text-white transition-colors flex items-center gap-2">
            <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18" /></svg>
            Voltar à listagem
        </a>
    </div>

    <div class="bg-slate-900 border border-white/5 rounded-2xl p-6 md:p-8 shadow-xl max-w-4xl">
        @if ($errors->any())
            <div class="mb-6 p-4 rounded-xl bg-red-500/10 border border-red-500/20 text-red-400 text-sm">
                <ul class="list-disc list-inside">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <form action="{{ $action }}" method="POST" class="space-y-6">
            @csrf
            @if($method !== 'POST')
                @method($method)
            @endif

            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                @foreach($fields as $field)
                    <div class="{{ ($field['type'] ?? 'text') === 'textarea' ? 'md:col-span-2' : '' }}">
                        <label class="block text-sm font-medium text-slate-300 mb-2">{{ $field['label'] }}</label>

                        @if(($field['type'] ?? 'text') === 'select')
                            <select name="{{ $field['name'] }}" class="block w-full px-4 py-3 bg-slate-950 border border-white/10 rounded-xl text-white focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all sm:text-sm">
                                @if(isset($field['empty']))
                                    <option value="">{{ $field['empty'] }}</option>
                                @endif
                                @foreach($field['options'] as $optionValue => $optionLabel)
                                    <option value="{{ $optionValue }}" @selected(old($field['name'], $field['value'] ?? '') == $optionValue)>{{ $optionLabel }}</option>
                                @endforeach
                            </select>
                        @elseif(($field['type'] ?? 'text') === 'textarea')
                            <textarea name="{{ $field['name'] }}" rows="4" class="block w-full px-4 py-3 bg-slate-950 border border-white/10 rounded-xl text-white focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all sm:text-sm">{{ old($field['name'], $field['value'] ?? '') }}</textarea>
                        @else
                            <input type="{{ $field['type'] ?? 'text' }}" name="{{ $field['name'] }}" value="{{ old($field['name'], $field['value'] ?? '') }}" step="{{ $field['step'] ?? '' }}" class="block w-full px-4 py-3 bg-slate-950 border border-white/10 rounded-xl text-white focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all sm:text-sm">
                        @endif
                    </div>
                @endforeach
            </div>

            <div class="mt-8 pt-6 border-t border-white/5 flex items-center justify-end gap-4">
                <a href="{{ $backRoute }}" class="px-5 py-2.5 text-sm font-medium text-slate-300 hover:text-white transition-colors">Cancelar</a>
                <button type="submit" class="px-6 py-2.5 bg-blue-600 hover:bg-blue-500 text-white text-sm font-semibold rounded-xl shadow-lg shadow-blue-500/20 transition-all flex items-center gap-2">
                    <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /></svg>
                    {{ $submitLabel }}
                </button>
            </div>
        </form>
    </div>
@endsection