@props(['title' => __('modules.planning.layout.title')])
@props(['breadcrumbs' => []])

@if (request()->routeIs('planning.statements.create.coordinates'))
    @pushonce('css')
        <link rel="stylesheet" href="{{ asset('map_n/resources/ol.css') }}">
    @endpushonce

    @pushonce('scripts')
        <script src="{{ asset('map_n/resources/ol.js') }}"></script>
        <script src="{{ asset('map_n/resources/proj4.js') }}"></script>
        <script src="{{ asset('map_n/layers/_2.js') }}"></script>
        <script src="{{ asset('map_n/layers/_3.js') }}"></script>
        <script src="{{ asset('js/planning-coordinates-map.js') }}"></script>
    @endpushonce
@endif

<x-app-layout :breadcrumbs="$breadcrumbs" :title="$title">
    <x-slot name="header_nav">
        @include('planning::components.header_nav')
    </x-slot>
    <x-slot name="actions">
        {{ $actions ?? '' }}
    </x-slot>

    <div class="planning-module">
        {{ $slot }}
    </div>
</x-app-layout>