{% extends 'base.html.twig' %}
{% block title %}Bitcubo CallCenter{% endblock %}
{% block bodyclass %}bg-dark{% endblock %}
{% block body %}
<div class="bg-dark pt-5 pt-md-6 pt-lg-7">
<div class="container pt-md-0">
{% for flash_message in app.session.flashbag.get('notice') %}
<div class="alert alert-warning alert-dismissible fade show" role="alert">
{{ flash_message|raw }}
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
{% endfor %}
<div style="width: 450px; margin: 0 auto;" class="text-center">
<h4 class="text-light mb-5">Buscar Cliente</h4>
{{ form_start(form, {'attr': {'class': 'row g-4'}}) }}
{# <div>
{{ form_widget(form.type, {'attr': {'class': 'form-control form-control-lg'}}) }}
</div> #}
{# <div class="form-check form-check-inline"> #}
<div class="form-check-inline input-group mb-3">
<div class="input-group-text w-50">
{{ form_widget(form.type[0], {'attr': {'class': ''}}) }}
{{ form_label(form.type[0], null, {'label_attr': {'class': 'lead fw-bold fs-4 px-3'}}) }}
</div>
<div class="input-group-text w-50">
{{ form_widget(form.type[1], {'attr': {'class': ''}}) }}
{{ form_label(form.type[1], null, {'label_attr': {'class': 'lead fw-bold fs-4 px-3'}}) }}
</div>
</div>
<div>
{{ form_widget(form.text, {'attr': {'class': 'form-control form-control-lg px-4'}}) }}
</div>
<div>
{{ form_widget(form.factura_electronica, {'attr': {'class': 'form-check-input', 'id': 'form_factura_electronica'}}) }}
<label class="text-light"for="form_factura_electronica">Factura Electrónica</label>
</div>
<div>
{{ form_widget(form.buscar, {'attr': {'class': 'btn btn-primary w-100'}}) }}
</div>
{{ form_end(form) }}
</div>
<hr class="hr-light my-4">
</div>
</div>
{% endblock %}