{# Se importa el template base #}
{% extends 'MainBundle:Master:template.html.twig' %}
{% block scripts %}
    {# Styles #}
    <link rel="stylesheet" type="text/css" href="{{ asset('bundles/utilities/datatable/datatables.min.css') }}"/>
    <link rel="stylesheet" href="{{ asset('bundles/utilities/bootstrap-3.3.7/css/bootstrap.min.css') }}"/>
    <link rel="stylesheet" href="{{ asset('bundles/indicator/css/bootstrap-select.css') }}"/>
    <link href="{{ asset('bundles/utilities/font-awesome-4.7.0/css/font-awesome.css') }}" rel="stylesheet">
    <link rel="stylesheet"
          href="{{ asset('bundles/utilities/bootstrap-datepicker-1.6.4/css/bootstrap-datepicker3.min.css') }}"/>

    {% set configUser = app.user.config %}
    {% if configUser.skin_dark is defined %}
        {% if configUser.skin_dark %}
            {# validacion tema oscuro #}
            <link rel="stylesheet" href="{{ asset('bundles/grid/'~ hrk_skin ~'/buscarpaciente-dark.css') }}">
            <link rel="stylesheet" href="{{ asset('bundles/grid/css/htmlGrid.css') }}"/>
        {% else %}
            {# validacion tema claro #}
            <link rel="stylesheet" href="{{ asset('bundles/grid/css/lightGrid.css') }}"/>
        {% endif %}
    {% else %}
        <link rel="stylesheet" href="{{ asset('bundles/grid/'~ hrk_skin ~'/buscarpaciente-dark.css') }}">
        <link rel="stylesheet" href="{{ asset('bundles/grid/css/htmlGrid.css') }}"/>
    {% endif %}
    {# Js #}
    <script>
        var getCanasta = "{{ path('get_canasta') }}";
        var url_view_data_status = "{{ path('patient_view_data_status', {'per':' '}) }}";
        var UrlDataMunicipality = '{{ path("municipalityList") }}';
        var select = "{{ 'button.select'|trans([], 'LocalizationBundle') }}";
        var errorAjax = '{{ 'messages.ajax.errorProcess'|trans([], 'LocalizationBundle') }}';
    </script>
    <script type="text/javascript" src="{{ asset('bundles/utilities/bootstrap-3.3.7/js/bootstrap.min.js') }}"></script>
    <script type="text/javascript"
            src="{{ asset('bundles/utilities/bootstrap-datepicker-1.6.4/js/bootstrap-datepicker.min.js') }}"></script>
    <script type="text/javascript"
            src="{{ asset('bundles/utilities/bootstrap-datepicker-1.6.4/locales/bootstrap-datepicker.es.min.js') }}"></script>
    <script src="{{ asset('bundles/utilities/bootstrap-select/js/bootstrap-select.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/utilities/datatable/datatables.min.js') }}"></script>
    <script src="{{ asset('bundles/hirukofacturacion/js/canasta.js') }}"></script>
{% endblock %}
{% block content %}
    <div class="container-fluid">
        <div class="panel panel-default">
            <div class="panel-body">
                <div>
                    <a class="btn btn-primary pull-right" href="{{ path('get_canasta') }}" role="button"><span
                                class="glyphicon glyphicon-plus"></span>{{ 'labels.action.crear'|trans([], 'LocalizationBundle') }}</a>
                    <h4 class="mb-1">{{ 'labels.canastaIns'|trans([], 'LocalizationBundle') }}</h4>
                    <br>
                </div>
                <table id="tblCan" class="table table-striped table-bordered table-hover dt-responsive" cellspacing="0"
                       width="100%">
                    <thead>
                    <tr>
                        <th>{{ 'labels.nombreCan'|trans([], 'LocalizationBundle') }}</th>
                        <th>{{ 'Modify.state.label'|trans([], 'LocalizationBundle') }}</th>
                    </tr>
                    </thead>
                    <tbody>
                    {% if canasta is defined %}
                        {% for canasta in canasta %}
                            <tr data-can="" class="row-can">
                                <td>
                                    <a href="{{ path('get_canasta', {'idCan':canasta.idCanasta}) }}">{{ canasta.nombreCanasta }}</a>
                                </td>
                                <td>{{ canasta.estado ? 'Activo':'Inactivo' }}</td>
                            </tr>
                        {% endfor %}
                    {% endif %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
{% endblock %}