<ul id="timeSheetExtra-tabs" class="nav nav-tabs">
    <li class="active">
        <a href="#timeSheetExtra-data" data-toggle="tab">Extra</a>
    </li>
    <li class="">
        <a href="#timeSheetExtra-file" data-toggle="tab">File</a>
    </li>
</ul>

<div class="tab-content tab-content-bordered no-padding">
    <div class="tab-pane fade active in" id="timeSheetExtra-data">
        <div class="form-horizontal panel-body">
            <div class="col-md-12 no-border">
                <div class="row form-group">
                    <label class="col-md-4 control-label">Date:</label>

                    <div class="col-md-8">
                        <select id="updateTimeSheetId" name="timeSheetId" class="form-control">
                            <option></option>
                            <?php foreach($timeSheetIds as $timeSheetId): ?>
                                <option value="<?php echo e($timeSheetId['id']); ?>" <?php echo e($timeSheetExtra['time_sheet_id']==$timeSheetId['id']?'selected':''); ?>><?php echo e(date('d/m/Y', strtotime($timeSheetId['timeSheetDate']))); ?></option>
                            <?php endforeach; ?>
                        </select>
                    </div>
                </div>

                <div class="row form-group">
                    <label class="col-md-4 control-label">Job:</label>

                    <div class="col-md-8">
                        <select id="updateTimeSheetExtraJobId" name="jobId" class="form-control">
                            <option></option>
                            <?php foreach($jobs as $job): ?>
                                <option value="<?php echo e($job['job_id']); ?>" <?php echo e($timeSheetExtra['jobId']==$job['job_id']?'selected':''); ?>><?php echo e($job['job_id']); ?></option>
                            <?php endforeach; ?>
                        </select>
                    </div>
                </div>

                <div class="row form-group">
                    <label class="col-md-4 control-label">Title:</label>

                    <div class="col-md-8">
                        <input type="text" class="form-control" id="updateTimeSheetExtraName"
                               value="<?php echo e($timeSheetExtra['name']); ?>"/>
                    </div>
                </div>

                <div class="row form-group">
                    <label class="col-md-4 control-label">Type:</label>

                    <div class="col-md-8">
                        <select id="updateTimeSheetExtraPriceType" name="discipline" class="form-control">
                            <option value="money" <?php echo e($timeSheetExtra['priceType']=='money'?'selected':''); ?>>Money</option>
                            <option value="standardHour" <?php echo e($timeSheetExtra['priceType']=='standardHour'?'selected':''); ?>>
                                Standard Hours
                            </option>
                            <option value="overtimeHour15" <?php echo e($timeSheetExtra['priceType']=='overtimeHour15'?'selected':''); ?>>
                                Overtime Hours 1.5
                            </option>
                            <option value="overtimeHour20" <?php echo e($timeSheetExtra['priceType']=='overtimeHour20'?'selected':''); ?>>
                                Overtime Hours 2.0
                            </option>
                        </select>
                    </div>
                </div>

                <div class="row form-group">
                    <label class="col-md-4 control-label">Amount(&pound;):</label>

                    <div class="col-md-8">
                        <input type="text" class="form-control" id="updateTimeSheetExtraValue"
                               value="<?php echo e($timeSheetExtra['value']); ?>"/>
                    </div>
                </div>

                <div class="row form-group">
                    <label class="col-md-4 control-label">Description:</label>

                    <div class="col-md-8">
                        <textarea class="form-control" id="updateTimeSheetExtraDescription"
                                  value="<?php echo e($timeSheetExtra['description']); ?>"><?php echo e($timeSheetExtra['description']); ?></textarea>
                    </div>
                </div>

                <div class="row form-group">
                    <label class="col-md-4 control-label">Authorised by:</label>

                    <div class="col-md-8">
                        <select id="updateTimeSheetExtraAuthorisedBy" name="jobId" class="form-control">
                            <option></option>
                            <?php foreach($users as $user): ?>
                                <option value="<?php echo e($user['name']); ?>" <?php echo e($timeSheetExtra['authorisedBy']==$user['name']?'selected':''); ?>><?php echo e($user['name']); ?></option>
                            <?php endforeach; ?>
                        </select>
                    </div>
                </div>

                <div class="row form-group">
                    <label class="col-md-4 control-label"></label>

                    <div class="col-md-8 text-right">
                        <a class="btn btn-primary" onclick="updateTimeSheetExtra()"><i class="fa fa-edit"></i>
                            Update</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="tab-pane" id="timeSheetExtra-file">
        <iframe id="timeSheetExtraFile" class="no-border" style="width:100%; height:382px" src="<?php echo e(url('filesys'.'?cd=/'.'&homeRepo='.$urlPath)); ?>"/>
    </div>
</div>

<script type="text/javascript">
    var updateTimeSheetExtra = function () {
        var updateTimeSheetExtraUrl = '<?php echo e(URL::action("TimeSheetController@updateTimeSheetExtra")); ?>';
        loadingOverlay();
        $.post(updateTimeSheetExtraUrl, {
            timeSheetId: $('#updateTimeSheetId').val(),
            jobId: $('#updateTimeSheetExtraJobId').val(),
            name: $('#updateTimeSheetExtraName').val(),
            description: $('#updateTimeSheetExtraDescription').val(),
            priceType: $('#updateTimeSheetExtraPriceType').val(),
            value: $('#updateTimeSheetExtraValue').val(),
            authorisedBy: $('#updateTimeSheetExtraAuthorisedBy').val(),
            calculateType: '<?php echo e($calculateType); ?>',
            timeSheetExtraId: '<?php echo e($timeSheetExtra['id']); ?>',
            _token: '<?php echo e(csrf_token()); ?>'
        }).done(function (data) {
            loadingRemove();
            generateTimeSheetExtrasAddOns();
            generateTimeSheetExtrasDeductions();
            generateTimeSheetSummary();
            new PNotify({
                title: 'Time sheet extra updated successfully!',
                text: '',
                type: 'success',
                icon: 'fa fa-info-circle'
            });
            $('#timeSheetExtraEditPanel').modal('hide');
        }).fail(function (data) {
            loadingRemove();
            new PNotify({
                title: 'Time sheet extra updated failed.',
                text: 'Please retry...',
                type: 'error',
                icon: 'fa fa-times-circle-o'
            });
        });
    };
</script>