@extends('layouts.app')

@section('title', 'Security Attempts')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h3 class="card-title">Failed Login Attempts</h3>
                    <div class="card-tools">
                        <button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#filterModal">
                            <i class="fas fa-filter"></i> Filter
                        </button>
                    </div>
                </div>

                <div class="card-body">
                    <!-- Security Statistics -->
                    <div class="row mb-4">
                        <div class="col-md-3">
                            <div class="info-box">
                                <span class="info-box-icon bg-info"><i class="fas fa-exclamation-triangle"></i></span>
                                <div class="info-box-content">
                                    <span class="info-box-text">Total Attempts</span>
                                    <span class="info-box-number">{{ number_format($stats['total_attempts']) }}</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="info-box">
                                <span class="info-box-icon bg-danger"><i class="fas fa-ban"></i></span>
                                <div class="info-box-content">
                                    <span class="info-box-text">Blocked IPs</span>
                                    <span class="info-box-number">{{ number_format($stats['blocked_ips']) }}</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="info-box">
                                <span class="info-box-icon bg-warning"><i class="fas fa-shield-alt"></i></span>
                                <div class="info-box-content">
                                    <span class="info-box-text">High Threat</span>
                                    <span class="info-box-number">{{ number_format($stats['high_threat']) }}</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="info-box">
                                <span class="info-box-icon bg-success"><i class="fas fa-clock"></i></span>
                                <div class="info-box-content">
                                    <span class="info-box-text">Recent 24h</span>
                                    <span class="info-box-number">{{ number_format($stats['recent_24h']) }}</span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Failed Login Attempts Table -->
                    <div class="table-responsive">
                        <table class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th>Date/Time</th>
                                    <th>IP Address</th>
                                    <th>Email Attempted</th>
                                    <th>User Agent</th>
                                    <th>Device Info</th>
                                    <th>Threat Level</th>
                                    <th>Status</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($attempts as $attempt)
                                <tr class="{{ $attempt->is_blocked ? 'table-danger' : ($attempt->threat_level === 'high' ? 'table-warning' : '') }}">
                                    <td>
                                        <div class="font-weight-bold">{{ $attempt->created_at->format('M j, Y') }}</div>
                                        <small class="text-muted">{{ $attempt->created_at->format('H:i:s') }}</small>
                                    </td>
                                    <td>
                                        <code>{{ $attempt->ip_address }}</code>
                                        @if($attempt->country_code)
                                            <br><small class="text-muted">{{ $attempt->country_code }}</small>
                                        @endif
                                    </td>
                                    <td>{{ $attempt->email_attempted }}</td>
                                    <td>
                                        <div class="text-truncate" style="max-width: 200px;" title="{{ $attempt->user_agent }}">
                                            {{ $attempt->user_agent ?? 'Unknown' }}
                                        </div>
                                    </td>
                                    <td>
                                        @if($attempt->device_type)
                                            <i class="fas fa-{{ $attempt->device_type === 'mobile' ? 'mobile-alt' : ($attempt->device_type === 'tablet' ? 'tablet-alt' : 'desktop') }}"></i>
                                            {{ ucfirst($attempt->device_type) }}
                                            @if($attempt->platform)
                                                <br><small class="text-muted">{{ $attempt->platform }}</small>
                                            @endif
                                        @else
                                            <span class="text-muted">Unknown</span>
                                        @endif
                                    </td>
                                    <td>
                                        @php
                                            $threatColors = [
                                                'low' => 'success',
                                                'medium' => 'warning', 
                                                'high' => 'danger'
                                            ];
                                            $color = $threatColors[$attempt->threat_level] ?? 'secondary';
                                        @endphp
                                        <span class="badge badge-{{ $color }}">
                                            {{ ucfirst($attempt->threat_level) }}
                                        </span>
                                    </td>
                                    <td>
                                        @if($attempt->is_blocked)
                                            <span class="badge badge-danger">
                                                <i class="fas fa-ban"></i> Blocked
                                            </span>
                                        @else
                                            <span class="badge badge-secondary">
                                                <i class="fas fa-exclamation-triangle"></i> Failed
                                            </span>
                                        @endif
                                    </td>
                                    <td>
                                        <div class="btn-group btn-group-sm">
                                            @if(!$attempt->is_blocked)
                                                <button type="button" class="btn btn-outline-danger" 
                                                        onclick="blockIp('{{ $attempt->ip_address }}')" 
                                                        title="Block IP">
                                                    <i class="fas fa-ban"></i>
                                                </button>
                                            @endif
                                            <button type="button" class="btn btn-outline-info" 
                                                    onclick="showDetails({{ $attempt->id }})" 
                                                    title="View Details">
                                                <i class="fas fa-eye"></i>
                                            </button>
                                        </div>
                                    </td>
                                </tr>
                                @empty
                                <tr>
                                    <td colspan="8" class="text-center py-4">
                                        <div class="text-muted">
                                            <i class="fas fa-shield-alt fa-3x mb-3"></i>
                                            <p>No failed login attempts found.</p>
                                        </div>
                                    </td>
                                </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>

                    <!-- Pagination -->
                    <div class="d-flex justify-content-between align-items-center">
                        <div class="text-muted">
                            Showing {{ $attempts->firstItem() ?? 0 }} to {{ $attempts->lastItem() ?? 0 }} 
                            of {{ $attempts->total() }} results
                        </div>
                        {{ $attempts->appends(request()->query())->links() }}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Filter Modal -->
