auditionadmin/resources/views/components/layout/app.blade.php

48 lines
1.4 KiB
PHP

@props(['page_title' => false])
<!doctype html>
<html lang="en" class="h-full bg-gray-100">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>AuditionAdmin</title>
@vite(['resources/css/app.css', 'resources/js/app.js'])
{{-- Code below from https://codepen.io/ryangjchandler/pen/WNQQKeR --}}
{{-- JS for sorting tables by a column --}}
{{-- Sortable columns need this on their <th>: @click="sortByColumn" class="cursor-pointer select-none" --}}
{{-- One level above the table needs x-data="data()" --}}
{{-- tbody needs x-ref="tbody" --}}
<script src="{{ asset('js/sort_table_by_column.js') }}"></script>
</head>
<body class="h-full">
<div class="min-h-full">
@if(request()->is('*admin*'))
<x-layout.navbar-admin />
@else
<x-layout.navbar />
@endif
@if($page_title)
<x-layout.page-header>{{ $page_title }}</x-layout.page-header>
@endif
<main {{ $attributes }}>
<div class="mx-auto max-w-7xl py-6 sm:px-6 lg:px-8">
@foreach(getMessages() as $message)
<x-flash_message :message="$message['message']" :messageType="$message['type']" />
@endforeach
{{ $slot }}
</div>
</main>
</div>
</body>
</html>