@section('stylesheets')
    <link rel="stylesheet" href="{{asset('css/general-inner.css')}}"/>
    <link rel="stylesheet" href="{{asset('css/edit.css')}}"/>
    <link rel="stylesheet" href="{{asset('css/general-modal.css')}}"/>
    <link rel="stylesheet" href="{{asset('css/index.css')}}"/>
@endsection
@include('_old.superadmin.modals.upload-excel')
<div class="list-box col">
    <div class="list-box--inner">
        <div class="list-box--inner---list">
            <div class="main-info-container">
                <div class="row main-info-container--header-row">
                    <p class="number">No</p>
                    <p class="first-name">firstname</p>
                    <p class="last-name">lastname</p>
                    <p class="email">email</p>
                    <p class="action">Action</p>
                </div>
                @foreach ($users as $user)
                    <div class=" row main-info-container--row">
                        <p class="number"><span>{{ $user->id }}</span></p>
                        <p class="first-name">{{ $user->firstname }}</p>
                        <p class="last-name">{{ $user->lastname }}</p>
                        <p class="email">{{ $user->email }}</p>
                        <div class="action form">
                            <div class="action-more">
                                <div class="dropdown1">
                                    <img class="dropbtn1 action-more menu-dots" src="{{asset('images/menu.svg')}}">
                                    <div id="myDropdown1" class="dropdown1-content">
                                        @if($user->firstname != "Admin")
                                            <a class="" href="{{route('user.edit',['user' => $user])}}">Edit</a>
                                        @endif
                                        <!-- <a class="" href="{{route('users.roles',['user'=> $user])}}">Roles</a> -->
                                        <a class="" href="#" data-bs-toggle="modal"
                                           data-bs-target="#egovNot--{{$user->id}}" title="Show Otp">Send eGov
                                            Notification</a>
                                        @if($user->otp && $user->hasActiveOtp())
                                            <a href="#" class="" data-bs-toggle="modal"
                                               data-bs-target="#sendOTP--{{$user->id}}" title="Show Otp">Show OTP</a>
                                        @elseif($user->otp && !$user->hasActiveOtp())
                                            <a href="#" class="" data-bs-toggle="modal"
                                               data-bs-target="#editOtp--{{$user->id}}" title="Regenerate Otp">Regenerate
                                                OTP</a>
                                        @else
                                            <a href="#" class="" data-bs-toggle="modal"
                                               data-bs-target="#createOTP--{{$user->id}}"
                                               title="Create One time password"> Create OTP</a>
                                        @endif
                                        @if($user->link and $user->invitationLinkIsValid())
                                            <a href="#" class="" data-bs-toggle="modal"
                                               data-bs-target="#sendInvitation--{{$user->id}}" title="Send Custom Mail">Send
                                                Invitation</a>
                                        @endif
                                        @if(!$user->link or !$user->invitationLinkIsValid())
                                            <a href="#" class="" data-bs-toggle="modal"
                                               data-bs-target="#generateLink--{{$user->id}}" title="Generate Link">Generate
                                                Link</a>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    @include('_old.superadmin.modals.egov_notification')
                    @include('_old.superadmin.modals.send-otp')
                    @include('_old.superadmin.modals.create-otp')
                    @include('_old.superadmin.modals.create-otp')
                    @include('_old.superadmin.modals.invitation-mail',['user' => $user])
                    @include('_old.superadmin.modals.generate-link',['user' => $user])
                @endforeach
            </div>
        </div>
    </div>

    <div class="pagination-wrapper">
        {{ $users->links() }}
    </div>
</div>
@section('javascripts')
    <script>
        window.onclick = function (event) {
            if (event.target.matches('.dropbtn1')) {
                var dropbuttons = document.getElementsByClassName("dropbtn1");
                for (var i = 0; i < dropbuttons.length; i++) {
                    var openDropdown = dropbuttons[i];
                    if (openDropdown.classList.contains('dshow') && !event.target.classList.contains('dshow')) {
                        openDropdown.classList.remove('dshow');
                    }
                }
                event.target.classList.toggle("dshow");
            }
            if (!event.target.matches('.dropbtn1')) {
                var dropbuttons = document.getElementsByClassName("dropbtn1");
                for (var i = 0; i < dropbuttons.length; i++) {
                    var openDropdown = dropbuttons[i];
                    if (openDropdown.classList.contains('dshow') && !event.target.classList.contains('dshow')) {
                        openDropdown.classList.remove('dshow');
                    }
                }
            }

        }
    </script>
@endsection