@extends('layouts.admin_app')
@section('title', 'Login Attempts')
@section('content')

<div class="container-fluid">
    <!-- Page Heading -->
    <div class="d-sm-flex align-items-center justify-content-between mb-4">
        <h1 class="h3 mb-0 text-info">Login Attempts</h1>
    </div>

    <!-- Tabs -->
    <ul class="nav nav-tabs" id="loginTabs" role="tablist">
        <li class="nav-item" role="presentation">
            <button class="nav-link active" id="all-tab" data-bs-toggle="tab" data-bs-target="#all" type="button" role="tab" aria-controls="all" aria-selected="true">
                All Login Attempts
            </button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link" id="location-tab" data-bs-toggle="tab" data-bs-target="#location" type="button" role="tab" aria-controls="location" aria-selected="false">
                Location Login Attempts
            </button>
        </li>
    </ul>

    <!-- Tab Content -->
    <div class="tab-content" id="loginTabsContent">
        <!-- All Login Attempts Tab -->
        <div class="tab-pane fade show active" id="all" role="tabpanel" aria-labelledby="all-tab">
            <div class="card shadow mb-4 mt-3">
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th>Date/Time</th>
                                    <th>IP Address</th>
                                    <th>Login Type</th>
                                    <th>Email/Username</th>
                                    <th>Status</th>
                                    <th>Browser</th>
                                    <th>Platform</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($allAttempts as $attempt)
                                <tr>
                                    <td>{{ $attempt->created_at->format('Y-m-d H:i:s') }}</td>
                                    <td>{{ $attempt->ip_address }}</td>
                                    <td>
                                        @if($attempt->login_type == 0 || $attempt->login_type == 3)
                                            <span class="badge bg-primary">Location</span>
                                        @elseif($attempt->login_type == 1)
                                            <span class="badge bg-success">User</span>
                                        @elseif($attempt->login_type == 2)
                                            <span class="badge bg-warning">Head Office</span>
                                        @else
                                            <span class="badge bg-secondary">Unknown</span>
                                        @endif
                                    </td>
                                    <td>{{ $attempt->attempted_email ?? 'N/A' }}</td>
                                    <td>
                                        @if($attempt->is_active == 1)
                                            <span class="badge bg-success">Success</span>
                                        @else
                                            <span class="badge bg-danger">Failed</span>
                                        @endif
                                    </td>
                                    <td>{{ $attempt->browser ?? 'N/A' }}</td>
                                    <td>{{ $attempt->platform ?? 'N/A' }}</td>
                                </tr>
                                @empty
                                <tr>
                                    <td colspan="7" class="text-center">No login attempts found</td>
                                </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                    
                    <!-- Pagination -->
                    <div class="mt-3">
                        {{ $allAttempts->links() }}
                    </div>
                </div>
            </div>
        </div>

        <!-- Location Login Attempts Tab -->
        <div class="tab-pane fade" id="location" role="tabpanel" aria-labelledby="location-tab">
            <div class="card shadow mb-4 mt-3">
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th>Location Name</th>
                                    <th>Location Code</th>
                                    <th>Username</th>
                                    <th>IP Address Changes</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($locationData as $data)
                                <tr>
                                    <td>{{ $data['location']->trading_name }}</td>
                                    <td>{{ $data['location']->location_code }}</td>
                                    <td>{{ $data['location']->username }}</td>
                                    <td>
                                        <table class="table table-sm mb-0">
                                            <thead>
                                                <tr>
                                                    <th>IP Address</th>
                                                    <th>Date/Time</th>
                                                    <th>Status</th>
                                                    <th>Browser</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @php
                                                    $uniqueIps = [];
                                                @endphp
                                                @foreach($data['attempts'] as $attempt)
                                                    @php
                                                        $ipKey = $attempt->ip_address;
                                                        if (!isset($uniqueIps[$ipKey])) {
                                                            $uniqueIps[$ipKey] = true;
                                                        } else {
                                                            continue;
                                                        }
                                                    @endphp
                                                    <tr>
                                                        <td>{{ $attempt->ip_address }}</td>
                                                        <td>{{ $attempt->created_at->format('Y-m-d H:i:s') }}</td>
                                                        <td>
                                                            @if($attempt->is_active == 1)
                                                                <span class="badge bg-success">Success</span>
                                                            @else
                                                                <span class="badge bg-danger">Failed</span>
                                                            @endif
                                                        </td>
                                                        <td>{{ $attempt->browser ?? 'N/A' }}</td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </td>
                                </tr>
                                @empty
                                <tr>
                                    <td colspan="4" class="text-center">No location login attempts found</td>
                                </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection

@section('scripts')
<script>
    // Initialize Bootstrap tabs
    var triggerTabList = [].slice.call(document.querySelectorAll('#loginTabs button'))
    triggerTabList.forEach(function (triggerEl) {
        var tabTrigger = new bootstrap.Tab(triggerEl)
        
        triggerEl.addEventListener('click', function (event) {
            event.preventDefault()
            tabTrigger.show()
        })
    })
</script>
@endsection