<form id="modal-importar-shape-file" name="formCriarRota" novalidate form-validation-directive>
    <div class="content-modal-criar-rota">
        <div id="modalNotificationOuter" class="notification-modal"></div>

        <fieldset class="field-importar-shape-file"
                  ng-class="{'invalid': !formCriarRota.shapeFile.customValidation}">
            <label for="shape-file" class="label-default custom-file-upload label-shape-file">Importar shapefile <i
                class="icon-upload"></i></label>
            <input type="file" name="shapeFile" id="shape-file" class="input-default input-shape-file"
                   ng-model="vm.shapeFiles"
                   maxlength="250" required accept=".shp,.dbf" multiple enctype="multipart/form-data"
                   data-file-upload="vm.shapeFiles">

            <span class="message">{{formCriarRota.shapeFile.serverMsg || 'Selecione um arquivo válido'}}</span>

            <div class="files-list">
                <span ng-repeat="file in vm.shapeFiles">{{file.name}}</span>
            </div>

            <button ng-if="vm.shapeFiles.length === 2" class="btn-base btn-size-m btn-color-default btn-width-100"
            ng-click="vm.abrirModalImportarShapeFile(vm.shapeFiles)">Prosseguir</button>
        </fieldset>

        <fieldset class="field-criar-rota-manualmente" ng-class="">
            <p>ou</p>
            <button class="btn-base btn-size-m btn-style-ghost btn-width-100"
                    ng-click="vm.abrirModalCriarRotaManualmente()">
                Criar manualmente
            </button>
        </fieldset>
    </div>

    <footer class="modal-footer">
        <a href="#" class="link-cancel" ng-click="vm.fecharModalCriarRota()">
            <i class="icon-cross"></i> Cancelar
        </a>
    </footer>
</form>
