@extends('layouts.'.env('THEME'))

@section('style')

<style>
.f07 {
    font-size: 0.7rem;
}
</style>

@endsection

@section('content')

<div class="container" id="main-container">

    <div class="row">
        <div class="col-12 my-3">
            <a href="/dashboard">
                <button type="button" class="btn btn-primary">
                    < Dashboard
                </button>
            </a>
        </div>
    </div>

    <x-section_heading
        title="Work log"
        rowclass="my-5"/>

    <div class="row">
        <div class="col-12 mb-3">
            <a href="/staff/worklog/create">
                <button type="button" class="btn btn-primary">
                    Add new
                </button>
            </a>
            @if(!empty(auth()->user()->staff))
                @if(empty(auth()->user()->staff->todaysWorklog()))
                    &nbsp; &larr; Please add an entry for today
                @endif
            @endif
            <br />
            <br />
            Show users
            <form action="{{ route('worklog')}}" method="GET" style="display: inline;"
                class="mt-3 ml-2">
                {{ csrf_field() }}
                {!! Form::select('user_filter', $user_filter, $default_user_filter,
                    ['id' => 'user_filter_select']) !!}
                <button class="btn btn-success f07" type="submit">
                    Filter
                </button>
            </form>

        </div>
    </div>


    <div class="row">
        <div class="col-12">
            <table class="table">
                <thead>
                    <tr>
                        @if($default_user_filter == 'all')
                            <th scope="col">Creator</th>
                        @endif
                        <th scope="col">Note</th>
                        <th scope="col">Start</th>
                        <th scope="col">End</th>
                        <th scope="col">Action</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($time_slots as $row)
                        <tr>
                        @if($default_user_filter == 'all')
                            <td>{{ $row->getCreator()->name }}</td>
                        @endif
                            <td>
                                @if(!empty($row->notes->first()))
                                    {{ $row->notes->first()->body }}
                                @endif
                            </td>
                            <td>{{ $row->start->format('j M y H:i') }}</td>
                            <td>
                                @if(empty($row->end))
                                    {!! link_to_route('worklog.edit', 'Complete',
                                        $parameters = [$row->id],
                                        $attributes = ['class' => 'btn btn-primary f07']) !!}
                                @else
                                    {{ $row->end->format('j M y H:i') }}
                                @endif
                            </td>
                            <td>
                                <div class="btn-group w-100 d-none d-md-inline-flex">
                                    {!! link_to_route('worklog.edit', 'Edit',
                                        $parameters = [$row->id],
                                        $attributes = ['class' => 'btn btn-primary f07']) !!}
                                    <form action="{{ route('worklog.destroy', $row->id)}}"
                                        onsubmit="return confirm('Delete forever?');"
                                        method="post">
                                        {{ csrf_field() }}
                                        <button class="btn btn-danger f07" type="submit">
                                            Delete
                                        </button>
                                    </form>
                                </div>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>


    {!! $time_slots->links('vendor.pagination.bootstrap-4') !!}

</div>
@endsection