{#{% 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> Marcação de consulta
                        </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" style="width: 18rem;">
                <img src="{{ asset('assets/img/viatura.jpg') }}" class="card-img-top" alt="...">
                    <div class="row">

                        {% for marcacao in pagination %}
                        <div class="card-body">
                            <h5 class="card-title text-uppercase">solicitação</h5>
                            <p>Data da marcação:{{ marcacao.createdAt|date('d/m/y H:m') }}</p>
                            <p>Nome do paciênte: {{ marcacao.codTriagem.Paciente.nome }}</p>
                            <p>Sexo: {{ marcacao.codTriagem.Paciente.genero }}</p>
                            {% if marcacao.isAtivo == true %}
                                {% set value = "Marcação ativa" %}
                                {% set color = "success" %}
                            {% else %}
                                {% set value = "Marcação desativada" %}
                                {% set color = "danger" %}
                            {% endif %}
                            <span class="badge bg-{{ color }}">{{ value }}</span>

                            </p>
                            <br>
                            <a href="#" class="btn btn-warning"><i class="fa fa-edit"></i></a>
                            <a href="#" class="btn btn-danger"><i class="fa fa-trash"></i></a>
                            <a href="#" class="btn btn-primary"><i class="fa fa-print"></i></a>
                        </div>
                        {% endfor %}

                        <div class="pagination " style="font-weight: bold; font-size: 18px; color: #0d5e42; padding: 20px;">
                            {{ knp_pagination_render(pagination) }}
                        </div>

                    </div>
            </div>
<!-- /.card-body -->
</div>
        <div class="pagination " style="font-weight: bold; font-size: 18px; color: #0d5e42; padding: 20px;">
            {{ knp_pagination_render(pagination) }}
        </div>
<!-- /.card -->
</div>


{% endblock %}#}

{% 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-header">
                <h5 class="card-title text-uppercase" style="color: #ff8b33;">Lista de marcações de consulta para o médico</h5>
            </div>
            <!-- /.card-header -->

            {#{% include '_partials/_flash.html.twig' %}#}
            <div class="card-body">
                <div class="row">
                    {% for marcacao in pagination %}
                        <div class="card" style="width: 18rem; margin-left: 10px;">
                            <div class="card-body">
                                <div class="card-title">

                                       <h5 class="card-title text-uppercase" style="font-size: 14px;">
                                           <strong><i class="fa fa-edit"></i> Marcação de consulta</strong></h5>
                                       <p>----------------------------------------</p>

                                </div>

                                <p><i class="fa fa-calendar"></i> Data da marcação:<br/>{{ marcacao.createdAt|date('d/m/y H:m') }}</p>
                                <p><i class="fa fa-qrcode"></i> Código de triagem: {{ marcacao.codTriagem.codigoTriagem }}</p>
                                <p><i class="fa fa-user-nurse"></i> Paciênte: {{ marcacao.codTriagem.Paciente.nome }}</p>
                                <p>{% if marcacao.codTriagem.Paciente.genero == "Masculino" %}<i class="fa fa-male"></i>{% endif %}
                                    {% if marcacao.codTriagem.Paciente.genero == "Femenino" %} <i class="fa fa-female"></i> {% endif %} Sexo: {{ marcacao.codTriagem.Paciente.genero }}</p>
                                <p><span class="badge bg-warning">Histórico de entrada:</span> <br/>{{ marcacao.codTriagem.situacaoDeentrada }}</p>
                                {% if marcacao.isAtivo == true %}
                                    {% set value = "Marcação ativa" %}
                                    {% set color = "success" %}
                                {% else %}
                                    {% set value = "Marcação desativada" %}
                                    {% set color = "danger" %}
                                {% endif %}
                                <span class="badge bg-{{ color }}">{{ value }}</span>

                                </p>
                                <br>
                                <div style="text-align: center">
                                    <a href="#" style="width: 100%" class="btn btn-primary shadow-none"><i class="ni ni-paper-diploma"></i> Imprimir</a>
                                </div>

                                {% if marcacao.isAtivo == true %}
                                    <div style="text-align: center;">
                                        <a href="#" style="width: 100%" class="btn btn-success col-10 text-uppercase" style="font-size: 12px;"><i class="fa fa-check-circle"></i> atender paciênte</a>
                                    </div>
                                {% endif %}
                            </div>

                        </div>
                        {% else %}
                            <h3>Sem registro</h3>
                    {% endfor %}
                    <div class="pagination " style=" justify-content: center; font-weight: bold; font-size: 18px; color: #0d5e42; padding: 20px;">
                        {{ knp_pagination_render(pagination) }}
                    </div>
                </div>
            </div>

            <!-- /.card-body -->
        </div>
        <!-- /.card -->
    </div>

{% endblock %}