@extends('layouts.auth')

@section('content')
    <form class="form w-100 fv-plugins-bootstrap5 fv-plugins-framework" action="{{ route('logout') }}" method="POST">
        @csrf
        <!--begin::Heading-->
        <div class="text-center mb-11">
            <!--begin::Title-->
            <h1 class="text-dark fw-bolder mb-3">
                {{ config('custom.DASHBOARD_NAME') }}
            </h1>
            <!--end::Title-->
            <!--begin::Subtitle-->
            <div class="text-gray-500 fw-semibold fs-6">
                {{ config('custom.DASHBOARD_LOGGED_IN_MESSAGE') }}
            </div>
            <!--end::Subtitle--->
        </div>
        <!--begin::Heading-->
        <!--begin::Alert-->
        @if (session('status'))
            <div class="alert bg-light-success border border-success d-flex flex-column flex-sm-row p-5 mb-10">
                <!--begin::Wrapper-->
                <div class="d-flex flex-column pe-0 pe-sm-10">
                    <!--begin::Title-->
                    <h5 class="mb-1 text-success">
                        {{ session('status') }}
                    </h5>
                    <!--end::Title-->
                </div>
                <!--end::Wrapper-->
            </div>
        @endif
        <!--end::Alert-->
        <!--begin::Submit button-->
        <div class="d-grid mb-10">
            <button type="submit" class="btn btn-danger">
                <!--begin::Indicator label-->
                <span class="indicator-label">
                    {{ config('custom.LOGOUT_BUTTON_TEXT') }}
                </span>
                <!--end::Indicator label-->
            </button>
        </div>
        <!--end::Submit button-->
    </form>
@endsection