<div class="form-horizontal">
    <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="addTimeSheetId" name="jobId" class="form-control">
                    <option></option>
                    <?php foreach($timeSheetIds as $timeSheetId): ?>
                        <option value="<?php echo e($timeSheetId['id']); ?>"><?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="addTimeSheetExtraJobId" name="jobId" class="form-control">
                    <option></option>
                    <?php foreach($jobs as $job): ?>
                        <option value="<?php echo e($job['job_id']); ?>"><?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="addTimeSheetExtraName"/>
            </div>
        </div>

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

            <div class="col-md-8">
                <select id="addTimeSheetExtraPriceType" name="discipline" class="form-control">
                    <option value="money">Money</option>
                    <option value="standardHour">Standard Hours</option>
                    <option value="overtimeHour15">Overtime Hours 1.5</option>
                    <option value="overtimeHour20">Overtime Hours 2.0</option>
                </select>
            </div>
        </div>

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

            <div class="col-md-8">
                <input type="text" class="form-control" id="addTimeSheetExtraValue"/>
            </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="addTimeSheetExtraDescription"></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="addTimeSheetExtraAuthorisedBy" name="jobId" class="form-control">
                    <option></option>
                    <?php foreach($users as $user): ?>
                        <option value="<?php echo e($user['name']); ?>"><?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="addTimeSheetExtra()"><i class="fa fa-plus"></i> Add</a>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    var addTimeSheetExtra = function () {
        var addTimeSheetExtraUrl = '<?php echo e(URL::action("TimeSheetController@addTimeSheetExtra")); ?>';
        loadingOverlay();
        $.post(addTimeSheetExtraUrl, {
            timeSheetId: $('#addTimeSheetId').val(),
            jobId: $('#addTimeSheetExtraJobId').val(),
            name: $('#addTimeSheetExtraName').val(),
            description: $('#addTimeSheetExtraDescription').val(),
            priceType: $('#addTimeSheetExtraPriceType').val(),
            value: $('#addTimeSheetExtraValue').val(),
            authorisedBy: $('#addTimeSheetExtraAuthorisedBy').val(),
            calculateType: '<?php echo e($calculateType); ?>',
            _token: '<?php echo e(csrf_token()); ?>'
        }).done(function (data) {
            loadingRemove();
            generateTimeSheetExtrasAddOns();
            generateTimeSheetExtrasDeductions();
            generateTimeSheetSummary();

            new PNotify({
                title: 'Time sheet extra added successfully!',
                text: '',
                type: 'success',
                icon: 'fa fa-info-circle'
            });
            $('#timeSheetExtraEditPanel').modal('hide');
        }).fail(function (data) {
            loadingRemove();
            new PNotify({
                title: 'Time sheet extra added failed.',
                text: 'Please retry...',
                type: 'error',
                icon: 'fa fa-times-circle-o'
            });
        });
    };
</script>