@extends('layouts.main')

@section('stylesheets')
    <link rel="stylesheet" href="{{asset('css/general-inner.css')}}"/>
    <link rel="stylesheet" href="{{asset('css/index.css')}}"/>
    <link rel="stylesheet" href="{{asset('css/edit.css')}}"/>
    <link rel="stylesheet" href="{{asset('css/requests.css')}}"/>

    <link rel="stylesheet" href="{{asset('css/users.css')}}"/>
    <link rel="stylesheet" href="{{asset('css/activation-request-list.css')}}"/>
@endsection


@section('content')
    <div class="main-wrapper">
        <div id="requests">

            <div class="row justify-content-between Header mb-5">
                <div class="col-md-8  d-flex  justify-content-center justify-content-md-start Header-breadcrumbs">
                    <p class="Header-breadcrumbs--title">{{ Breadcrumbs::render('activationrequests') }}
                    </p>
                </div>
            </div>

            <div class="row form-inner-container">
                <div id="listDataContainer">
                    @forelse ($requests as $request)
                        <div class=" row main-info-container--row">
                            <p class="number"><span>{{ $request->id }}</span></p>
                            <p class="first-name">Αίτηση ενεργοποίησης για τον χρήστη με email {{ $request->user->email }}</p>
                            <div class="action form">
                                <div class="action-more">
                                    <a href="{{route('users.activation.request.edit',['userActivationRequest' => $request])}}" class="Header-buttons--button me-3">
                                        <p class="Header-buttons--button--text">Resolve Request</p>
                                        <img src="{{asset('images/plus.svg')}}" class="homeHeader-buttons--button--img">
                                    </a>
                                </div>
                            </div>
                        </div>
                    @empty
                    <div class="empty-msg-container"><p>Δεν υπάρχουν αιτήματα ενεργοποίησης.</p></div>
                    @endforelse
                </div>
            </div>
        </div>
    </div>

@endsection
@push('scripts-stack')

    <script src="{{asset('js/setAjaxFilters.js')}}"></script>
    <script defered>
        $s = jQuery.noConflict()
        $s(document).ready(function () {
            setAjaxFilters('{{route('users.list')}}','user-form');
        });
    </script>
@endpush