@extends('settings.master')
@section('title')
    <div class="col-lg-6">
        <h1>Saldo verlof / overuren</h1>
    </div>
    <div class="col-lg-6">
        <a href="/instellingen/balance/create" class="btn btn-primary pull-right" style="margin-top: 22px;">+ Nieuwe
            saldo verlof / overuren</a>
    </div>
@stop

@section('content1')
    <div class="col-lg-12">
        <br>
        <div class="col-md-3">
            <select name="year" class="selectpicker form-control" id="choseYear" data-live-search="true">
                @foreach($years as $year => $value)
                    @if($year == $chosenYear)
                        <option value="{{$year}}" selected>{{$year}}</option>
                    @else
                        <option value="{{$year}}">{{$year}}</option>
                    @endif
                @endforeach
            </select>
        </div>
        <br>
        <hr>
        @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
        @if ($absenceBalances->isEmpty())
            <div class="panel panel-default">
                Geen saldo verlof / overuren.
            </div>
        @else
            <div class="col-md-12">
                <div class="content">
                    <table class="table table-striped">
                        <thead>
                        <tr>
                            <th>Type</th>
                            <th>Werknemer</th>
                            <th>Balance</th>
                            <th>Jaar</th>
                            <th></th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($absenceBalances as $absenceBalance)
                            <tr style="display: table-row;">
                                <td>
                                    <a href="/instellingen/balance/{{$absenceBalance->id}}">{{$absenceBalance->AbsenceType->name}}</a>
                                </td>
                                <td>{{$absenceBalance->User->name}}</td>
                                <td>{{$absenceBalance->balance}}</td>
                                <td>{{$absenceBalance->year}}</td>
                                <td>
                                    <form action="/instellingen/balance/{{ $absenceBalance->id }}" method="POST" id="delete-form-absence-balance-{{ $absenceBalance->id }}">
                                        @csrf
                                        @method('DELETE')
                                        <div class="pull-right">
                                            {!! Btn::delete($absenceBalance->id, $name = "absence-balance") !!}
                                        </div>
                                    </form>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        @endif
    </div>

@stop
@section('script')
    <script type="text/javascript">
        $(document).ready(function () {

            //make new url by chosen project
            $("#choseYear").change(function () {
                window.location.replace("/instellingen/balance?year=" + $(this).val());
            });

        });
    </script>
@stop