{% extends 'template-secre.html.twig' %}

{% block title %}{{ parent() }}{% endblock %}

{% block stylesheets %}
    {{ parent() }}
{% endblock %}


{% block javascripts  %}
    {{ parent() }}
{% endblock %}

{% block body %}

    <div class="col-12">
        <div class="card">
            <div class="card">
                <div class="card-body">
                    <div class="col-2">
                        <a type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#staticBackdrop">
                            <i class="ni ni-fat-add"></i> Paciênte
                        </a>
                    </div>
                </div>

            </div>
            <div class="card-header">
                <h5 class="card-title text-uppercase">Lista de marcações de consulta</h5>
            </div>
            <!-- /.card-header -->
            <div class="card-body">
                {#{% include '_partials/_flash.html.twig' %}#}
                <table id="example1" class="table table-bordered  table-hover">
                    <thead>
                    <tr>
                        <th style="color: #ff8b33;"><i class="ni ni-single-02"></i> Nome do paciênte</th>
                        <th style="color: #ff8b33;"><i class="ni ni-chart-pie-35"></i> Género</th>
                        <th style="color: #ff8b33;"><i class="ni ni-mobile-button"></i> Contacto telefónico</th>
                        <th style="color: #ff8b33;"><i class="ni ni-palette"></i> Tipo de sangue</th>
                        <th style="color: #ff8b33;"><i class="ni ni-map-big"></i> Endereço</th>
                        <th style="color: #ff8b33;">Ações</th>
                    </tr>
                    </thead>
                    <tbody>
                    {% for paciente in pagination %}
                        <tr>
                            <td>{{ paciente.nome}}</td>
                            <td>{{ paciente.genero }}</td>
                            <td>{{ paciente.contacto }}</td>
                            <td>{{ paciente.tipoSanguineo }}</td>
                            <td>{{ paciente.Bairro.nome }}</td>
                            <td>
                                <a href="{{ path('app_admin_paciente_edit',{id:paciente.id}) }}" class="btn btn-warning"><i class="ni ni-ruler-pencil"></i></a>
                                <a href="{{ path('app_admin_paciente_delete',{id: paciente.id}) }}"  class="btn btn-danger remover"><i class="ni ni-fat-remove"></i></a>
                            </td>
                        </tr>
                    {% endfor %}
                    </tbody>
                    {#<tfoot>
                      <tr>
                          <th>Rendering engine</th>
                          <th>Browser</th>
                          <th>Platform(s)</th>
                          <th>Engine version</th>
                          <th>CSS grade</th>
                      </tr>
                      </tfoot>#}
                </table>
                <div class="pagination " style="font-weight: bold; font-size: 18px; color: #0d5e42; padding: 20px;">
                    {{ knp_pagination_render(pagination) }}
                </div>
            </div>
            <!-- /.card-body -->
        </div>
        <!-- /.card -->
    </div>

    <div class="modal fade " id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" >
            <div class="modal-content">
                <div class="modal-header">
                    <h1 class="modal-title fs-5" id="staticBackdropLabel">Formulário de cadastro de paciênte</h1>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                {{ form_start(form) }}
                <div class="modal-body">
                    <label >Nome do paciente*</label>
                     {{ form_widget(form.nome,{attr:{'placeholder':'Digite o nome do paciênte','class':'caixa shadow-none'}}) }}
                    <label>Género*</label>
                    {{ form_widget(form.genero,{attr:{'class':'caixa shadow-none'}}) }}
                    <label>Tipo sanguíneo*</label>
                    {{ form_widget(form.tipoSanguineo,{attr:{'class':'caixa shadow-none'}}) }}
                    <label>Grupo sanguíneo*</label>
                    {{ form_widget(form.grupoSanguineo,{attr:{'class':'caixa shadow-none'}}) }}
                    <label>Doença familiar*</label>
                    {{ form_widget(form.doencafamiliar,{attr:{'placeholder':'Digite o nome do municipio','class':'caixa shadow-none'}}) }}
                    <label>Outros problemas de saúde*</label>
                    {{ form_widget(form.outrosproblemasDeSaude,{attr:{'placeholder':'','class':'caixa shadow-none'}}) }}
                    <label>Contacto telefónico*</label>
                    {{ form_widget(form.contacto,{attr:{'placeholder':'Número de telemóvel, ex: XXXXXXXXX','class':'caixa shadow-none'}}) }}

                    <label>Bairro*</label>
                    {{ form_widget(form.bairro,{attr:{'class':'caixa shadow-none'}}) }}
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal"><i class="fa fa-close"></i> Fechar</button>
                    <button type="submit" class="btn btn-success" ><i class="fa fa-save"></i> Salvar</button>
                </div>
                {{ form_end(form) }}
            </div>
        </div>
    </div>

{% endblock %}