<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{ system_name }} | {% block title %}{% endblock %}</title>
<!-- Google Font: Source Sans Pro -->
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
<!-- Vendor -->
<link rel="stylesheet" href="{{ asset('/dist/css/admin_layout_login_css.css') }}">
<link rel="stylesheet" href="{{ asset('/app/admin/css/unauthenticated/layout/layout.css') }}">
<link rel="icon" type="image/x-icon" href="{{ asset('/img/bo/favicon.ico') }}">
{# Local CSS #}
{% block css %}{% endblock %}
</head>
<body class="hold-transition login-page">
<div id="info" class="d-none"
data-recaptcha-v3-site-key="{{ recaptchaV3SiteKey }}" {% block info %}{% endblock %}>
</div>
<div id="url" class="d-none" {% block url %}{% endblock %}></div>
<div class="login-box">
<div class="card card-outline card-primary">
<div class="card-header text-center">
<span class="h2"><b>Operation</b>CPG</span>
</div>
<div class="card-body">
{% block content %}{% endblock %}
</div>
<!-- /.card-body -->
</div>
</div>
<!-- /.login-box -->
<!-- Vendor -->
<script src="{{ asset('/dist/js/admin_layout_login_js.js') }}"></script>
<script src="{{ asset('/app/admin/js/authenticated/layout/Common/Notification.js') }}"></script>
<script src="https://www.google.com/recaptcha/api.js?render={{ recaptchaV3SiteKey }}"></script>
{# Local JS #}
{% block js %}{% endblock %}
</body>
</html>