kithkin/resources/views/calendar/index.blade.php

60 lines
2.3 KiB
PHP

<x-app-layout id="calendar">
<x-slot name="header">
<h1>
{{ __('Calendar') }}
</h1>
<h2>
<strong>{{ $active['month'] }}</strong>
<span>{{ $active['year'] }}</span>
</h2>
<menu>
<li>
<form class="button-group button-group--primary" method="get" action="/">
<x-button.group-button>Day</x-button.group-button>
<x-button.group-button>Week</x-button.group-button>
<x-button.group-button active="true">Month</x-button.group-button>
<x-button.group-button>3-Up</x-button.group-button>
</form>
<li>
<a class="button button--primary" href="{{ route('calendar.create') }}">
<x-icon-plus-circle /> Create
</a>
</li>
<li>
<a class="button button--icon" href="{{ route('calendar.create') }}">
<x-icon-settings />
</a>
</li>
</menu>
</x-slot>
<x-slot name="article">
<aside>
<div class="flex flex-col gap-4">
<details open>
<summary>{{ __('My Calendars') }}</summary>
<ul class="content">
@foreach ($calendars as $cal)
<li>
<label class="flex items-center space-x-2">
<input type="checkbox"
value="{{ $cal['id'] }}"
style="--checkbox-color: {{ $cal['color'] }}"
checked>
<span>{{ $cal['name'] }}</span>
</label>
</li>
@endforeach
</ul>
</div>
<x-calendar.mini>
@foreach ($grid['weeks'] as $week)
@foreach ($week as $day)
<x-calendar.mini-day :day="$day" />
@endforeach
@endforeach
</x-calendar.mini>
</aside>
<x-calendar.full class="month" :grid="$grid" :calendars="$calendars" />
</x-slot>
</x-app-layout>