@extends('app')

@section('content')

    <div class="container">
        <div class="row">
            @if (\Session::has('message'))
                @if(!empty(Session::get('message')['url']))
                    <div class="alert alert-info">
                        {{ Session::get('message')['message'] }}
                        <a class="pull-right btn btn-default" href="{{ Session::get('message')['url'] }}"
                           style="margin-top: -7px">Herstel</a>
                    </div>
                @else
                    <div class="alert alert-info">{{ Session::get('message') }}</div>
                @endif
            @endif
            <div class="panel panel-default">
                <div class="panel-body">
                    <div class="col-md-12">
                        <div class="col-lg-9">
                            <h1>{{$absenceType->name}}</h1>
                        </div>

                        <div class="col-lg-12">
                            <hr>
                            <div class="col-md-3">
                                <label>Begin datum</label>
                                <input type="text" id="datepicker" name="begin"
                                       value="{{ !empty($begin) ? $begin : ""}}" class="form-control beginDate">
                            </div>
                            <div class="col-md-3">
                                <label>Eind datum</label>
                                <input type="text" id="datepicker2" name="end" value="{{ !empty($end) ? $end : ""}}"
                                       class="form-control endDate">
                            </div>
                            <div class="col-md-3" style="margin-top: 27px;">
                                <select name="projectWorker" id="projectWorker" class="form-control selectpicker"
                                        data-live-search="true" title="Kies een projectlid">
                                    @if(!empty($user))
                                        <option value="{{$user}}" selected>{{$user}}</option>
                                        @foreach($users as $absenceUser)
                                            @if($absenceUser->name != $user)
                                                <option value="{{$absenceUser->name}}">{{$absenceUser->name}}</option>
                                            @endif
                                        @endforeach
                                    @else
                                        <option value="{{\Auth::user()->name}}"
                                                selected>{{\Auth::user()->name}}</option>
                                        @foreach($users as $user)
                                            @if($user->id != \Auth::id())
                                                <option value="{{$user->name}}">{{$user->name}}</option>
                                            @endif
                                        @endforeach
                                    @endif
                                    @if($user != "all")
                                        <option value="all">all</option>
                                    @endif
                                </select>
                            </div>
                            <div class="col-md-1">
                                {{--url() helper function now returns a Illuminate\Routing\UrlGenerator--}}
                                <a href="{{\Request::url()}}" class="btn btn-primary"
                                   style="margin-top: 27px; margin-left: 10px;">Reset alles</a>
                            </div>
                            <div class="col-md-2">
                                <a href="{{route('excelAbsence', ['absence' => $absenceType->id, 'begin' => request('begin'), 'end' => request('end'), 'user' => request('user')])}}"
                                   class="pull-right excelExport" style="margin-top: 32px;"><img
                                            src="/images/excel.png"> Download Excel</a>
                            </div>
                        </div>

                        <div class="col-lg-12">
                            <br>
                            <hr>
                        </div>
                        <div class="project-details">
                            <ul class="nav-justified">
                                <li>
                                    <label>Aantal geschreven</label>
                                    <h4>{{$absenceTotal['sumValue']}} uur</h4>
                                </li>
                                <li>
                                    <label>Max</label>
                                    <h4>
                                        {{!empty($absenceTotal['balance']) ? $absenceTotal['balance'] : "geen balans"}}
                                    </h4>
                                </li>
                                <li></li>
                                <li></li>
                            </ul>
                        </div>
                        <div class="col-md-12">
                            <div class="progress">
                                @if(!empty($absenceTotal['balance']))
                                    <div class="progress-bar
                                @if($absenceTotal['sumValue'] > $absenceTotal['balance'])
                                            progress-bar-danger
                                        @else
                                            progress-bar-success
                                        @endif" role="progressbar"
                                         style="width: {{$absenceTotal['balance'] == 0 ? 0 : 100 / $absenceTotal['balance'] * $absenceTotal['sumValue']}}%">
                                        {{$absenceTotal['sumValue']}} / {{$absenceTotal['balance']}}
                                    </div>
                                @else
                                    <div class="progress-bar progress-bar-warning progress-bar-striped"
                                         style="width: 100%">
                                        Geen balans
                                    </div>
                                @endif
                            </div>
                        </div>
                        <div class="col-md-12">
                            <hr>
                            <br>
                            <br>
                            <div class="col-lg-12">
                                <div class="col-lg-6">
                                    <h3>Uren</h3>
                                </div>
                            </div>


                            <table class="table table-striped">
                                <thead>
                                <tr>
                                    <th></th>
                                    <th>Gebruiker</th>
                                    <th>Aantal</th>
                                    <th>Taak</th>
                                    <th>Omschrijving</th>
                                    <th>Datum</th>
                                    <th>Betaald</th>
                                    <th></th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($absenceType->Absences as $absence)
                                    <tr style="display: table-row;">
                                        <td>
                                            @if(empty($absence->locked_at) || Auth::user()->can('lock_absences'))
                                                {!! Btn::editAbsence($absence, $name = $absenceType->name) !!}
                                            @endif
                                        </td>
                                        <td>{{$absence->User->name}}</td>
                                        <td>{{$absence->value}} uur</td>
                                        <td>{{$absence->AbsenceType->name}}</td>
                                        <td>{{$absence->description}}</td>
                                        <td>{{\Carbon\Carbon::parse($absence->date)->format('d-m-Y')}}</td>
                                        <td>{{$absence->payed == 1 ? "ja" : "nee"}}</td>
                                        <td>
                                            @if(!empty($absence->locked_at))
                                                <span class="glyphicon glyphicon-lock" data-toggle="tooltip"
                                                      title="Locked"></span>
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                @if(count($errors))
                    @foreach($errors->all() as $error)
                        <div class="alert alert-danger" role="alert">{{$error}}</div>
                    @endforeach
                @endif
            </div>
        </div>
    </div>
@stop
@section('script')
    <script src="{{ asset('js/createFilterParams.js') }}"></script>
@stop