<div id="create-packages" class="dropzone-packages" ng-controller="createPackagesCtrl" country-selected="{{countrySelected}}" ng-init="initializeCreatePackages()">
    <h3>{{ 'packages.headers.CREATE_PACKAGES' | translate }} {{ 'packages.forms.' + getCountryTranslationKey() | translate:translationData  }}</h3>
    <div id="create-packages-countries" class="packages-countries form-group row justify-content-start">
        <label for="selectCountry" class="package-label col-md-2">{{ 'packages.forms.CREATE_COUNTRY' | translate }}:</label>
        <select id="selectCountry" class="form-control-static col-md-2" ng-model="selectedCountryId" ng-change="setCountrySelectedName()">
            <option ng-repeat="countryInfo in countries" value={{countryInfo.id}}>
                {{countryInfo.name}}
            </option>
        </select>
    </div>
    <form ng-if="isCountrySelected()">
        <products-by-categories-drag-drop action-type="create"></products-by-categories-drag-drop>
    </form>
</div>