<div class="modal fade" id="filterModal" tabindex="-1" role="dialog" aria-labelledby="filterModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <form method="GET" action="{{ route('admin.security.attempts') }}">
                <div class="modal-header">
                    <h5 class="modal-title" id="filterModalLabel">Filter Security Attempts</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <label for="ip_address">IP Address</label>
                        <input type="text" class="form-control" id="ip_address" name="ip_address" 
                               value="{{ request('ip_address') }}" placeholder="192.168.1.1">
                    </div>
                    <div class="form-group">
                        <label for="email_attempted">Email Attempted</label>
                        <input type="email" class="form-control" id="email_attempted" name="email_attempted" 
                               value="{{ request('email_attempted') }}" placeholder="user@example.com">
                    </div>
                    <div class="form-group">
                        <label for="threat_level">Threat Level</label>
                        <select class="form-control" id="threat_level" name="threat_level">
                            <option value="">All Levels</option>
                            <option value="low" {{ request('threat_level') === 'low' ? 'selected' : '' }}>Low</option>
                            <option value="medium" {{ request('threat_level') === 'medium' ? 'selected' : '' }}>Medium</option>
                            <option value="high" {{ request('threat_level') === 'high' ? 'selected' : '' }}>High</option>
                        </select>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="date_from">Date From</label>
                                <input type="date" class="form-control" id="date_from" name="date_from" 
                                       value="{{ request('date_from') }}">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="date_to">Date To</label>
                                <input type="date" class="form-control" id="date_to" name="date_to" 
                                       value="{{ request('date_to') }}">
                            </div>
                        </div>
                    </div>
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" value="1" id="blocked_only" 
                               name="blocked_only" {{ request('blocked_only') ? 'checked' : '' }}>
                        <label class="form-check-label" for="blocked_only">
                            Show blocked IPs only
                        </label>
                    </div>
                </div>
                <div class="modal-footer">
                    <a href="{{ route('admin.security.attempts') }}" class="btn btn-secondary">Clear Filters</a>
                    <button type="submit" class="btn btn-primary">Apply Filters</button>
                </div>
            </form>
        </div>
    </div>
</div>

@endsection

@section('scripts')
<script>
function blockIp(ipAddress) {
    if (confirm('Are you sure you want to block IP address: ' + ipAddress + '?')) {
        fetch('/admin/security/block-ip', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
                'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
            },
            body: JSON.stringify({
                ip_address: ipAddress
            })
        })
        .then(response => response.json())
        .then(data => {
            if (data.success) {
                location.reload();
            } else {
                alert('Error blocking IP: ' + data.message);
            }
        })
        .catch(error => {
            console.error('Error:', error);
            alert('Error blocking IP address');
        });
    }
}

function showDetails(attemptId) {
    // Implement details modal or redirect to details page
    console.log('Show details for attempt ID:', attemptId);
}
</script>
@endsection