{% extends 'base.html.twig' %}
{% block body %}
    <div class="card mb-3" id="app_cli">
        <div class="card-header">
            <div class="row">
                <h4 class="col-auto">
                    <i class="fa fa-lg fa-id-card-o mr-3"></i>
                    <span id="nombre_titulo">${act.empresa}</span>
                </h4>
                <div class="col"></div>
                <div class="col-auto mr-3 d-none d-md-block">
                    <a href="{{ path('clientes') }}" class="btn btn-dark px-3">
                        <span class="fa fa-arrow-left fa-lg mr-3"></span>Volver
                    </a>
                </div>
            </div>
        </div>
        <div class="card-body">
            <ul class="nav nav-tabs" role="tablist">
                <li class="nav-item">
                    <a class="nav-link active" href="#tab-activacion" id="activacion-tab" aria-controls="tab-activacion" data-toggle="tab" role="tab">
                        <span class="fa fa-pencil-square-o mx-2"></span>
                        ACTIVACIÓN
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#tab-clientev3" id="clientev3-tab" aria-controls="tab-clientev3" data-toggle="tab" role="tab">
                        <span class="fa fa-object-group mx-2"></span>
                        CLIENTE V3
                    </a>
                </li>
            </ul>
            <div class="tab-content">
                <div role="tabpanel" class="tab-pane active" id="tab-activacion">
                    {% include 'clientes/clientes_activacion.html.twig' %}
                </div>
                <div role="tabpanel" class="tab-pane" id="tab-clientev3">
                    {% include 'clientes/clientes_cliente.html.twig' %}
                </div>
            </div>
        </div>
        <div class="row justify-content-around mb-3">
            <div class="col-3 p-1">
                <button type="button" class="btn btn-dark btn-block" @click="grabar" :disabled="btnGrabarDisabled">
                    <span class="fa fa-save fa-lg mr-3"></span>Grabar
                </button>
            </div>
            <div class="col-3 p-1">
                <button type="button" class="btn btn-dark btn-block" @click="borrar">
                    <span class="fa fa-remove fa-lg mr-3"></span>Borrar
                </button>
            </div>
            <div class="col-3 p-1">
                <a href="{{ path('clientes') }}" class="btn btn-dark btn-block">
                    <span class="fa fa-arrow-left fa-lg mr-3"></span>Volver
                </a>
            </div>
        </div>
    </div>
    <input type="hidden" id="id" name="id" value="{{ id }}">
{% include 'clientes/tabla.licencias.html.twig' %}
{% endblock %}
{% block javascript %}
    <script src="{{ asset('js/clientes.js') }}"></script>
{% endblock %}