{% extends 'base.html.twig' %}

{% block title %}{{ 'Show action'|trans  }}{% endblock %}

{% block body %}
<ul class="nav nav-tabs nav-justified md-tabs" id="myTabJust" role="tablist">
    <li class="nav-item">
    <a class="nav-link active" id="information-tab" data-toggle="tab" href="#information" role="tab" aria-controls="information"
        aria-selected="true">{{ 'show_action.information'|trans }}</a>
    </li>
    <li class="nav-item">
    <a class="nav-link" id="documents-tab" data-toggle="tab" href="#documents" role="tab" aria-controls="documents"
        aria-selected="false">{{ 'show_action.documents'|trans }}</a>
    </li>
</ul>

<div class="tab-content card pt-5" id="tab_information">
    <div class="tab-pane fade show active" id="information" role="tabpanel" aria-labelledby="information-tab">
        <div class="card-body">
            <ul class="md_list">
                <li>{{ 'actions.title'|trans }}: {{ action.getTitle() }}</li>
                <li>{{ 'actions.description'|trans }}: {{ action.getdescription() }}</li>
                <li>{{ 'actions.plan'|trans }}: {{ action.getFkPlan().getTitle() }}</li>
                <li>{{ 'actions.level'|trans }}: {{ action.getFkLevel().getName() }}</li>
                <li>{{ 'actions.partner_contracts'|trans }}: {{ action.getPartnerContractsString() }}</li>
                <li>{{ 'actions.mandatory'|trans }}: {{ (action.getMandatory())?'Yes'|trans:'No'|trans }}</li>
                <li>{{ 'actions.notification_from'|trans }}: {{ action.getNotificationFrom().format('Y-m-d') }}</li>
                <li>{{ 'actions.departments'|trans }}: {{(action.getFkDepartment())?action.getFkDepartment().getName():"" }}</li>
                <li>{{ 'actions.timing'|trans }}: {{ action.getTimingString() }}</li>
            </ul>
        </div>
    </div>
    <div class="tab-pane fade show active" id="documents" role="tabpanel" aria-labelledby="documents-tab" style="height: 0; overflow: hidden;">
        <div class="card-body">
            <table id="table_action_documents" class="display table-hover datatable" style="width:100%">
                <thead>
                    <tr>
                        <th></th>
                        <th>{{ 'show_action.document_name'|trans }}</th>
                        <th>{{ 'show_action.document_file'|trans }}</th>
                    </tr>
                </thead>
                <tbody>
                    {% for document in action.documents%}
                    <tr>
                        <td></td>
                        <td>{{document.name}}</td>
                        <td><a target='_blank' href='{{path("get_action_document", {action_rowid:action.rowid, document_rowid:document.rowid})}}'><i class='far fa-file-alt'></i></a></td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>


{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('js/action/show.js') }}"></script>
{% endblock %}