{% extends "@User/security/login-layout.html.twig" %}
{% block meta %}
{{ parent() }}
{{ sonata_seo_metadatas() }}
{{ sonata_seo_link_canonical() }}
{{ sonata_seo_lang_alternates() }}
{% endblock %}
{% block title %}
{{ sonata_seo_title() }}
{% endblock %}
{% block left_body %}
<div class="card-body login-img">
<div class="row m-0">
<div class="col-lg-12 col-md-12 bg-white px-4 pt-3" style="height: 42em;">
<div class="row">
<div class="col-lg-12" style="height: 480px;background: url('{{ asset('assets/img/gubernur.png') }}');background-size: contain;background-repeat: no-repeat;background-position: right">
<div class="message-content">
<h2 class="login-title">
{# <img src="{{ asset('assets/img/pitulas-lpse.png') }}" style="width: 11%" class="img-fluid mt-1"/>#}
<p class="login-title-text">PITULAS CETTAR</p>
</h2>
<p class="login-sub-title">Standarisasi 17 Layanan Pengadaan Secara Elektronik</p>
<p class="login-sub-title">Pemerintah Daerah Provinsi Jawa Timur</p>
<p class="d-flex justify-content-center">
<img src="{{ asset('assets/img/pemprov-jatim-logo.png') }}" style="width: 13%" class="img-fluid mt-1"/>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
{% endblock %}
{% block body %}
<div class="card-body login-img">
<div class="row m-0">
<div class="col-lg-12 col-md-12 bg-white px-4 pt-3" style="height: 42em">
<p class="d-flex justify-content-center">
<img src="{{ asset('assets/img/pitulas-lpse.png') }}" style="width: 30%" class="img-fluid mt-1"/>
</p><hr/>
<h3 class="d-flex justify-content-center mb-2 card-title">Login</h3>
{{ form_start(form, { attr: { style: "padding-bottom: 2.5em" } }) }}
{% include '@User/security/_flashes.twig' %}
<div class="form-group col-md-12 mb-3">
<label for="kmj_login_username" class="required">{{ "username"|trans }}</label>
{{ form_widget(form.username, {attr: {placeholder: "username", required:true, autofocus:true }}) }}
</div>
<div class="form-group col-md-12 mb-3">
{{ form_row(form.password, {attr: {placeholder: "password" }}) }}
</div>
{% if form.captcha is defined %}
<div class="form-group col-md-12 mb-3 d-flex">
{{ form_widget(form.captcha, {attr: {placeholder: "captcha" }}) }}
</div>
{% endif %}
<div class="text-center">
<button type="submit" class="btn btn-outline-primary btn-block">
<span class="bi-send-check"></span> {{ "login"|trans }}
</button>
</div>
{{ form_end(form) }}
</div>
</div>
</div>
{% endblock %}