<x-app-layout id="settings" class="readable">

    <x-slot name="aside">
        <h1>
            <a href="{{ route('calendar.index') }}" class="app-return">
                <span>{{ __('common.calendar') }}</span>
                <x-icon-return width="20" />
            </a>
        </h1>
        <x-menu.calendar-settings :calendars="$calendars" />
    </x-slot>

    <x-slot name="header">
        <h2>
            @isset($data['title'])
                {{ $data['title'] }}
            @else
                {{ __('common.settings') }}
            @endisset
        </h2>
    </x-slot>

    <x-slot name="article">
        <div class="content">
        @isset($view)
            @include($view)
        @else
            <p class="text-muted">{{ __('Pick an option in the sidebar…') }}</p>
        @endisset
        <div class="content">
    </x-slot>

</x-app-layout>
