@extends('layouts.admin')

@section('title', 'Blocked Entities')

@section('content_header')
    <h1>Blocked Entities</h1>
@stop

@section('content')
    <div class="card">
        <div class="card-header">
            <h3 class="card-title">Manage Blocked IPs and Emails</h3>
            <div class="card-tools">
                <form method="GET" action="{{ route('admin.blocked_entities.index') }}" class="form-inline d-inline-block mr-2">
                    <input type="text" name="search" class="form-control form-control-sm" placeholder="Search..." value="{{ request('search') }}">
                    <select name="type" class="form-control form-control-sm ml-1">
                        <option value="">All Types</option>
                        <option value="ip" {{ request('type') == 'ip' ? 'selected' : '' }}>IP Address</option>
                        <option value="email" {{ request('type') == 'email' ? 'selected' : '' }}>Email</option>
                    </select>
                    <select name="status" class="form-control form-control-sm ml-1">
                        <option value="">All Status</option>
                        <option value="active" {{ request('status') == 'active' ? 'selected' : '' }}>Active</option>
                        <option value="expired" {{ request('status') == 'expired' ? 'selected' : '' }}>Expired</option>
                    </select>
                    <button type="submit" class="btn btn-sm btn-outline-secondary ml-1">Filter</button>
                </form>
                <a href="{{ route('admin.blocked_entities.create') }}" class="btn btn-primary btn-sm">Add New Block</a>
            </div>
        </div>
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-striped">
                <thead>
                    <tr>
                        <th style="width: 10px">Sr. No.</th>
                        <th>Type</th>
                        <th>Value</th>
                        <th>Reason</th>
                        <th>Expires At</th>
                        <th>Status</th>
                        <th>Created</th>
                        <th style="width: 200px">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($blockedEntities as $index => $entity)
                        <tr>
                            <td>{{ ($blockedEntities->currentPage() - 1) * $blockedEntities->perPage() + $index + 1 }}</td>
                            <td>
                                <span class="badge badge-{{ $entity->type == 'ip' ? 'info' : 'warning' }}">
                                    {{ strtoupper($entity->type) }}
                                </span>
                            </td>
                            <td>
                                <code>{{ $entity->value }}</code>
                            </td>
                            <td>
                                {{ $entity->reason ? Str::limit($entity->reason, 50) : 'No reason provided' }}
                            </td>
                            <td>
                                @if($entity->expires_at)
                                    {{ $entity->expires_at->format('M d, Y h:i A') }}
                                @else
                                    <span class="text-muted">Permanent</span>
                                @endif
                            </td>
                            <td>
                                @if($entity->isActive())
                                    <span class="badge badge-success">Active</span>
                                @else
                                    <span class="badge badge-secondary">Expired</span>
                                @endif
                            </td>
                            <td>{{ $entity->created_at->format('M d, Y h:i A') }}</td>
                            <td>
                                <a href="{{ route('admin.blocked_entities.show', $entity->id) }}" class="btn btn-info btn-sm">View</a>
                                <a href="{{ route('admin.blocked_entities.edit', $entity->id) }}" class="btn btn-warning btn-sm">Edit</a>
                                <form action="{{ route('admin.blocked_entities.destroy', $entity->id) }}" method="POST" style="display:inline-block;">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="btn btn-danger btn-sm" onclick="return confirm('Are you sure you want to remove this block?')">Remove</button>
                                </form>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="8" class="text-center">No blocked entities found.</td>
                        </tr>
                    @endforelse
                </tbody>
                </table>
            </div>
        </div>
        
        @include('admin.partials.pagination', ['items' => $blockedEntities, 'itemName' => 'blocked entities'])
    </div>
@stop

@section('css')
    {{-- Add any specific CSS for this page --}}
@stop

@section('js')
    <script>
        $(document).ready(function() {
            // Handle search form submission
            $('form[method="GET"]').on('submit', function(e) {
                e.preventDefault();
                
                var form = $(this);
                var params = {};
                
                // Only include non-empty parameters
                var searchValue = form.find('input[name="search"]').val().trim();
                if (searchValue !== '') {
                    params.search = searchValue;
                }
                
                var typeValue = form.find('select[name="type"]').val();
                if (typeValue !== '') {
                    params.type = typeValue;
                }
                
                var statusValue = form.find('select[name="status"]').val();
                if (statusValue !== '') {
                    params.status = statusValue;
                }
                
                // Build URL with only non-empty parameters
                var url = '{{ route("admin.blocked_entities.index") }}';
                if (Object.keys(params).length > 0) {
                    var queryString = $.param(params);
                    url += '?' + queryString;
                }
                
                window.location.href = url;
            });
        });
    </script>
@stop