{% extends 'base.html.twig' %}
{% trans_default_domain 'security' %}
{% block body %}
<body id="kt_body" class="bg-body">
<!--begin::Main-->
<div class="d-flex flex-column flex-root">
<!--begin::Authentication - Sign-in -->
<div class="d-flex flex-column flex-lg-row flex-column-fluid">
<!--begin::Aside-->
<div class="d-flex flex-column flex-lg-row-auto w-xl-600px positon-xl-relative" style="background-color: #F2C98A">
<!--begin::Wrapper-->
<div class="d-flex flex-column position-xl-fixed top-0 bottom-0 w-xl-600px scroll-y">
<!--begin::Content-->
<div class="d-flex flex-row-fluid flex-column text-center p-10 pt-lg-20">
<!--begin::Logo-->
<a href="#" class="py-9">
{% block logo_login %}<img class="" src="{{ asset('build/media/TRANSACAP_Final_300.png') }}" alt="Logo" />{% endblock %}
</a>
<!--end::Logo-->
<!--begin::Title-->
<h1 class="fw-bolder fs-2qx pb-5 pb-md-10" style="color: #986923;">{{'security.login.aside.left.welcome_text'|trans}}</h1>
<!--end::Title-->
<!--begin::Description-->
<p class="fw-bold fs-2" style="color: #986923;">{{'security.login.aside.left.sub_text'|trans}}</p>
<!--end::Description-->
</div>
<!--end::Content-->
<!--begin::Illustration-->
<div class="d-flex flex-row-auto bgi-no-repeat bgi-position-x-center bgi-size-contain bgi-position-y-bottom min-h-100px min-h-lg-350px" style="background-image: url({{asset('build/metronic/media/illustrations/checkout.png')}})"></div>
<!--end::Illustration-->
</div>
<!--end::Wrapper-->
</div>
<!--end::Aside-->
<!--begin::Body-->
<div class="d-flex flex-column flex-lg-row-fluid py-10">
<!--begin::Content-->
<div class="d-flex flex-center flex-column flex-column-fluid">
<!--begin::Wrapper-->
<div class="w-lg-500px p-10 p-lg-15 mx-auto">
{% block page_content %}{% endblock %}
</div>
<!--end::Wrapper-->
</div>
<!--end::Content-->
<!--begin::Footer-->
<div class="d-flex flex-center flex-wrap fs-6 p-5 pb-0">
<!--begin::Links-->
<div class="d-flex flex-center fw-bold fs-6">
<a href="https://coockpit.com/"class="text-muted text-hover-primary px-2" target="_blank">
Copyright © 2019-{{ "now"|date("Y") }} {{'globals.copyright_footer'|trans({},'messages')}}
</a>
</div>
<!--end::Links-->
</div>
<!--end::Footer-->
</div>
<!--end::Body-->
</div>
<!--end::Authentication - Sign-in-->
</div>
{% block javascripts %}
{{ encore_entry_script_tags('app') }}
{#<script src="{{asset('build/metronic/plugins/global/plugins.bundle.js')}}"></script>
<script src="{{asset('build/metronic/js/scripts.bundle.js')}}"></script>#}
{% endblock %}
</body>
{% endblock %}