<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>{{ config('app.name', 'Laravel') }}</title>

    <!-- Fonts -->

    <!-- Bootstrap -->
    <!--<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous">
    </script>-->

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
    @vite(['resources/sass/app.scss', 'resources/js/app.js', 'resources/css/app.css'])
    @include('layouts.design')
    <style>
        html,
        body {
            height: 100% !important
        }

        /*
 * Globals
 */
        /* Custom default button */
        .btn-light,
        .btn-light:hover,
        .btn-light:focus {
            color: #333;
            text-shadow: none;
            /* Prevent inheritance from `body` */
        }


        /*
 * Base structure
 */

        .cover-container {
            max-width: 42em;
        }

        /*
 * Header
 */
    </style>

</head>

<body class="d-flex align-items-center py-4 bg-body-tertiary h-100">
    <div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
        <header class="mb-auto">
            <h3 class="float-md-start mb-0">
                @if(array_key_exists('logo', DESIGN_PARAMETERS))
                    <img src="{{ url('/storage/' . DESIGN_PARAMETERS['logo']) }}" alt="Logo" height="100">
                @else
                    <img src={{ url('/images/logo.png') }} alt="Logo" width="100">
                @endif
            </h3>
            <div class="justify-content-center float-md-end">
                <div>
                    @if(array_key_exists('phone', DESIGN_PARAMETERS))
                        <span class="fw-bold py-1 px-0 fs-3 text-secondary" aria-current="page"
                            href="#">{{ DESIGN_PARAMETERS['phone'] }}</span>
                        @if(array_key_exists('phone_description', DESIGN_PARAMETERS))
                            <div>{{ DESIGN_PARAMETERS['phone_description'] }}</div>
                        @endif
                    @endif

                </div>
            </div>
        </header>
        <main class="p-3">
            @foreach ($errors->all() as $error)
                <div class="alert alert-danger">{{ $error }}</div>
            @endforeach
            @yield('content')
        </main>
        <footer class="mt-auto">
            <div class="container">
                @if(array_key_exists('copyright', DESIGN_PARAMETERS))
                    <span class="text-body-secondary">&copy; {{ DESIGN_PARAMETERS['copyright'] }}</span>
                @endif
            </div>
        </footer>
    </div>
</body>

</html>