<div id="hourOverview" class="col-md-7">
    <div class="panel panel-default">
        <div class="panel-heading">
            <div class="row">
                <div class="col-md-8">
                    @if(\Carbon\Carbon::today()->format('d-m-Y') == $data->date)
                        <h5><span class="label label-default">Vandaag</span></h5>
                    @else
                        <a onclick="changeDate('{{\Carbon\Carbon::today()->format('d-m-Y')}}', 'day');" class="btn btn-default hrefAttribute">Vandaag</a>
                        {{--<a href="{{ route('hours',['project' => request('project'), 'subproject' => request('subproject'), 'hour' => request('hour'),'user' => request('user'), 'date' => \Carbon\Carbon::today()->format('d-m-Y')]) }}" class="btn btn-default hrefAttribute">Vandaag</a>--}}
                    @endif
                </div>
                @can('write_by_other_user')
                    <div class="col-md-4">
                        <select name="user" id="selectUser" class="form-control selectpicker" data-live-search="true"
                                title="Kies een gebruiker">
                            @foreach($data->users as $getUser)
                                @if($getUser->id != $data->user)
                                    <option value="{{$getUser->id}}">{{$getUser->name}}</option>
                                @else
                                    <option value="{{$getUser->id}}" selected>{{$getUser->name}}</option>
                                @endif
                            @endforeach
                        </select>
                    </div>
                @endcan
            </div>

        </div>
        <div class="panel-heading">
            <ul class="nav nav-pills">
                <li @if(empty($data->view) || $data->view == 'day')  class="active" @endif>
                    <a id="dayPill" href="#dag" data-toggle="tab" aria-expanded="false" onclick="setView('day');">Dag</a>
                </li>
                <li @if($data->view == 'week') class="active" @endif>
                    <a id="weekPill" href="#week" data-toggle="tab" aria-expanded="false" onclick="setView('week');">Week</a>
                </li>
                <li @if($data->view == 'month') class="active" @endif>
                    <a id="monthPill" href="#maand" data-toggle="tab" aria-expanded="true" onclick="setView('month');">Maand</a>
                </li>
                <li class="pull-right">
{{--                    {{dd($data->date,  \Carbon\Carbon::parse($data->date)->format('Y-m-d') )}}--}}
                    <input type="text" id="datepicker" name="date"
                           value="{{ $data->date ? \Carbon\Carbon::parse($data->date)->format('d-m-Y') : \Carbon\Carbon::today()->toDateString() }}"
                           class="form-control pull-right">
                </li>
            </ul>
        </div>
        <div class="panel-body">
            <div id="list_parent" class="tab-content">

                {{--dag--}}
                @include('partials.overviewElements.dayOverview',[
                    'date' => $data->date,
                    'getHour' => $getHour,
                    'sumHours' => $data->sumHours['sumTotal'],
                    'sumAbsenceHours' => $data->sumHours['sumAbsenceTotal'],
                    'sumFlexHours' => $data->sumHours['sumFlexTotal'],
                    'expenses' => $data->expenses,
                ])

                {{--Week--}}
                @include('partials.overviewElements.weekOverview',[
                    'date' => $data->date,
                ])

                {{--month--}}
                @include('partials.overviewElements.monthOverview',[
                    'date' => $data->date,
                ])
            </div>
        </div>
    </div>
</div>