{% extends 'Imex\VnaLightBundle:Default:base_template.html.twig' %} {% block content %}
<div class="card">
    <div class="card-body">
        <div class="card-title">
            <div class="row mb-2">
                <div class="col-md-6">
                    <h5>{{pat_name}}</h5>
                </div>
                <div class="col-md-6">
                    {% if is_granted('ROLE_VNA_MODIFY') %}
                    <button class="btn btn-outline-danger float-right" data-toggle="modal" data-target="#deleteStudyModal" data-patient-id="{{patient_id}}"
                        data-study-id="{{study_id}}">Eliminar estudio</button>
                    {% endif %}
                </div>
            </div>
            <a href="{{ path('patient_details', {'patient_pk': patient_id}) }}" class="btn btn-light">Regresar</a>
            <table class="table table-sm mt-2">
                <tbody>
                    <tr>
                        <td>Estudio</td>
                        <td>{{study_name}}</td>
                    </tr>
                    <tr>
                        <td>Fecha</td>
                        <td>{{date}}</td>
                    </tr>
                    <tr>
                        <td>Reporte</td>
                        <td>
                            {% if not report is null %}
                            <a href="{{report}}">Ver reporte</a>
                            {% endif %}
                        </td>
                    </tr>
                    <tr>
                        <td>Comentarios</td>
                        <td>{{details}}</td>
                    </tr>
                    <tr>
                        <td>Autor</td>
                        <td class="blockquote-footer">{{author}}</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div>

        </div>
        <div>

        </div>
        <div class="row">
            {% for img in images %}
            <div class="col-md-4 mt-1">
                {% if is_granted('ROLE_VNA_MODIFY') %}
                <button class="btn btn-light float-right" data-toggle="modal" data-target="#deleteImageModal" data-img-id="{{img.id}}">
                    <span class="oi oi-trash"></span>
                </button>
                {% endif %}
                <a href="{{img.url}}" data-lightbox="example-set">
                    <div class="thumnail-gallery" style="background-image:url('{{img.url}}');"></div>
                </a>
            </div>
            {% endfor %}
        </div>
    </div>
</div>
{# Delete study modal#}
<div class="modal fade" id="deleteStudyModal" tabindex="-1" role="dialog" aria-labelledby="deleteModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <h5>¿Está seguro de eliminar el estudio y todo su contenido?</h5>
                <h6>Esta acción es irreversible</h6>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-light" data-dismiss="modal">Cancelar</button>
                <button type="button" class="btn btn-danger" id="confirmDeleteStudy">Eliminar estudio</button>
            </div>
        </div>
    </div>
</div>

{#Delete image modal#}
<div class="modal fade" id="deleteImageModal" tabindex="-1" role="dialog" aria-labelledby="deleteImageModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <h5>¿Está seguro de eliminar esta imagen?</h5>
                <h6>Esta acción es irreversible</h6>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-light" data-dismiss="modal">Cancelar</button>
                <button type="button" class="btn btn-danger" id="confirmDeleteImg">Eliminar imagen</button>
            </div>
        </div>
    </div>
</div>

{% endblock content %}