{% extends 'Common/baseAdminPannel.html.twig' %}

    {% block title %}
    Oficina
    {% endblock %}
    {% block subtitle %}{% endblock %}

    {% block body %}

    <table class="table table-hover">
        <tbody>

            <tr>
                <th>Nombre</th>
                <td>{{ office.name }}</td>
            </tr>
            <tr>
                <th>Teléfono</th>
                <td>{{ office.telephone }}</td>
            </tr>
            <tr>
                <th>Activa</th>
                <td>{% if office.isActive %}Yes{% else %}No{% endif %}</td>
            </tr>
        </tbody>
    </table>

    <a class="loader" data-action="{{ path('office_edit', { 'id': office.id }) }}"><button type="button" class="btn btn-primary"><i class="fa fa-save"></i> Edit Office<div class="ripple-container"></div></button></a>
    {{ form_start(delete_form, {'attr':{'data-remote':'true', 'data-method':'DELETE', 'data-url':delete_form.vars.action, 'data-redirect':path('traveler_dashboard') ~'#'~path('office_index')}}) }}
    <button type="submit" class="btn btn-danger"><i class="fa fa-remove"></i>
        Delete Office
        <div class="ripple-container"></div>
    </button>
    {{ form_end(delete_form) }}{% endblock %}