{#{% 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ção 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-calendar-grid-58" style="color: #ff8b33;"></i> Data do registo</th>
                        <th style="color: #ff8b33;"><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> Sexo</th>
                        <th style="color: #ff8b33; text-align: center;"><i class="ni ni-calendar-grid-58" style="color: #ff8b33;"></i> Data da realização da consulta</th>
                        <th style="color: #ff8b33; text-align: center;"><i class="fa fa-hospital-user" style="color: #ff8b33;"></i> Médico em serviço</th>
                        <th style="color: #ff8b33; text-align: center;"><i class="fa fa-person-booth" style="color: #ff8b33;"></i> Especialidade</th>
                        <th style="color: #ff8b33; text-align: center;"><i class="fa fa-bars" style="color: #ff8b33;"></i> Estado da marcação</th>
                        <th style="color: #ff8b33; text-align: center;">Ações</th>
                    </tr>
                    </thead>
                    <tbody>
                    {% for marcacao in marcacoes %}
                        <tr>

                           <td>{{ marcacao.createdAt|date('d/m/y H:m') }}</td>
                            <td style="text-align: center;">{{ marcacao.Paciente.nome }}</td>
                            <td style="text-align: center;">{{ marcacao.Paciente.genero }}</td>
                            <td style="text-align: center;">{{ marcacao.dataDaconsultaAt|date('d/m/y H:m') }}</td>
                            <td style="text-align: center;">{{ marcacao.Usermedico.nome }}</td>
                            <td style="text-align: center;">{{ marcacao.Usermedico.Formacao.nome }}</td>
                            <td style="text-align: center;">
                                {% 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>
                            </td>
                            <td style="text-align: center;">
                                <a href="#" class="btn btn-warning"><i class="ni ni-ruler-pencil"></i></a>
                                <a href="" 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>
            <!-- /.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:{'class':'caixa shadow-none'}}) }}
                    <label>Data da consulta a marcar*</label>
                    {{ form_widget(form.dataDaconsultaAt,{attr:{'class':'caixa shadow-none'}}) }}
                    <label>Médico em serviço</label>
                    {{ form_widget(form.usermedico,{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-marcacao"><i class="fa fa-save"></i> Salvar</button>
                </div>
                {{ form_end(form) }}
            </div>
        </div>
    </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">
                <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-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="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> Sexo</th>
                        <th style="color: #ff8b33; text-align: center;"><i class="ni ni-calendar-grid-58" style="color: #ff8b33;"></i> Data da realização da consulta</th>
                        <th style="color: #ff8b33; text-align: center;"><i class="fa fa-hospital-user" style="color: #ff8b33;"></i> Médico em serviço</th>
                        <th style="color: #ff8b33; text-align: center;"><i class="fa fa-person-booth" style="color: #ff8b33;"></i> Especialidade</th>
                        <th style="color: #ff8b33; text-align: center;"><i class="fa fa-bars" style="color: #ff8b33;"></i> Estado da marcação</th>
                        <th style="color: #ff8b33; text-align: center;">Ações</th>
                    </tr>
                    </thead>
                    <tbody>
                    {% for marcacao in pagination %}
                        <tr>

                            <td>{{ marcacao.createdAt|date('d/m/y H:m') }}</td>
                            <td style="text-align: center;">{{ marcacao.codTriagem.Paciente.nome }}</td>
                            <td style="text-align: center;">{{ marcacao.codTriagem.Paciente.genero }}</td>
                            <td style="text-align: center;">{{ marcacao.CalendarioMedico.disponivel }}</td>
                            <td style="text-align: center;">{{ marcacao.CalendarioMedico.medico.nome }}</td>
                            <td style="text-align: center;">{{ marcacao.CalendarioMedico.medico.Formacao.nome }}</td>
                            <td style="text-align: center;">
                                {% 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>
                            </td>
                            <td style="text-align: center;">
                                <a href="{{ path('app_admin_marcacao_consulta_edit',{id:marcacao.id}) }}" class="btn btn-warning"><i class="ni ni-ruler-pencil"></i></a>
                                {#<a href="" class="btn btn-danger remover"><i class="ni ni-fat-remove"></i></a>#}
                            </td>
                        </tr>
                    {% endfor %}
                    </tbody>

            </table>
         <div class="pagination " style="font-weight: bold; font-size: 18px; color: #0d5e42; padding: 20px;">
             <div class="pagination " style="font-weight: bold; font-size: 18px; color: #0d5e42; padding: 20px;">
                 {{ knp_pagination_render(pagination) }}
             </div>
           </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">Marcação de consulta</h1>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                {{ form_start(form) }}
                <div class="modal-body">
                    <label >Codigo da triagem*</label>
                    {{ form_widget(form.codTriagem,{attr:{'class':'caixa shadow-none'}}) }}
                    <label>Data de serviço disponivel</label>
                    {{ form_widget(form.calendarioMedico,{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-servico" ><i class="fa fa-save"></i> Salvar</button>
                </div>
                {{ form_end(form) }}
            </div>
        </div>
    </div>

{% endblock %}