{% extends "AppBundle::layout_backend.html.twig" %}
{% block stylesheets2nd %}
    {% stylesheets 'bundles/app/css/views/Carrier/index.css' filter='cssrewrite' %}
        <link rel="stylesheet" href="{{ asset_url }}"/>
    {% endstylesheets %}
{% endblock %}

{% block headercontent %}
    <div class="row">
        <div class="col-lg-12 col-md-12 col-xs-12">
            <h3 class="cfj-bgcolor-three pageTitle cfj-color-white">
                Configuración <i class="fa fa-angle-right"></i> Carriers
            </h3>
        </div>
    </div>
{% endblock %}

{% block content %}
<div class="box">
    <div class="box-body carriers_config-wrapper">
        <div class="carriers_config-content">
            <div class="panel cfj-panel">
                <div class="mkt-panel-head panel-heading cfj-deg-violeta">
                    <div class="mkt-ph-left">
                        Carriers configurados
                    </div>
                    <div class="mkt-ph-right">
                        <div class="dropdown">
                            <button class="btn cfj-bgcolor-two cfj-actions-btn cfj-color-three" id="dLabel" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <i class="fa fa-plus"></i> Nuevo
                            </button>
                            <ul class="dropdown-menu new-mkt-menu" aria-labelledby="dLabel">
                                {% for carrier in carriers %}
                                <li>
                                    {# {% if carrier.id in disabledCarriers %}
                                    <div class="mkt-dm-item disabled">
                                    {% else %} #}
                                    <div class="mkt-dm-item" data-toggle="link" data-code="{{carrier.code}}">
                                    {# {% endif %} #}
                                        <div class="mkt-dm-item-left">
                                            <img src="{{asset('uploads/images/carrier/'~ carrier.logo)}}">
                                        </div>
                                        <div class="mkt-dm-item-right">{{carrier.name}}</div>
                                    </div>
                                </li>
                                {% endfor %}
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="panel-body no-padding carriers_config-items">
                {% if sellerConnections|length > 0 %}
                <div class="carriers_config-info carriers_config-head">
                    <div class="cci-platform">ID Config.</div>
                    <div class="cci-name">Plataforma</div>
                    <div class="cci-actions">Acciones</div>
                </div>
                {% for config in sellerConnections %}
                <div class="carriers_config-info">
                    <div class="cci-platform">{{ config.id }}</div>
                    <div class="cci-name">{{ config.carrier.name }}</div>
                    <div class="cci-actions">
                        <button type="button" class="btn cfj-bgcolor-three cfj-actions-btn cfj-color-three" data-toggle="link" data-action="edit" data-connection="{{ config.id }}" data-code="{{ config.carrier.code }}"><i class="fa fa-edit"></i> Editar</button>
                    </div>
                </div>
                {% endfor %}
                {% else %}
                <div class="no-mkt-container">
                    <h1><i class="fa fa-exclamation-circle"></i></h1>
                    <h3>No tienes ningún carrier configurado.</h3>
                    <p>Haz click en el botón "Nuevo" para configurar uno.</p>
                </div>
                {% endif %}
                </div>
            </div>

            <div class="panel cfj-panel carriers_settings-panel">
                <div class="panel-heading cfj-deg-violeta">
                    Configurar
                </div>
                <div class="panel-body">
                    <div class="carriers_settings-form-container"></div>
                    <div class="carriers_loading-spinner">
                        <p class="ft-loading m-0">
                            <i class="fa fa-refresh fa-spin fa-3x"></i><span>Cargando...</span>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block javascripts2nd %}
    {% javascripts '@AppBundle/Resources/public/js/Carriers/index.js' %}
        <script src="{{ asset_url }}"></script>
    {% endjavascripts %}
{% endblock %}