@extends('public._layout')

@section('head')
    @parent
    <style>
        body {
            background-color: #ccccff;
        }
        main {
            width: 30em;
            max-width: 100%;
            border: 10px solid gray;
            margin: 50px auto auto auto;
            text-align: center;
            background-color: white;
        }
        main h1 {
            color: blue;
        }
        main h2 {
            font-style: italic;
            font-size: 120%;
            color: gray;
        }
        main ul {
            list-style: none;
            padding-left: 0;
            margin-top: 40px;
            line-height: 1.75;
            font-size: 120%;
        }
        main a {
            color: inherit;
            text-decoration: none;
            transition: color 0.3s ease-in-out;
        }
        main a:hover {
            color: blue;
        }
    </style>
@endsection

@section('main')
    <h1>The Romantic Room</h1>
    <h2>Cash Daily Balance Program</h2>
    <nav>
        <ul>
            <li style="margin-bottom: 1em;"><a href="/balance-form">Daily Cash Entry Form</a></li>

            <li><a href="/month-view">Show A Month / Location</a></li>
{{--            <li><a href="/month-view?all">Show A Month All Location</a></li>--}}
            <li><a href="/year-to-year">Year to Year Analysis</a></li>

            <li style="margin-top: 1em;"><a href="/year-to-date">Calc Year to Date</a></li>

            <li style="margin-top: 1em;"><a href="/cashiers">Cashiers</a></li>
            <li><a href="/locations">Locations</a></li>
        </ul>
    </nav>
@endsection

{{--
@section('foot')
    @parent
@endsection
--}}