<div id="order-projects-edit" class="row">
    <form class="col-md-6">
        <div class="form-group col-md-12">
            <label class="col-md-2" for="projectName">Project Name</label>
            <input class="col-md-4"
                type="text"
                class="form-control"
                id="projectName"
                placeholder="Project Name"
                ng-model="data.projectName"
                value="{{data.projectName}}"
                autofocus>
        </div>

        <div class="form-check col-md-12">
            <label class="col-md-2" for="projectName">Is Available</label>
            <div class="col-md-4">
                <input class="form-check-input"
                    type="radio" name="isAvailable"
                    id="isAvailable-yes"
                    ng-model="data.isAvailable"
                    value="1">
                <label class="form-check-label" for="isAvailable">Yes</label>

                <input class="form-check-input"
                    type="radio"
                    name="isAvailable"
                    id="isAvailable-no"
                    ng-model="data.isAvailable"
                    value="0">
                <label class="form-check-label" for="isAvailable">No</label>
            </div>
        </div>

        <div class="form-group col-md-12">
            <div class="col-md-12">
                <button ng-click="editOrderProject()" class="btn btn-primary">Edit Project</button>
            </div>
        </div>
    </form>
</div>
