@extends('layouts.app')
@section('title', 'Perk Applications')
@section('content')
<div class="container page-content">
    <div class="row page-col align-items-center">
        <div class="col-6">
            <h1 class="font-weight-bold typography-4 mb-0">All Perk Applications</h1>
        </div>
        <div class="col-6 text-end">
            <a class="btn btn-secondary btn-custom" href="{{ route('perk-application-index') }}" role="button">
                Back
            </a>
        </div>
    </div>
    <div class="row justify-content-center page-col">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <div class="row justify-content-between align-items-center">
                        <div class="col-12 col-md-8 text-start">
                            <h1 class="font-weight-semibold typography-2 mb-0">{{ __('Perk Applications') }}</h1>
                        </div>
                        @if ( Auth::user()->allowToViewAllPerks() && $filter_users )
                            <div class="col-12 col-md-4 text-end">
                                <select class="form-select select-search" onchange="window.location.href=this.options[this.selectedIndex].value;">
                                    <option value="{{ route('perk-application-show-all') }}">All</option>
                                    @foreach ($filter_users as $filter_user)
                                        <option value="{{ route('filter-user-perks', ['id'=>$filter_user->id]) }}"{{ ( Route::currentRouteName() == 'filter-user-perks' && $user->id == $filter_user->id ) ? ' selected' : '' }}>
                                                {{ $filter_user->getName() }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        @endif
                    </div>
                </div>
                <div class="card-body">
                    @include('public.table.perk-applications')
                </div>
            </div>
        </div>
    </div><!-- Leave Applications -->
</div>
@endsection