@section('title', __('site.page_chat_ban_title'))
@section('head')
 <link rel="stylesheet" href="/assets/js/plugins/sweetalert2/sweetalert2.min.css">
@endsection
@include('includes/header')
@include('includes/topSite')
<div class="content">

    <div class="row">
        <div class="col-12">
            <div class="d-flex flex-column flex-sm-row justify-content-sm-between align-items-sm-center py-2">
                <div class="flex-grow-1">
                    <h1 class="h3 fw-bold mb-2">
                        {{ __('site.page_chat_ban_h1') }}
                    </h1>
                </div>
                <nav class="flex-shrink-0 mt-3 mt-sm-0 ms-sm-3" aria-label="breadcrumb">
                    <ol class="breadcrumb breadcrumb-alt push mb-0">
                        <li class="breadcrumb-item">
                            <a href="{{ route('site.home.r') }}">{{ __('general.top_menu_item_site') }}</a>
                        </li>
                        <li class="breadcrumb-item">
                            <a href="javascript:void(0)">{{ __('site.menu_item_5') }}</a>
                        </li>
                        <li class="breadcrumb-item">
                            <a href="{{ route('site.chat.r') }}">{{ __('site.menu_item_5_sub_2') }}</a>
                        </li>
                        <li class="breadcrumb-item active" aria-current="page">{{ __('site.page_chat_ban_h1') }}</li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>


    <div class="row">
        <div class="col-md-12">
		
		@if (\Session::has('success'))
        <div class="alert alert-primary alert-icon alert-dismissible fade show" role="alert">
            <b>{!! \Session::get('success') !!}</b>
        </div>
        @php Session::forget('success'); @endphp
    @endif

            <div class="block block-rounded">
                <div class="block-content p-0">
                    @if($allBanned->count() == 0)
                        <div class="py-6 text-center"> <i class="fa fa-info-circle fa-3x d-block mb-2"></i>
                            <div class="fw-semibold">{{ __('site.page_chat_ban_norec') }}</div>
                            <a href="{{ route('site.chat.r') }}" class="btn btn-sm btn-primary mt-2"><i class="fa fa-angle-left me-1"></i> {{ __('site.page_chat_ban_btn_back') }}</a>
                        </div>
                    @else
                        <div class="p-2 mb-0"><div class="alert alert-warning mb-0">{{ __('site.page_chat_ban_msg') }}</div></div>
                        <table class="table table-hover table-sm table-vcenter mb-3">
                            <thead>
                            <tr>
                                <th class="ps-2" style="width: 40%;">{{ __('site.page_chat_ban_table_1') }}</th>
                                <!--th class="text-center" style="width: 15%;">{{ __('site.page_chat_ban_table_2') }}</th>
                                <th class="text-center" style="width: 15%;">{{ __('site.page_chat_ban_table_3') }}</th-->
                                <th class="text-center" style="width: 15%;">{{ __('site.page_chat_ban_table_4') }}</th>
                                <th class="text-center" style="width: 100px;">&nbsp;</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($allBanned as $ban)
                                <tr>
                                    <td class="text-start ps-2 fs-sm">
                                        {{ $ban->user_id }}
                                    </td>
                                    <td class="text-center fs-sm">
                                        {{ date('d/m/Y H:i',strtotime($ban->banned_at)) }} ({{ time_ago($ban->banned_at) }})
                                    </td>
                                    <td class="text-end pe-2">
										<button type="button" class="btn btn-sm btn-danger rmBan" id="{{ $ban->id }}">
                                        <i class="fa fa-fw fa-times"></i>
                                    </button>
										<form id="form_delete_{{ $ban->id }}" action="{{ route('site.chat.d.do',$ban->id) }}" method="POST"><input type="hidden" name="_method" value="DELETE"></form>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                        {{ $allBanned->links('vendor.pagination.default') }}
                    @endif

                </div>
            </div>

        </div>
    </div>

</div>

</div>

</main>


@include('includes/footer')

</div>
<script src="/assets/js/lib/jquery.min.js"></script>
<script src="/assets/js/main.min.js"></script>
<script src="/assets/js/plugins/sweetalert2/sweetalert2.min.js"></script>
<script>
$('.rmBan').on('click', function( event ) {
        var id = $(this).attr('id');
        Sweetalert2.fire({
            title: 'Deseja realmente desbanir este usuário?',
            showDenyButton: false,
            showCancelButton: true,
            confirmButtonText: 'Sim, confirmar',
            cancelButtonText: 'Cancelar',
        }).then((result) => {
            if (result.isConfirmed) {
                $("#form_delete_" + id).submit();
            }
        });
    });
</script>
</body>
</html>