@extends('web.layouts.layout')

@section('content')

    <main>
        <!-- Start section -->
        <section class="profile_pg state_pg section">
            <div class="container">
                <h2 class="title_w_shape w-fit mx-auto mb-5"><span>  {{ $title ?? "" }}  </span></h2>

                <div class="col-lg-9 mx-auto">
                    <div class="tab_wrapper">
                        <img src="{{asset('assets/web/images/icons/logout.svg')}}" class="icon mb-5" alt=""/>
                        <div class="text-center">
                            <h6 class=" mb-4">{{ __('main.welcome') . ' ' . (auth()->user()->name ?? auth()->user()->username ?? "") }}</h6>
                            <h2 class="fs-4 fw-bold mb-5"> {{ __('users::users.want_to_log_out') }} </h2>
                        </div>
                        <div class="row mx-auto col-lg-7">
                            <div class="col-6">
                                <form action="{{ route('web.users.logout') }}" method="post" class="logout-form">
                                    @csrf
                                    <button type="submit" class="butn bg-danger text-white w-100">
                                        <span> {{ __('users::users.log_out') }} </span>
                                    </button>
                                </form>
                            </div>
                            <div class="col-6">
                                <a href="{{ route('web.home') }}" class="butn gray_butn w-100">
                                    <span> {{ __('main.cancel') }} </span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>

@endsection

@push('stack_scripts')

@endpush