{% 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> Realizar triagem
                        </a>

                    </div>
                </div>

            </div>
            <div class="card-header">
                <h5 class="card-title text-uppercase">Lista de triagens realizadas</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-calendar-grid-58" style="color: #ff8b33;"></i> Data do registo</th>
                        <th style="color: #ff8b33;"><i class="fa fa-qrcode" style="color: #ff8b33;"></i> Código de triagem</th>
                        <th style="color: #ff8b33; text-align: center;"><i class="ni ni-single-02" style="color: #ff8b33;"></i> Nome do paciênte</th>
                        <th style="color: #ff8b33; text-align: center;" ><i class="fa fa-bars" style="color: #ff8b33;"></i> Género</th>
                        <th style="color: #ff8b33; text-align: center;"><i class="fa fa-text-height" style="color: #ff8b33;"></i> Altura(Cm)</th>
                        <th style="color: #ff8b33; text-align: center;"><i class="fa fa-weight" style="color: #ff8b33;"></i> Peso(Kg)</th>
                        <th style="color: #ff8b33; text-align: center;"><i class="fa fa-person-booth" style="color: #ff8b33;"></i> Prioridade de Manchester</th>
                        <th style="color: #ff8b33; text-align: center;"><i class="fa fa-weight" style="color: #ff8b33;"></i> Estado da triagem</th>
                        <th style="color: #ff8b33; text-align: center;">Ações</th>
                    </tr>
                    </thead>
                    <tbody>
                    {% for triagem in pagination %}
                        <tr>
                            <td>{{ triagem.createdAt|date('d/m/y')}}</td>
                            <td style="text-align: center;">{{ triagem.codigoTriagem }}</td>
                            <td style="text-align: center;">{{ triagem.Paciente.nome }}</td>
                            <td style="text-align: center;">{{ triagem.Paciente.genero }}</td>
                            <td style="text-align: center;">{{ triagem.altura }}</td>
                            <td style="text-align: center;">{{ triagem.peso }}</td>
                            <td style="text-align: center;">
                                {% if triagem.situacao == "Emergência" %}
                                   {% set color = "danger" %}
                                   {% set valor = "Emergência" %}
                                    <span class="badge bg-{{ color }}" style="padding-top: 5px;padding-bottom: 5px;padding-left: 30px;
                                padding-right: 30px; border-radius: 15px;">{{ valor }}</span>
                                {% elseif triagem.situacao == "Muito urgênte" %}
                                    {% set color = "warning" %}
                                    {% set valor = "Muito urgênte" %}
                                    <span class="badge bg-{{ color }}" style="padding-top: 5px;padding-bottom: 5px;padding-left: 30px;
                                padding-right: 30px; border-radius: 15px;">{{ valor }}</span>
                                {% elseif triagem.situacao == "Pouco urgênte" %}
                                    {% set color = "success" %}
                                    {% set valor = "Pouco urgênte" %}
                                    <span class="badge bg-{{ color }}" style="padding-top: 5px;padding-bottom: 5px;padding-left: 30px;
                                padding-right: 30px; border-radius: 15px;">{{ valor }}</span>
                                {% elseif triagem.situacao == "Não urgênte" %}
                                    {% set color = "primary" %}
                                    {% set valor = "Pouco urgênte" %}
                                    <span class="badge bg-{{ color }}" style="padding-top: 5px;padding-bottom: 5px;padding-left: 30px;
                                padding-right: 30px; border-radius: 15px;">{{ valor }}</span>
                                {% elseif triagem.situacao == "Urgênte" %}
                                    {% set color = "yellow" %}
                                    <span class="bg  " style="padding-top: 5px;padding-bottom: 5px;padding-left: 30px;
                                     padding-right: 30px; border-radius: 15px; background-color: yellow;">Urgênte</span>
                                {% endif %}
                            </td>
                            <td style="text-align: center;">
                                {% if triagem.isAtivo == true %}
                                    {% set value = "Ativo" %}
                                    {% set color = "success" %}
                                {% else %}
                                    {% set value = "Dasativado" %}
                                    {% set color = "danger" %}
                                {% endif %}
                                <span class="badge bg-{{ color }}">{{ value }}</span>
                            </td>
                            <td style="text-align: center;">
                                <a href="{{ path('app_admin_triagem_edit',{id:triagem.id}) }}" class="btn btn-warning shadow-none"><i class="ni ni-ruler-pencil"></i></a>
                                <a href="{{ path('app_admin_triagem_delete',{id:triagem.id}) }}" class="btn btn-danger desabilitar shadow-none"><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">Realização de triagem</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.paciente,{attr:{'placeholder':'Digite o nome do paciênte','class':'caixa shadow-none'}}) }}
                    <label>Altura do paciênte(Cm)*</label>
                    {{ form_widget(form.altura,{attr:{'placeholder':'Digite a altura do paciênte','class':'caixa shadow-none'}}) }}
                    <label>Peso do paciênte(Kg)*</label>
                    {{ form_widget(form.peso,{attr:{'placeholder':'Digite o peso do paciênte','class':'caixa shadow-none'}}) }}
                    <label>Situação de entrada*</label>
                    {{ form_widget(form.situacaoDeentrada,{attr:{'class':'caixa shadow-none'}}) }}
                    <label>Prioridade de Manchester*</label>
                    {{ form_widget(form.situacao,{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" id="btn-triagem"><i class="fa fa-save"></i> Salvar</button>
                </div>
                {{ form_end(form) }}
            </div>
        </div>
    </div>

{% endblock %}