<div id="timesheetData">
    <div class="panel-body">
        <div class="form-group">
            <?php /*<div class="col-md-12 text-left">*/ ?>
            <?php /*<label class="control-label">Note:</label>*/ ?>
            <?php /*</div>*/ ?>

            <div class="col-md-12">
                <select class="form-control" id="timeSheetStatus" name="timeSheetStatus">
                    <?php foreach($timeSheetStatuses as $status): ?>
                        <option <?php echo e($timeSheet->status == $status ? 'selected' : ''); ?> value="<?php echo e($status); ?>"><?php echo e(ucwords($status)); ?></option>
                    <?php endforeach; ?>
                </select>
            </div>

            <br>
            <br>

            <div class="col-md-12">
                <textarea class="form-control" placeholder="Description" rows="5" id="timeSheetDescription" name="timeSheetDescription"><?php echo e($timeSheet['description']); ?></textarea>
            </div>
        </div>
        <div class="form-group">
            <div class="col-md-12 text-right control-label">
                <a class=" btn btn-primary" onclick="javascript:updateTimeSheetDescription()">Update</a>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    $("#timeSheetStatus").change(function(data){
        if ($(this).val() == 'authorised' || $(this).val() == 'locked') {
            $('#passcode').val('');

            $('#timeSheetDescriptionPanel').modal('hide');
            validatePassCode(function(){
                $('#timeSheetDescriptionPanel').modal('show');
            });
        }
    });

    function updateTimeSheetDescription() {
        loadingOverlay();
        $.post('<?php echo e(URL::action("TimeSheetController@updateTimeSheetDescription")); ?>', {
            timeSheetId: '<?php echo e($timeSheet["id"]); ?>',
            description: $('#timeSheetDescription').val(),
            status: $('#timeSheetStatus').val(),
            _token: '<?php echo e(csrf_token()); ?>'
        }).done(function (data) {
            loadingRemove();
            generateTimeSheetJobTable();
            generateTimeSheetTabs();
            $('#timeSheetDescriptionPanel').modal('hide');
            new PNotify({
                title: 'Success!',
                text: 'Update note successfully',
                type: 'success',
                icon: 'fa fa-check'
            });
        }).fail(function (data) {
            loadingRemove();
            new PNotify({
                title: 'Fail',
                text: 'Updating note failed',
                type: 'error',
                icon: 'fa fa-times'
            });
        });
    }
</script>

