@extends('layouts.dashboard')

@section('content')
    <div class="row responsive-row">
        <div class="card large-shadow main-card">
            <div class="card-body">
                <div class="card-title">
                    <div class="card-back mb-2">
                        <a href="{{ route('properties.show', [$property->id]) }}" class="card-back">
                            <i class="fas fa-chevron-left"></i> Retour
                        </a>
                    </div>
                    <h3 class="mb-0">Modifier les données annuelles — {{ $year }}</h3>
                </div>

                <property-yearly-form
                    :property-yearly="child.propertyYearly"
                    :creation="false"
                    action="{{ route('property_yearlys.update', ['property_id' => $property->id, 'year' => $year]) }}"
                ></property-yearly-form>
            </div>
        </div>
    </div>
@endsection

@push('vue_data')
    <script type="application/javascript">
        data = {
            propertyYearly: {!! json_encode($propertyYearly) !!},
        };
    </script>
@endpush