@extends('layouts.app')

@section('content')
    <div class="container" style="background-color:rgba(0,0,0,0.2);padding:20px;margin-top:50px;">
        <div class="row">
            <div class="col-md-12" style="text-align: center">
                <div class="warning">
                    <h5 class="">This will log you out from all the apps.</h5>
                    <a class="btn btn-primary" href="{{ route('home') }}">
                        Back to Home
                    </a>
                    <a class="btn btn-danger" href="{{ route('logout') }}"
                       onclick="event.preventDefault();
                    document.getElementById('logout-form').submit();">
                        {{ __('Yes, Log Out') }}
                    </a>
                    <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
                        @csrf
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection