{% extends 'Imex\VnaLightBundle:Default:base_template.html.twig' %} {% block content %} {# search form#}
<div class="card">
    <div class="card-body">
        <h4 class="text-secondary">Buscar Paciente</h4>
        <hr>
        <form class="mt-3" id="searchPatForm">
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        <select class="form-control" id="idType" name="doc_type" selected>
                            <option value="">Cualquiera</option>
                            {% for td in doc_types %}
                            <option value="{{td}}">{{td}}</option>
                            {% endfor %}
                        </select>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        <input type="text" class="form-control" id="idNumber" name="document" placeholder="Documento" minlength="4" required>
                    </div>
                </div>
            </div>
            <button type="submit" class="btn btn-outline-primary mb-2 mt-2" id="searchBut">Buscar</button>
            <button type="reset" class="btn btn-light" id="cleanBut">Limpiar</button>
        </form>
        <div id="searchingLabel" class="invisible">
            Buscando ...
        </div>
    </div>
</div>

{# Resultados de búsqueda#}
<div class="card mt-4 invisible" id="resultsCard">
    <div class="card-body">
        <h4 class="text-secondary">Resultados de búsqueda</h4>
        <div class="table-responsive mt-3">
            <table id="patient_search" class="table table-hover">
                <thead>
                    <tr>
                        <th>Paciente</th>
                        <th>Documento</th>
                        <th>Tipo de documento</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </div>
</div>
{% endblock content %}