@extends('layouts.app')
@section('title', isset($plataforma) ? 'Editar Plataforma' : 'Nova Plataforma')
@section('page_title', isset($plataforma) ? 'Editar Plataforma' : 'Nova Plataforma')
@section('content')
<div class="py-6 max-w-xl">
    <div class="bg-white rounded-xl shadow-sm border border-gray-200 p-8">
        <form method="POST" action="{{ isset($plataforma) ? route('admin.plataformas.update', $plataforma) : route('admin.plataformas.store') }}">
            @csrf
            @if(isset($plataforma)) @method('PUT') @endif
            <div class="grid grid-cols-1 gap-5">
                <div class="grid grid-cols-3 gap-4">
                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-1">Código</label>
                        <input type="text" name="codigo" value="{{ old('codigo', $plataforma->codigo ?? '') }}" placeholder="NS 59"
                               class="w-full border border-gray-300 rounded-lg px-4 py-2.5 text-sm uppercase font-mono focus:outline-none focus:ring-2 focus:ring-blue-500">
                    </div>
                    <div class="col-span-2">
                        <label class="block text-sm font-medium text-gray-700 mb-1">Nome *</label>
                        <input type="text" name="nome" value="{{ old('nome', $plataforma->nome ?? '') }}" required
                               class="w-full border border-gray-300 rounded-lg px-4 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500">
                    </div>
                </div>
                <div class="grid grid-cols-2 gap-4">
                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-1">Operadora</label>
                        <input type="text" name="operadora" value="{{ old('operadora', $plataforma->operadora ?? '') }}" placeholder="Vallourec, Petrobras..."
                               class="w-full border border-gray-300 rounded-lg px-4 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500">
                    </div>
                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-1">Tipo</label>
                        <input type="text" name="tipo" value="{{ old('tipo', $plataforma->tipo ?? '') }}" placeholder="Sonda, Plataforma, FPSO..."
                               class="w-full border border-gray-300 rounded-lg px-4 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500">
                    </div>
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Destino Vinculado</label>
                    <select name="destino_id" class="w-full border border-gray-300 rounded-lg px-4 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500">
                        <option value="">— Nenhum —</option>
                        @foreach($destinos as $destino)
                        <option value="{{ $destino->id }}" {{ old('destino_id', $plataforma->destino_id ?? '') == $destino->id ? 'selected' : '' }}>
                            {{ $destino->sigla ? "({$destino->sigla}) " : '' }}{{ $destino->nome }}
                        </option>
                        @endforeach
                    </select>
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Observação</label>
                    <textarea name="observacao" rows="2" class="w-full border border-gray-300 rounded-lg px-4 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500">{{ old('observacao', $plataforma->observacao ?? '') }}</textarea>
                </div>
                <div class="flex items-center gap-3">
                    <input type="hidden" name="is_active" value="0">
                    <input type="checkbox" name="is_active" value="1" id="is_active" class="w-4 h-4 text-blue-600 rounded border-gray-300"
                           {{ old('is_active', $plataforma->is_active ?? true) ? 'checked' : '' }}>
                    <label for="is_active" class="text-sm font-medium text-gray-700">Plataforma ativa</label>
                </div>
            </div>
            <div class="mt-8 flex items-center gap-4">
                <button type="submit" class="text-white px-6 py-2.5 rounded-lg text-sm font-medium transition" style="background:#F26522;" onmouseover="this.style.opacity='.88'" onmouseout="this.style.opacity='1'">
                    {{ isset($plataforma) ? 'Salvar' : 'Criar Plataforma' }}
                </button>
                <a href="{{ route('admin.plataformas.index') }}" class="inline-flex items-center px-5 py-2.5 rounded-lg border border-gray-300 text-gray-700 hover:bg-gray-50 text-sm font-medium transition">Cancelar</a>
            </div>
        </form>
    </div>
</div>
@endsection