<!DOCTYPE html>
<html lang="fa">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link href="{{ asset('statics/img/gpumonsters-favicon.png') }}" rel="icon">
    <title>@yield('page-title')</title>
    <link rel="stylesheet" href="{{ asset("statics/dash-template/vendor_components/bootstrap/dist/css/bootstrap.min.css") }}">
    <link rel="stylesheet" href="{{ asset("statics/dash-template/css/bootstrap-extend.css") }}">
    <link rel="stylesheet" href="{{ asset("statics/dash-template/css/master_style.css") }}">
    <link rel="stylesheet" href="{{ asset("statics/dash-template/css/skins/_all-skins.css") }}">
    <link rel="stylesheet" href="{{ asset("statics/dash-template/vendor_components/jquery-toast-plugin-master/src/jquery.toast.css") }}">
    @yield('page-style')
</head>
<body class="hold-transition bg-img rtl" style="background-image: url({{ asset("statics/dash-template/images/bg.webp") }})" data-overlay="4">
<div class="auth-2-outer row align-items-center h-p100 m-0">
    <div class="auth-2">
        <div class="auth-logo font-size-40">
            <a href="#" class="text-white"><b>YourLogo</b></a>
        </div>
        <div class="auth-body">
            @yield('page-body')
        </div>
    </div>
</div>
<script src="{{ asset("statics/dash-template/vendor_components/jquery-3.3.1/jquery-3.3.1.js") }}"></script>
<script src="{{ asset("statics/dash-template/vendor_components/popper/dist/popper.min.js") }}"></script>
<script src="{{ asset("statics/dash-template/vendor_components/bootstrap/dist/js/bootstrap.min.js") }}"></script>
<script src="{{ asset("statics/dash-template/vendor_components/jquery-toast-plugin-master/src/jquery.toast.js") }}"></script>
@if (count($errors->all()) > 0)
    <script>
        var timer = 2000;
        @foreach ($errors->all() as $error)
            timer += 1500;
        $.toast({
            text: '{{ $error }}',
            position: 'bottom-left',
            loaderBg: '#ff6849',
            icon: 'error',
            textAlign: 'center',
            hideAfter: timer
        });
        @endforeach
    </script>
@endif
@yield('page-scripts')
</body>
</html>
