@section('title', __('radio.menu_item_5_sub_7'))
@section('head')
    <link rel="stylesheet" href="/assets/js/plugins/sweetalert2/sweetalert2.min.css">
@endsection
@include('includes/header')
@include('includes/topRadio')
<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">
                        {{ __('radio.menu_item_5_sub_7') }}
                    </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('radio.home.r') }}">{{ __('radio.menu_item_1') }}</a>
                        </li>
                        <li class="breadcrumb-item">
                            <a href="javascript:void(0)">{{ __('radio.menu_item_5') }}</a>
                        </li>
                        <li class="breadcrumb-item active" aria-current="page">{{ __('radio.menu_item_5_sub_7') }}</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">
                    <i class="uil uil-check-circle"></i> <b>{!! \Session::get('success') !!}</b>
                </div>
                @php Session::forget('success'); @endphp
            @endif

            <div class="block block-rounded">
                <div class="block-content p-0">

                    <div class="ps-2 pe-4 pt-2  mb-0 border-bottom border-1">
                        <div class="d-md-flex">
                            <div class="flex-grow-1 mb-2">
                                <a href="{{ route('radio.blacklist.c') }}" class="btn btn-primary">
                                    <i class="fa fa-plus me-1 opacity-50"></i> {{ __('general.action_add') }}
                                </a>
                            </div>
                        </div>
                    </div>

                    @if($allIps->count() == 0)
                        <div class="py-6 text-center"> <i class="fa fa-triangle-exclamation fa-3x d-block mb-2"></i> <strong class="fw-semibold">{{ __('radio.blacklist_empty') }}</strong></div>
                    @else

                    <div class="table-responsive">
                        <table class="table table-hover table-sm table-vcenter mb-0">
                            <thead>
                            <tr>
                                <th class="text-start ps-2" style="width: 250px;">{{ __('radio.blacklist_table_ip') }}</th>
                                <th class="text-center">{{ __('radio.blacklist_table_location') }}</th>
                                <th class="text-center">{{ __('radio.blacklist_table_date') }}</th>
                                <th class="text-center" style="width: 100px;">&nbsp;</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($allIps as $ip)
                            <tr>
                                <th class="text-start ps-2 fw-semibold" scope="row"><img width="25" style="border: 1px solid #ededed;" class="align-text-bottom me-1" src="/assets/img/flags/{{ ($ip->country_code ? $ip->country_code : 'zz') }}.svg">
                                    {{ $ip->ip }}</th>
                                <td class="text-center">
                                    {{ $ip->address }}
                                </td>
                                <td class="text-center">{{ date('d/m/Y H:i',strtotime($ip->created_at)) }}</td>
                                <td class="text-center">
                                    <button type="button" data-id="{{ $ip->id }}" data-ip="{{ $ip->ip }}" class="btn btn-sm btn-danger rmIP">
                                        <i class="fa fa-fw fa-times"></i>
                                    </button>
                                    <form id="form_delete_{{ $ip->id }}" action="{{ route('radio.blacklist.d', $ip->id) }}" method="POST">@method('DELETE')</form>
                                </td>
                            </tr>
                            @endforeach
                            </tbody>
                        </table>
                        @endif
                    </div>

                </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/bootstrap-notify/bootstrap-notify.min.js"></script>
<script src="/assets/js/plugins/sweetalert2/sweetalert2.min.js"></script>
<script>

    $('.rmIP').click(function() {
    Sweetalert2.fire({
        title: 'Deseja realmente desbloquear o IP <b>'+$(this).attr('data-ip')+'</b>?',
        showDenyButton: false,
        showCancelButton: true,
        confirmButtonText: 'Continuar',
        cancelButtonText: 'Cancelar',
    }).then((result) => {
        if (result.isConfirmed) {
            $("#form_delete_" + $(this).attr('data-id')).submit();
        }
    });

    });

    @if (\Session::has('rmsuc'))
    One.helpers('jq-notify', {type: 'primary', icon: 'fa fa-check me-1', from: 'top', align: 'right', message: '{!! \Session::get('rmsuc') !!}'});
    @php Session::forget('rmsuc'); @endphp
    @endif


</script>
</body>
</html>