@extends('layouts.fullwidth', ['CurrentPage' => 'page-error-503'])

@section('content')
    <div class="authincation h-100">
        <div class="container h-100">
            <div class="row justify-content-center h-100 align-items-center">
                <div class="col-md-6">
                    <div class="error-page">
                        <div class="error-inner text-center">
                            <div class="dz-error" data-text="503">503</div>
                            <h4 class="error-head"><i class="fa fa-times-circle text-danger"></i> Service Unavailable
                            </h4>
                            <div>
                                <a href="{{ auth()->check()
                                    ? (auth()->user()->hasRole('admin-supervisor')
                                        ? route('attendance')
                                        : route('dashboard'))
                                    : url('/') }}"
                                    class="btn btn-secondary">BACK TO HOMEPAGE</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection