@extends('layouts.app')

@section('title', 'Editar matrimonio · Planner Pro')

@section('content')
<div class="container py-4" style="max-width: 980px;">

    <div class="d-flex justify-content-between align-items-center mb-3">
        <div>
            <h1 class="h4 fw-bold mb-1">Editar matrimonio</h1>
            <div class="text-muted">
                {{ $matrimonio->nombre_pareja ?? 'Matrimonio' }}
                <span class="text-muted">· ID #{{ $matrimonio->id }}</span>
            </div>
        </div>
        <div class="d-flex gap-2">
            <a href="{{ route('plannerpro.matrimonios.show', $matrimonio) }}" class="btn btn-outline-primary">
                Ver detalle
            </a>
            <a href="{{ route('plannerpro.dashboard') }}" class="btn btn-outline-secondary">
                Dashboard
            </a>
        </div>
    </div>

    <div class="card shadow-sm">
        <div class="card-body p-4">
            <form action="{{ route('plannerpro.matrimonios.update', $matrimonio) }}" method="POST">
                @csrf
                @method('PUT')

                @include('plannerpro.matrimonios._form', ['matrimonio' => $matrimonio])

                <div class="d-flex justify-content-end gap-2 mt-4">
                    <a href="{{ route('plannerpro.matrimonios.show', $matrimonio) }}" class="btn btn-outline-secondary">
                        Cancelar
                    </a>
                    <button class="btn btn-primary">
                        Guardar cambios
                    </button>
                </div>
            </form>
        </div>
    </div>

</div>
@endsection