@extends('layouts.adminlte')

@section('title', 'Session Login')
@section('page_title', 'Session Login')

@section('content')
    <div class="card mb-3">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h3 class="card-title mb-0">Active Sessions</h3>
            <div class="d-flex gap-2 align-items-center">
                <a href="{{ route('guides.index', ['section' => 'session-login']) }}" target="_blank" class="btn btn-outline-dark btn-sm">
                    <i class="fas fa-book me-1"></i>User Guide
                </a>
                <span class="badge text-bg-secondary">{{ $sessions->count() }} sessions</span>
            </div>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-striped table-bordered align-middle mb-0" id="sessionTable">
                    <thead>
                        <tr>
                            <th>User</th>
                            <th>IP</th>
                            <th>Last Activity</th>
                            <th>User Agent</th>
                            <th style="width:220px;">Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($sessions as $row)
                            <tr>
                                <td>
                                    <div class="fw-semibold">{{ $row['user_name'] ?? 'Unknown' }}</div>
                                    <small class="text-muted">{{ $row['user_email'] ?? '-' }}</small>
                                </td>
                                <td><code>{{ $row['ip_address'] ?? '-' }}</code></td>
                                <td>
                                    <div>{{ $row['last_activity_human'] }}</div>
                                    <small class="text-muted">{{ $row['last_activity_at'] }}</small>
                                </td>
                                <td><small>{{ \Illuminate\Support\Str::limit((string) ($row['user_agent'] ?? '-'), 80) }}</small></td>
                                <td>
                                    <div class="d-flex gap-2 flex-wrap">
                                        <button class="btn btn-outline-danger btn-sm btn-kick-session" data-session-id="{{ $row['id'] }}">Kick Session</button>
                                        <button class="btn btn-outline-warning btn-sm btn-kick-ip" data-ip="{{ $row['ip_address'] }}">Kick IP</button>
                                        <button class="btn btn-outline-dark btn-sm btn-block-ip" data-ip="{{ $row['ip_address'] }}">Block IP</button>
                                        <button class="btn btn-outline-secondary btn-sm btn-force-user" data-user-id="{{ $row['user_id'] }}">Logout User</button>
                                    </div>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="5" class="text-center text-muted">No active sessions</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h3 class="card-title mb-0">Blocked IPs</h3>
            <span class="badge text-bg-secondary">{{ $blockedIps->where('is_active', true)->count() }} active</span>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-striped table-bordered align-middle mb-0">
                    <thead>
                        <tr>
                            <th>IP</th>
                            <th>Reason</th>
                            <th>Status</th>
                            <th>Created</th>
                            <th style="width: 140px;">Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($blockedIps as $row)
                            <tr>
                                <td><code>{{ $row->ip_address }}</code></td>
                                <td>{{ $row->reason ?: '-' }}</td>
                                <td>
                                    @if($row->is_active)
                                        <span class="badge text-bg-danger">Blocked</span>
                                    @else
                                        <span class="badge text-bg-secondary">Inactive</span>
                                    @endif
                                </td>
                                <td>{{ $row->created_at?->format('Y-m-d H:i:s') }}</td>
                                <td>
                                    @if($row->is_active)
                                        <button class="btn btn-outline-success btn-sm btn-unblock-ip" data-id="{{ $row->id }}">Unblock</button>
                                    @else
                                        <span class="text-muted">-</span>
                                    @endif
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="5" class="text-center text-muted">No blocked IP data</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <script>
        $(function () {
            const reloadPage = () => window.location.reload();

            const callAction = (url, method = 'POST', data = {}) => {
                return $.ajax({
                    url,
                    type: method,
                    data,
                    headers: {
                        'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content
                    }
                });
            };

            $('#sessionTable').on('click', '.btn-kick-session', function () {
                const sessionId = $(this).data('session-id');
                callAction(`{{ url('/session_login') }}/${sessionId}`, 'DELETE')
                    .done((resp) => { toastr.success(resp?.message || 'Session kicked'); reloadPage(); })
                    .fail((xhr) => toastr.error(xhr.responseJSON?.message || 'Failed kick session'));
            });

            $('#sessionTable').on('click', '.btn-kick-ip', function () {
                const ip = $(this).data('ip');
                callAction(`{{ route('session_login.kick_ip') }}`, 'POST', { ip_address: ip })
                    .done((resp) => { toastr.success(resp?.message || 'IP kicked'); reloadPage(); })
                    .fail((xhr) => toastr.error(xhr.responseJSON?.message || 'Failed kick IP'));
            });

            $('#sessionTable').on('click', '.btn-force-user', function () {
                const userId = $(this).data('user-id');
                callAction(`{{ route('session_login.force_logout_user') }}`, 'POST', { user_id: userId })
                    .done((resp) => { toastr.success(resp?.message || 'User forced logout'); reloadPage(); })
                    .fail((xhr) => toastr.error(xhr.responseJSON?.message || 'Failed force logout user'));
            });

            $('#sessionTable').on('click', '.btn-block-ip', function () {
                const ip = $(this).data('ip');
                Swal.fire({
                    title: `Block IP ${ip}?`,
                    input: 'text',
                    inputLabel: 'Reason (optional)',
                    showCancelButton: true,
                    confirmButtonText: 'Block'
                }).then((result) => {
                    if (!result.isConfirmed) return;
                    callAction(`{{ route('session_login.block_ip') }}`, 'POST', { ip_address: ip, reason: result.value || '' })
                        .done((resp) => { toastr.success(resp?.message || 'IP blocked'); reloadPage(); })
                        .fail((xhr) => toastr.error(xhr.responseJSON?.message || 'Failed block IP'));
                });
            });

            $(document).on('click', '.btn-unblock-ip', function () {
                const id = $(this).data('id');
                callAction(`{{ url('/session_login/unblock-ip') }}/${id}`, 'PATCH')
                    .done((resp) => { toastr.success(resp?.message || 'IP unblocked'); reloadPage(); })
                    .fail((xhr) => toastr.error(xhr.responseJSON?.message || 'Failed unblock IP'));
            });
        });
    </script>
@endpush