<div class="content-wrapper">
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="text-olive">
                        <go-back/>
                        <i class="fas fa-book"></i> {{createButton.heading}}
                    </h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a ng-href="{{baseurl}}/dashboard">Home</a></li>
                        <li class="breadcrumb-item"><a href="{{baseurl}}/manpowerplanningdiscussions/list">ManPowerPlanningDiscussions</a></li>
                        <li class="breadcrumb-item active">{{createButton.heading}}</li>
                    </ol>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </section>

    <!-- Main content -->
    <section class="container-fluid">
        <div class="row">
            <div class="col-sm-12">
                <div class="row mt-1">
                    <div class="col-sm-2">
                        <label>Meeting Date </label>
                        <input type=text date-picker
                               placeholder='Date (DD-MM-YYYY)'
                               dateformat='dd-mm-yy'
                               maxlength="10"
                               ng-required='true'
                               class='form-control'
                               ng-model='manPowerPlanningDiscussionsAdd.meeting_date'/></div>
                    <div class="col-sm-4"><label>Notes</label><textarea class="form-control" required ng-model="manPowerPlanningDiscussionsAdd.meeting_notes" placeholder="Meeting Notes" rows="2" maxlength="1000"></textarea></div>
                    <div class="col-sm-4"><label>Attendees</label><textarea class="form-control" required ng-model="manPowerPlanningDiscussionsAdd.meeting_attendees" placeholder="Meeting Attendees" rows="2" maxlength="1000"></textarea></div>
                    <div class="col-sm-2"><label>Attach File</label><input type="file" file-model="manPowerPlanningDiscussionsAdd.meeting_attachment" required="required" class="form-control fileinput"></div>
                </div>
                <div class="col-sm-12">
                    <button type="submit" ng-click="Save()" class="btn btn-success float-right">
                        <i class="fas {{createButton.icon}}"></i> {{createButton.text}}
                    </button>
                </div>
            </div>
    </section>
    <div class="modal fade" id="modal-view_diary">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body">
                    <p>You are being redirected to View Diary Page!</p>
                </div>
                <div class="modal-footer justify-content-between">
                    <button type="button" class="btn btn-default btn-xs" data-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-primary btn-xs" data-dismiss="modal" ng-click="goToSelf('myDiaryList')">Proceed</button>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="modal-cancel">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body">
                    <p>Please Note: No data would be saved and you will be redirected to View Diary Page.</p>
                </div>
                <div class="modal-footer justify-content-between">
                    <button type="button" class="btn btn-default btn-xs" data-dismiss="modal">Cancel</button>
                    <button type="button" class="btn btn-primary btn-xs" data-dismiss="modal" ng-click="goToSelf('myDiaryList')">Proceed</button>
                </div>
            </div>
        </div>
    </div>
</div>
