<div class="container" ng-app="RenewalApp" ng-controller="AddTempContractsController as ctrl" ng-init="ctrl.Init()" ng-cloak>
    <div class="row justify-content-center">
        <div class="col-12 col-md-8 col-lg-6 text-center">
            <h2 class="text-center">@Html.Raw(L(ResourceKeys.Renewal.AddTempContracts.Title))</h2>
            <p class="lead">@Html.Raw(L(ResourceKeys.Renewal.AddTempContracts.Description))</p>
            <div class="form-group" ng-repeat="contract in ctrl.model.ContractList">
                <div class="custom-control custom-checkbox py-0">
                    <input name="AddContract" type="checkbox" class="custom-control-input" id="add-contract-{{contract.Id}}"
                           ng-model="contract.selected" ng-value="true">
                    <label class="custom-control-label" for="add-contract-{{contract.Id}}">
                        {{contract.ContractInfo}}
                    </label>
                </div>
            </div>
        </div>
    </div>

    <fieldset class="form-fieldset">
        <div class="btn-group-spaced justify-content-center">
            <button class="btn btn-primary w-100 w-sm-auto" type="submit" ng-disabled="ctrl.loading" ng-click="ctrl.Submit()">
                @Html.Raw(L(ResourceKeys.Renewal.AddTempContracts.Submit))
            </button>
        </div>
    </fieldset>
</div>