<div id="installation-scheduler-container" ng-controller="installationSchedulerCtrl" ng-init="getInstallationDetails()">
    <div ng-if="isInstallationInOrder" class="col-md-5 outside-process-steps">
        <h3 class="additional-procurement-header">{{'orders.headers.INSTALLATION_SCHEDULING' | translate}}</h3>
        <hr />
        <fieldset ng-disabled="isInstallationSchedulingDisabled()" class="set-installation-dates">
            <div class="choose-installation-layer row">
                <div class="col-md-12" ng-if="isInstallationSet">
                    <label class="col-md-5">{{'orders.tables.extra.INSTALLATION_COMPANY' | translate}}:</label>
                    {{installationCompany.name}}
                </div>
                <div class="col-md-12" ng-if="!isInstallationSet">
                    <label class="col-md-5">{{'orders.tables.extra.INSTALLATION_COMPANY_NOT_CHOSEN' | translate}}:</label>
                </div>
            </div>

            <?php
                require_once('DisplayEarliestInstallationDate.html');
             ?>

             <div id="propose-installation-dates" class="row">
                <?php
                    require('InstallationSchedulingDatesTemplate.html');
                 ?>
            </div>

            <div id="installation-files-container" class="uploaded-documents col-md-12" ng-if="installationDocuments">
                <h3 class="additional-procurement-header col-md-12">{{'orders.messages.INSTALLATION_PROTOCOL' | translate}}</h3>
                <div class="installation-protocol-doc col-md-12" ng-repeat="document in installationDocuments">
                    <a href="utils/api/downloadFile?idDocument={{document.idDocument}}&fileName={{document.documentName}}.{{document.extension}}&fileType=installationProtocol">
                        {{document.documentName}}.{{document.extension}}
                    </a>
                </div>
            </div>
        </fieldset>
    </div>
</div>
