<div id="commercial-leads" class="commercial-leads-layer" class="col-md-12">
    <div class="comemrcial-lead btn btn-primary {{isComemrcialLeadSelected(commercialLead.idCommercialLead)}}"
         ng-click="selectCommercialLead(commercialLead)"
         ng-repeat="commercialLead in commercialLeads">
        {{commercialLead.commercialLeadName}}
    </div>
</div>

<h3>
    {{'shop.headers.AVAILABLE_PACKAGES' | translate}} {{commercialLeadName}}
    <span ng-if="search" class="shop-packages-found"> ({{shopPackages.length}} {{'shop.headers.PACKAGES_FOUND' | translate}})</span>
</h3>
<div class="shop-packages-all">
    <div id="shop-package-{{shopPackage.idPackage}}" class="col-md-3" ng-repeat="shopPackage in shopPackages">
        <div class="shop-package-layer">
            <div class="shop-package-title">{{shopPackage.name}}</div>
            <div class="shop-package-reference">( {{shopPackage.reference}} )</div>

            <div class="shop-package-extra">
                <div class="shop-package-country">
                    <div class="shop-package-label">{{'shop.headers.SOLD_IN' | translate}} :</div>
                    <div class="shop-package-text">
                        {{shopPackage.country}} <span class="flag-icon flag-icon-{{shopPackage.countryCode}}"></span>
                    </div>
                </div>
            </div>

            <a id="shop-package-details-{{shopPackage.idPackage}}" href="shop?subModule=package-details&idPackage={{shopPackage.idPackage}}&idCommercialLead={{shopPackage.idCommercialLead}}">
                <div class="btn btn-primary shop-package-details-btn">
                    {{'shop.buttons.DETAILS' | translate}}
                </div>
            </a>
        </div>
    </div>

    <div class="alert alert-info" ng-if="!shopPackages.length">
        {{'shop.messages.NO_PACKAGES' | translate}}
    </div>
</div>
