@php
    if($user->hasRole(['super-admin', 'admin'])) {
        $layoutDirectory = 'layouts.app';
    } else {
        $layoutDirectory = 'layouts.customer';
    }
@endphp

@extends($layoutDirectory)

@section('title', 'Account settings')

@push('css')
    <style>
        .profile-userpic img {
            float: none;
            margin: 0 auto;
            width: 50%;
            height: 50%;
            -webkit-border-radius: 50% !important;
            -moz-border-radius: 50% !important;
            border-radius: 50% !important;
        }
    </style>
@endpush

@section('content')
<div class="d-flex align-items-center mb-3">
    <h1 class="page-header mb-0">Home</h1>
</div>
<div class="row">
    @cannot('access-admin-panel')
    <div class="col-md-3">
        @include('profile.menu')
    </div>
    @endcannot
    <div class="col">
        <div class="card border-0 mb-4">
            <div class="card-header bg-none p-3 fw-bolder h6 m-0 d-flex align-items-center">
                {{ __('Verify Your Email Address') }}
            </div>
            <div class="card-body">
                @if (session('resent'))
                    <div class="alert alert-success" role="alert">
                        {{ __('A fresh verification link has been sent to your email address.') }}
                    </div>
                @endif

                {{ __('Before proceeding, please check your email for a verification link.') }}
                {{ __('If you did not receive the email') }},
                <form class="d-inline" method="POST" action="{{ route('verification.resend') }}">
                    @csrf
                    <button type="submit" class="btn btn-link p-0 m-0 align-baseline">{{ __('click here to request another') }}</button>.
                </form>
            </div>
        </div>
    </div>
</div>
@endsection