<div class="budgetModalContainer" style="display:none">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                    aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="gridSystemModalLabel">Instellen van budgetten</h4>
    </div>
    <div class="modal-body">
        <div class="col-lg-12 row">
            <div class="col-md-4"><label>Naam deelproject</label></div>
            <div class="col-md-2"><label>Budget</label></div>
            <div class="col-md-2"><label>Uurprijs</label></div>
            <div class="col-md-2"><label>Facturabel?</label></div>
            <div class="col-md-1"><label> </label></div>
        </div>

        <div class="col-lg-12"><br></div>
        <div class="col-lg-12" id="budgetContent">
            @if(!empty($outputBudgetSetting))
                {!! $outputBudgetSetting !!}
            @endif
        </div>
        <div class="col-lg-12" id="newBudgetContent">
            @if(!empty($outputNewBudgetSetting))
                {!! $outputNewBudgetSetting !!}
            @endif
        </div>

        <div class="col-lg-12">
            <div class="col-md-3"></div>
            <div class="col-md-1">Totaal:</div>
            <div class="col-md-6"><span class="budgetTotal">0</span></div>
        </div>
        <div class="form-group row"></div>
        <div class="form-group row">
            <hr>
            <div class="col-md-4 control-label">Voeg een nieuw deelproject toe</div>
            <div class="col-md-6">
                <select class="form-control selectpicker" name="addSubprojectTemplate" id="selectNewSubproject" data-live-search="true">
                    @if(!empty($outputSelectBudgetSetting))
                        {!! $outputSelectBudgetSetting !!}
                    @endif
                </select>
            </div>
            <div class="col-md-2">
                {{--<a id="addNewSubprojectTemplate" class="btn btn-default">+ toevoegen</a>--}}
            </div>
        </div>
        <div class="form-group row">
            <br>
            <div class="col-md-4 control-label">Voeg een nieuw <b>custom</b> deelproject toe</div>
            <div class="col-md-6">
                <input type="text" name="CustomSubprojectName" id="CustomSubprojectName" class="form-control" placeholder="Naam deelproject">
            </div>
            <div class="col-md-2">
                <a id="addNewCustomSubproject" class="btn btn-default">+ toevoegen</a>
            </div>
        </div>
    </div>
    <div class="error-container"></div>
    <div class="modal-footer">
        <button type="button" form="projectForm" class="btn btn-primary pull-left" onclick="showCreateProject();">Terug</button>
        <button type="button" form="projectForm" class="btn btn-default" data-dismiss="modal">Annuleren</button>
        <button type="submit" form="projectForm" class="btn btn-primary">Maak project</button>
    </div>
</div>