<!DOCTYPE html>
<html lang="en">
<!--begin::Head-->

<head>

    <head>
        @props(['title'])
        <!--begin:: Set title-->
        <title>{{ $title ?? env('APP_NAME') }} - Gestion de parc auto</title>
        <meta charset="utf-8" />
        {{-- <base href="{{ asset('theme-resources/assets') }}"> --}}
        <meta name="csrf-token" content="{{ csrf_token() }}">
        <link rel="shortcut icon" href="{{ asset('ressources-app/back-office/media/logos/logo-mshpcmu.jpg') }}" />

        <!--begin::Global Stylesheets Bundle(mandatory for all pages)-->
        <x-backoffice.css.global-stylesheets />
        <!--end::Global Stylesheets Bundle-->

    </head>
    <!--end::Head-->
    <!--begin::Body-->

<body id="kt_body" class="auth-bg bgi-size-cover bgi-position-center bgi-no-repeat">
    <!--begin::Theme mode setup on page load-->
    <x-backoffice.js.theme-mode-setup />
    <!--end::Theme mode setup on page load-->
    <!--begin::Main-->
    <!--begin::Root-->
    <div class="d-flex flex-column flex-root">
        <!--begin::Page bg image-->
        <style>
            body {
                background-image: url('theme-resources/assets/media/auth/bg1.jpg');
            }
        </style>
        <!--end::Page bg image-->
        <!--begin::Authentication - Signup Welcome Message -->
        <div class="d-flex flex-column flex-center flex-column-fluid">
            <!--begin::Content-->
            <div class="d-flex flex-column flex-center text-center p-10">
                <!--begin::Wrapper-->
                <div class="card card-flush w-lg-550px py-5 rounded-4">
                    <div class="card-body py-15 py-lg-20 p-20">
                        <!--begin::Alert-->
                        <div class="alert alert-primary d-flex align-items-center p-5 mb-8">
                            <!--begin::Icon-->
                            <i class="ki-duotone ki-shield-tick fs-2hx text-primary me-4"><span
                                    class="path1"></span><span class="path2"></span></i>
                            <!--end::Icon-->

                            <!--begin::Wrapper-->
                            <div class="d-flex flex-column">

                                <!--begin::Title-->
                                <h4 class="mb-1 text-dark text-uppercase mb-2">JO SERVICES</h4>
                                <!--end::Title-->

                                <!--begin::Content-->
                                <span class="fs-6">
                                    Bienvenue sur JO SERVICES , votre application de gestion de parc automobile.
                                </span>
                                <!--end::Content-->

                            </div>
                            <!--end::Wrapper-->
                        </div>
                        <!--end::Alert-->
                        {{-- <div class="img mb-8">
                            <img alt="Logo" src="{{ asset('media/logo-babi.png') }}"
                            width="200" />
                        </div> --}}
                        <!--begin::Form -->
                        {{ $slot }}
                        <!--end::Form -->
                    </div>
                    <!--end::Sign up-->

                </div>
            </div>
            <!--end::Wrapper-->
        </div>
        <!--end::Content-->
    </div>
    <!--end::Authentication - Signup Welcome Message-->
    </div>
    <!--end::Root-->
    <!--end::Main-->
    <!--begin::Javascript-->
    <!--begin::Global Javascript Bundle(mandatory for all pages)-->
    <x-backoffice.js.global-javascript />
    <!--end::Global Javascript Bundle-->
    <!--end::Javascript-->
</body>
<!--end::Body-->

</html>
