@php
$values = $timesheetValues;
$userInfo = $userInfo;
$remainingHours = $remainingHours;
if ($remainingHours < 0) {
    $remainingHours = 0;
}
$currentPay = $userHours * $userInfo['wage'];
@endphp

        <div class="row">
            <div class="col-md-6">


                <h4 class="widgettitle title-light"><span class="fa fa-clock-o"></span>{!! __('headline.add_time_entry', false) !!}</h4>
                <br />

                <form method="post" action="{{ BASE_URL }}/tickets/showTicket/{{ $ticket->id }}#timesheet" class="formModal">

                    <label for="kind">{!! __('label.timesheet_kind') !!}</label>
                    <span class="field">
                    <select id="kind" name="kind">
                    @foreach ($kind as $key => $row)
                        <option value="{{ $key }}"
                            @if ($row == $values['kind']) selected="selected" @endif
                        >{!! __(strtolower($row)) !!}</option>
                    @endforeach
                    </select>
                    </span>

                    <label for="timesheetdate">{!! __('label.date') !!}:</label>
                    <input type="text" id="timesheetdate" name="date" class="dates" value="{{ format($values['date'])->date() }}" /><br/>

                    <label for="hours">{!! __('label.hours') !!}</label>
                    <span class="field">
                        <input type="text" id="hours" name="hours" value="{{ $values['hours'] }}" size="7" class="input-small" />
                    </span>
                    <label for="description">{!! __('label.description') !!}</label>
                    <span class="field">
                        <textarea rows="5" cols="50" id="description" name="description">{{ $values['description'] }}</textarea><br />
                    </span>
                    <input type="hidden" name="saveTimes" value="1" />
                    <input type="submit" value="{{ __('buttons.save') }}" name="saveTimes" class="button" />

                </form>

            </div>
            <div class="col-md-6">
                <h4 class="widgettitle title-light"><span class="fa fa-bar-chart"></span>{!! __('subtitles.logged_hours_chart') !!}</h4>

                <br />
                <canvas id="canvas"></canvas>
                <p><br />
                    {!! __('label.planned_hours') !!}: {{ $ticket->planHours }}<br />
                    {!! __('label.booked_hours') !!}: {{ $timesheetsAllHours }}<br />
                    {!! __('label.actual_hours_remaining') !!}: {{ $remainingHours }}<br />
                </p>
            </div>
        </div>

<script type="text/javascript">

    jQuery(document).ready(function($) {

        var d2 = [];
        var d3 = [];
        var labels = [];
        @php
        $sum = 0;
        foreach ($ticketHours as $hours) {
            $sum = $sum + $hours['summe'];
            try {
                echo "labels.push('" . dtHelper()->parseDbDateTime($hours['utc'])->setToUserTimezone()->format('Y-m-d') . "');\n";
                echo "d2.push(" . $sum . ");\n";
                echo "d3.push(" . $ticket->planHours . ");\n";
            } catch (\Exception $e) {
                // not much we can do at this point. Ignore the datapoint
            }
        }
        @endphp

        leantime.ticketsController.initTimeSheetChart(labels, d2, d3, "canvas")

    });

</script>