@extends('admin.layouts.admin-master')
@section('page-title')
    {{__('Trashed Users Manage')}}
@endsection
@section('content')
    <div class="dashboard__inner__item dashboard__card bg__white padding-20 radius-10 margin-30">
        <div class="dashboard__card__header d-flex justify-content-between">
            <h4 class="dashboard__card__header__title">Trashed Users Manage</h4>
        </div>
        <div class="mt-4 mb-4">
            <x-admin.flash-msg.error/>
            <x-admin.flash-msg.msg/>
        </div>
        <div class="tableStyle_one mt-4">
            <div class="table_wrapper">
                <table>
                    <thead>
                    <tr>
                        <th>ID</th>
                        <th>Name</th>
                        <th>Email</th>
                        <th>WorkSpace</th>
                        <th>Action</th>
                    </tr>
                    </thead>
                    <tbody>
                    @forelse($all_users as $data)
                        <tr>
                            <td>{{$data->id}}</td>
                            <td>{{$data->first_name}} {{$data->last_name}}</td>
                            <td>{{$data->email}}</td>
                            <td>
                                @if(!empty($data->workspace?->url))
                                    {{$data->workspace?->url. '.taskip.app'}}
                                @endif
                            </td>
                            <td>
                                <div class="dropdown custom__dropdown">
                                    <button class="dropdown-toggle" type="button" id="dropdownMenuButton1"
                                            data-bs-toggle="dropdown" aria-expanded="false">
                                        <i class="las la-ellipsis-h"></i>
                                    </button>
                                    <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdownMenuButton1">
                                        <li><a
                                                role="button"
                                                class="dropdown-item restore_user"
                                                data-user="{{$data->id}}"
                                            >
                                                Restore
                                            </a>
                                        </li>
                                        <li>
                                            <x-admin.delete-popover url="{{route('users.destroy.force',$data->id)}}"/>
                                        </li>
                                    </ul>
                                </div>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="5">not data found</td>
                        </tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
            <div class="text-center mt-4">{!! $all_users->links() !!}</div>
        </div>
    </div>

@endsection
@section('scripts')
    <script>
        (function ($) {
            "use strict";
            //work for onclick warning and ajax call

            $(document).on('click', '.restore_user', function (e) {
                e.preventDefault;
                const el = $(this);
                const user_id = el.data('user');
                Swal.fire({
                    title: '{{__("Are you sure?")}}',
                    text: '{{__("You would able to revert this item!")}}',
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: "{{__('Yes, Restore!')}}",
                    cancelButtonText: "{{__('Cancel')}}"
                }).then((result) => {
                    if (result.isConfirmed) {
                        $.ajax({
                            url: `{{route('users.restore')}}`,
                            method: "POST",
                            data: {
                                _token: `{{csrf_token()}}`,
                                user_id: user_id
                            },
                            success: function (data) {
                                toastr[data.type](data.msg);
                                window.location.reload();
                            },
                            error: function (error) {
                                toastr['error'](error.msg);
                            }
                        })
                    }
                });
            });


        })(jQuery);
    </script>
@endsection