<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-warning">
                        <go-back/>
                        <i class="fas fa-comments "></i>Office Reopening Phase I booking for {{hero.emp_first_name+ ' ' +hero.emp_last_name}} ({{hero.emp_code}})
                    </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 active"><a ng-href="{{baseurl}}/heroes/view/{{hero.employeeid}}">{{hero.emp_first_name}}</a></li>
                        <li class="breadcrumb-item active">Office Reopening Booking</li>
                    </ol>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </section>
    <section class="content">
        <div class="row">
            <div class="col-md-12">
                <div class="row mt-1">
                    <div class="col-md-2">
                        <label>Booking Date *</label>
                        <input type=text date-picker
                               placeholder='Date (DD-MM-YYYY)'
                               dateformat='dd-mm-yy'
                               maxlength="10"
                               ng-required='true'
                               class='form-control'
                               beforeShowDate='mwf'
                               min-date="today"
                               ng-model='reopeningBooking.booking_date'/></div>
                    <div class="col-sm-4"><label>Provide Booking Reason *</label><textarea class="form-control" required ng-model="reopeningBooking.booking_info" placeholder="Booking Reason/info" rows="2"></textarea></div>
                    <div class="col-sm-4"><label>Name of Team Members(If Known)</label><textarea class="form-control" ng-model="reopeningBooking.booking_team_members" placeholder="Team Members" rows="2"></textarea></div>
                    <div class="col-sm-2">
                        <button type="submit" ng-click="Save()" class="btn btn-success mt-4">
                            <i class="fas {{createButton.icon}}"></i> {{createButton.text}}
                        </button>
                    </div>
                </div>
            </div>
            <div class="col-md-12">
                <div class="card card-warning card-outline">
                    <div class="card-header border-transparent">
                        <h3 class="card-title">My Booking History</h3>
                        <div class="card-tools">
                            <div class="btn-group">
                                <button type="button" title="Fullscreen Toggle" class="btn btn-dark toggle-fullscreen"><i class="fas fa-expand"></i></button>
                                <button type="button" class="btn btn-dark" data-widget="collapse"><i class="fas fa-minus"></i></button>
                            </div>
                        </div>
                    </div>
                    <div class="card-body p-0">
                        <div class="table table-responsive">
                            <table id="heroFeedbackList" class="table table-bordered table-striped manPowerPlanningDiscussionsList">
                                <thead>
                                <tr>
                                    <th>Booking Date</th>
                                    <th>Booking Reason</th>
                                    <th>Team Members</th>
                                    <!--<th>Comments</th>-->
                                    <th>Action</th>
                                    <!--<th data-toggle="tooltip" title="Hours Per/day" ><small>Billable / Non Billable</small> <i class="fas fa-question-circle"></i></th>-->
                                </tr>
                                </thead>
                                <tbody>
                                <tr ng-repeat="hf in heroFeedbackList | orderBy:'-feedback_date'">
                                    <!--<td><span>{"mydiaryid":"3","proj_id":"91","emp_id":"22","date":"2006-02-22 00:00:00+05:30","reference":"Dolor illum quos ea","description":"Eu quia dicta fugiat","logtype":"1","hours":82,"comments":"Accusamus non placea","status":"active"}	</span></td>-->
                                    <td>
                                        <div ng-bind="formatDate(hf.booking_date) | date:'dd MMM yyyy'"></div>
                                    </td>
                                    <td>
                                        <div>{{hf.booking_info | titlecase}}</div>
                                    </td>
                                    <td>
                                        <div>{{hf.booking_team_members | titlecase}}</div>
                                    </td>
                                    <td>
                                        <button class="btn btn-danger" ng-if="hf.booking_date > today" ng-click="openheroFeedbackDeleteDeleteModal(hf)" title="Withdraw" class="dropdown-item"><i class="fas fa-trash"></i></button>
                                    </td>
                                    <!--                            <td>-->
                                    <!--                                <button class="btn btn-danger" ng-click="openManPowerPlanningDiscussionsDeleteModal(d)" class="dropdown-item"><i class="fas fa-trash"></i></button>-->
                                    <!--                                &lt;!&ndash;<button ng-if="!d.isLocked" class="btn btn-success" ng-click="openEditMyDiaryEntry(d)"><i class="fas fa-pen"></i>Edit</button>-->
                                    <!--                                <button ng-if="myAccess.repeatDiary" class="btn btn-warning" ng-click="repeatDiaryCurrentWeek(d)" class="dropdown-item"><i class="fas fa-redo"></i> Repeat For Current Week</button>&ndash;&gt;-->
                                    <!--                            </td>-->
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>
<script type="text/ng-template" id="heroFeedbackDelete.html">
    <div class="">
        <div class="modal-header bg-gradient-gray-dark">
            <h4 class="modal-title" id="modal-titlee">Are you sure you want to to delete this row/entry?</strong></h4>
        </div>
        <div class="modal-footer bg-gradient-gray-dark">
            <button class="btn btn-default" type="button" ng-click="delHeroFeedback(data)">Proceed to Delete</button>
            <button class="btn btn-primary" type="button" ng-click="cancel()">Cancel</button>
        </div>
</script>
</div>
