{% extends "FactelBundle::Layout.html.twig" %}

{% block css %}
    <link href="{{asset('garyavendanio/uikit/css/uikit.min.css')}}" rel="stylesheet">
{% endblock %}

{% block panel_title %}
    <div class="uk-background-cover text-blue-500 h-44 w-full rounded-2xl uk-grid uk-grid-collapse uk-flex-between uk-flex-middle px-8" style="background-image: url( {{asset('recursos/img/bg-header.png')}} );">
        <div>
            <svg xmlns="http://www.w3.org/2000/svg" class="h-7 w-7" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                <path stroke-linecap="round" stroke-linejoin="round" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
            </svg>
            <span class="text-xl">{{entity.razonSocial}}</span>
        </div>
        <div>
            <div class="btn-group">
                <button class="uk-button uk-button-primary capitalize flex uk-flex-middle rounded-full dropdown-toggle w-auto" type="button" data-toggle="dropdown">
                    Acciones <span class="caret ml-2"></span>
                </button>
                <ul class="dropdown-menu rounded-b-xl text-center" role="menu">
                    {% if is_granted('ROLE_ADMIN') %}
                        <li><a href="{{ path('emisor_new') }}">Nuevo emisor</a></li>
                    {% endif %}
                    <li><a href="{{ path('emisor_edit', { 'id': entity.id }) }}">Editar</a></li>
                    {% if is_granted('ROLE_ADMIN') %}
                        <li><a href="{{ path('emisor') }}">Emisores</a></li>
                        <li class="divider"></li>
                        <li><a class="accion" href="" data-toggle="modal" data-target="#confirm-delete" type="button" accion = "delete">Eliminar</a></li>
                    {% endif %}
                </ul>
            </div>
        </div>
    </div>
{% endblock %}

{% block content %}
    <div class="w-full">
        <table class="w-full" border="0">
            <tbody class="divide-y divide-blue-100">
            <tr class="hover:bg-blue-50 hover:text-blue-500">
                <th class="font-light pl-2">Estado</th>
                <td class="p-2">{%if entity.activo %} <button disabled="disabled" class="btn bg-green-500 text-green-100 link-boton">Activo</button>{%else%}<button disabled="disabled" class="btn bg-gray-500 text-gray-100 link-boton">Inactivo</button>{% endif%}</td>
            </tr>
            <tr class="hover:bg-blue-50 hover:text-blue-400">
                <th class="font-light pl-2">RUC</th>
                <td class="p-2">{{ entity.ruc }}</td>
            </tr>
            <tr class="hover:bg-blue-50 hover:text-blue-400">
                <th class="font-light pl-2">Raz&oacute;n Social</th>
                <td class="p-2">{{ entity.razonSocial }}</td>
            </tr>
            <tr class="hover:bg-blue-50 hover:text-blue-400">
                <th class="font-light pl-2">Nombre Comercial</th>
                <td class="p-2">{{ entity.nombreComercial }}</td>
            </tr>
            <tr class="hover:bg-blue-50 hover:text-blue-400">
                <th class="font-light pl-2">Direcci&oacute;n Matriz</th>
                <td class="p-2">{{ entity.direccionMatriz }}</td>
            </tr>
            <tr class="hover:bg-blue-50 hover:text-blue-400">
                <th class="font-light pl-2">Ambiente</th>
                <td class="p-2">{%if entity.ambiente == '1'%}Pruebas{% else %} Producci&oacute;n {% endif %}</td>
            </tr>
            <tr class="hover:bg-blue-50 hover:text-blue-400">
                <th class="font-light pl-2">Tipo de Emisi&oacute;n</th>
                <td class="p-2">{%if entity.tipoEmision == '1'%}Emisi&oacute;n Normal{% else %} Emisi&oacute;n por Indisponibilidad del Sistema {% endif %}</td>
            </tr>
            <tr class="hover:bg-blue-50 hover:text-blue-400">
                <th class="font-light pl-2">Contribuyente Especial</th>
                <td class="p-2">{{ entity.contribuyenteEspecial }}</td>
            </tr>
            <tr class="hover:bg-blue-50 hover:text-blue-400">
                <th class="font-light pl-2">Obligado Contabilidad</th>
                <td class="p-2">{{ entity.obligadoContabilidad }}</td>
            </tr>
			 <tr class="hover:bg-blue-50 hover:text-blue-400">
                <th class="font-light pl-2">Tipo Empresa</th>
                <td class="p-2">{{ entity.tipoEmpresa }}</td>
            </tr>

            </tbody>
        </table>
    </div>
    {% if is_granted('ROLE_ADMIN') %}
        {{ form(delete_form) }}
    {% endif %}

{% endblock %}

{% block javascript %}
<script src="{{asset('garyavendanio/uikit/js/uikit.min.js')}}"></script>
    <script src="{{asset('garyavendanio/uikit/js/uikit-icons.min.js')}}"></script>
{% endblock %}