@extends('layouts.base', ['title' => 'Log Out'])

@section('body_attribute')
class="h-100"
@endsection

@section('content')

<div class="auth-bg d-flex min-vh-100">
    <div class="row g-0 justify-content-center w-100 m-xxl-5 px-xxl-4 m-3">
        <div class="col-xxl-3 col-lg-5 col-md-6">
            <a href="{{ route('any', ['login'])}}" class="auth-brand d-flex justify-content-center mb-2">
                <img src="{{ asset('images/logo-dark.png') }}" alt="dark logo" height="26" class="logo-dark">
                <img src="{{ asset('images/logo.png') }} " alt="logo light" height="26" class="logo-light">
            </a>

            <p class="fw-semibold mb-4 text-center text-muted fs-15">Your End to End ERP Solution Mexyon</p>

            <div class="card overflow-hidden text-center p-xxl-4 p-3 mb-0">

                <h4 class="fw-semibold mb-2 fs-18">You are Logged Out</h4>

                <div class="text-center">
                    <div class="mt-4">
                        <div class="logout-checkmark">
                            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 130.2 130.2">
                                <circle class="path circle" fill="none" stroke="#8d998a" stroke-width="6"
                                    stroke-miterlimit="10" cx="65.1" cy="65.1" r="62.1"></circle>
                                <polyline class="path check" fill="none" stroke="#8d998a" stroke-width="6"
                                    stroke-linecap="round" stroke-miterlimit="10"
                                    points="100.2,40.2 51.5,88.8 29.8,67.5 "></polyline>
                            </svg>
                        </div>
                    </div>

                    <h3 class="mt-2">See you again !</h3>

                    <p class="text-muted"> You are now successfully sign out. </p>
                </div>


                <div class="d-block mt-2">
                    <a href="{{ route ('second' , ['auth','login']) }}" class="btn btn-primary fw-semibold" type="submit">Login</a>
                </div>

                <p class="text-muted fs-14 mt-3 mb-0">
                    Contact for <a href="" class="text-danger fw-semibold ms-1">Support !</a>
                </p>

            </div>

            <p class="mt-4 text-center mb-0">
                <script>
                    document.write(new Date().getFullYear())
                </script> © SkedWise - By <span
                    class="fw-bold text-decoration-underline text-uppercase text-reset fs-12">Mexyon</span>
            </p>
        </div>
    </div>
</div>

@endsection

@section('scripts')

@endsection