@extends('layouts.app')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <div class="d-flex justify-content-between align-items-center">
                        <h3 class="card-title"><i class="fas fa-shield-alt"></i> Security Monitor Dashboard</h3>
                        <div>
                            <a href="{{ route('admin.security.attempts') }}" class="btn btn-warning">
                                <i class="fas fa-exclamation-triangle"></i> View All Attempts
                            </a>
                            <a href="{{ route('admin.security.blocked') }}" class="btn btn-danger">
                                <i class="fas fa-ban"></i> Blocked IPs
                            </a>
                            <a href="{{ route('admin.security.analytics') }}" class="btn btn-info">
                                <i class="fas fa-chart-line"></i> Analytics
                            </a>
                        </div>
                    </div>
                </div>

                <div class="card-body">
                    <!-- Security Statistics -->
                    <div class="row mb-4">
                        <div class="col-lg-3 col-6">
                            <div class="small-box bg-warning">
                                <div class="inner">
                                    <h3>{{ $dashboardData['total_attempts_24h'] }}</h3>
                                    <p>Failed Attempts (24h)</p>
                                </div>
                                <div class="icon">
                                    <i class="fas fa-exclamation-triangle"></i>
                                </div>
                                <a href="{{ route('admin.security.attempts') }}" class="small-box-footer">
                                    More info <i class="fas fa-arrow-circle-right"></i>
                                </a>
                            </div>
                        </div>
                        <div class="col-lg-3 col-6">
                            <div class="small-box bg-danger">
                                <div class="inner">
                                    <h3>{{ $dashboardData['blocked_ips'] }}</h3>
                                    <p>Blocked IP Addresses</p>
                                </div>
                                <div class="icon">
                                    <i class="fas fa-ban"></i>
                                </div>
                                <a href="{{ route('admin.security.blocked') }}" class="small-box-footer">
                                    More info <i class="fas fa-arrow-circle-right"></i>
                                </a>
                            </div>
                        </div>
                        <div class="col-lg-3 col-6">
                            <div class="small-box bg-info">
                                <div class="inner">
                                    <h3>{{ $dashboardData['unique_ips_24h'] }}</h3>
                                    <p>Unique IPs (24h)</p>
                                </div>
                                <div class="icon">
                                    <i class="fas fa-map-marker-alt"></i>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-6">
                            <div class="small-box bg-{{ $dashboardData['high_threat_attempts'] > 0 ? 'danger' : 'success' }}">
                                <div class="inner">
                                    <h3>{{ $dashboardData['high_threat_attempts'] }}</h3>
                                    <p>High Threat Attempts</p>
                                </div>
                                <div class="icon">
                                    <i class="fas fa-skull-crossbones"></i>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <!-- Recent Attempts -->
                        <div class="col-md-8">
                            <div class="card">
                                <div class="card-header">
                                    <h5 class="card-title">Recent Failed Login Attempts</h5>
                                    <div class="card-tools">
                                        <a href="{{ route('admin.security.attempts') }}" class="btn btn-sm btn-primary">View All</a>
                                    </div>
                                </div>
                                <div class="card-body">
                                    @if(count($dashboardData['recent_attempts']) > 0)
                                        <div class="table-responsive">
                                            <table class="table table-sm">
                                                <thead>
                                                    <tr>
                                                        <th>Time</th>
                                                        <th>IP Address</th>
                                                        <th>Email Attempted</th>
                                                        <th>Location</th>
                                                        <th>Threat Level</th>
                                                        <th>Actions</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach($dashboardData['recent_attempts'] as $attempt)
                                                        <tr class="{{ $attempt->threat_level === 'critical' ? 'table-danger' : ($attempt->threat_level === 'high' ? 'table-warning' : '') }}">
                                                            <td>{{ $attempt->created_at->format('M j, H:i') }}</td>
                                                            <td>
                                                                <code>{{ $attempt->ip_address }}</code>
                                                                @if($attempt->is_blocked)
                                                                    <span class="badge badge-danger badge-sm ml-1">Blocked</span>
                                                                @endif
                                                            </td>
                                                            <td>{{ Str::limit($attempt->email_attempted, 25) }}</td>
                                                            <td>
                                                                @if($attempt->country)
                                                                    {{ $attempt->city }}, {{ $attempt->country }}
                                                                @else
                                                                    <span class="text-muted">Unknown</span>
                                                                @endif
                                                            </td>
                                                            <td>
                                                                <span class="badge badge-{{ 
                                                                    $attempt->threat_level === 'critical' ? 'danger' : 
                                                                    ($attempt->threat_level === 'high' ? 'warning' : 
                                                                    ($attempt->threat_level === 'medium' ? 'info' : 'secondary')) 
                                                                }}">
                                                                    {{ ucfirst($attempt->threat_level) }}
                                                                </span>
                                                            </td>
                                                            <td>
                                                                @if(!$attempt->is_blocked)
                                                                    <button class="btn btn-xs btn-danger" onclick="blockIp('{{ $attempt->ip_address }}')">
                                                                        <i class="fas fa-ban"></i>
                                                                    </button>
                                                                @else
                                                                    <button class="btn btn-xs btn-success" onclick="unblockIp('{{ $attempt->ip_address }}')">
                                                                        <i class="fas fa-check"></i>
                                                                    </button>
                                                                @endif
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    @else
                                        <div class="text-center text-muted py-4">
                                            <i class="fas fa-shield-alt fa-3x mb-3"></i>
                                            <p>No recent failed login attempts detected.</p>
                                            <p class="small">This is a good sign - your system is secure!</p>
                                        </div>
                                    @endif
                                </div>
                            </div>
                        </div>

                        <!-- Top Attacking IPs -->
                        <div class="col-md-4">
                            <div class="card">
                                <div class="card-header">
                                    <h5 class="card-title">Top Attacking IPs (24h)</h5>
                                </div>
                                <div class="card-body">
                                    @if(count($dashboardData['top_attacking_ips']) > 0)
                                        <div class="list-group list-group-flush">
                                            @foreach($dashboardData['top_attacking_ips'] as $attackingIp)
                                                <div class="list-group-item d-flex justify-content-between align-items-center px-0">
                                                    <div>
                                                        <code class="small">{{ $attackingIp['ip_address'] }}</code>
                                                        <br>
                                                        <span class="badge badge-{{ $attackingIp['max_threat'] === 'critical' ? 'danger' : ($attackingIp['max_threat'] === 'high' ? 'warning' : 'info') }}">
                                                            {{ ucfirst($attackingIp['max_threat']) }}
                                                        </span>
                                                    </div>
                                                    <span class="badge badge-primary badge-pill">{{ $attackingIp['total_attempts'] }}</span>
                                                </div>
                                            @endforeach
                                        </div>
                                    @else
                                        <p class="text-muted text-center">No attack patterns detected in the last 24 hours.</p>
                                    @endif
                                </div>
                            </div>

                            <!-- Attack Countries -->
                            <div class="card mt-3">
                                <div class="card-header">
                                    <h5 class="card-title">Attack Sources by Country</h5>
                                </div>
                                <div class="card-body">
                                    @if(count($dashboardData['attack_countries']) > 0)
                                        <div class="list-group list-group-flush">
                                            @foreach($dashboardData['attack_countries'] as $country)
                                                <div class="list-group-item d-flex justify-content-between align-items-center px-0">
                                                    <span>{{ $country['country'] }}</span>
                                                    <span class="badge badge-secondary badge-pill">{{ $country['attempts'] }}</span>
                                                </div>
                                            @endforeach
                                        </div>
                                    @else
                                        <p class="text-muted text-center">No geolocation data available.</p>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Quick Actions -->
                    <div class="row mt-4">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-header">
                                    <h5 class="card-title">Quick Security Actions</h5>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <h6>Block IP Address</h6>
                                            <form method="POST" action="{{ route('admin.security.block-ip') }}" class="form-inline">
                                                @csrf
                                                <input type="text" name="ip_address" class="form-control mr-2" placeholder="IP Address" required pattern="^(?:[0-9]{1,3}\.){3}[0-9]{1,3}$">
                                                <input type="number" name="hours" class="form-control mr-2" placeholder="Hours" value="24" min="1" max="8760" required>
                                                <input type="text" name="reason" class="form-control mr-2" placeholder="Reason" value="Manual block" required>
                                                <button type="submit" class="btn btn-danger">Block</button>
                                            </form>
                                        </div>
                                        <div class="col-md-6">
                                            <h6>Unblock IP Address</h6>
                                            <form method="POST" action="{{ route('admin.security.unblock-ip') }}" class="form-inline">
                                                @csrf
                                                <input type="text" name="ip_address" class="form-control mr-2" placeholder="IP Address" required pattern="^(?:[0-9]{1,3}\.){3}[0-9]{1,3}$">
                                                <button type="submit" class="btn btn-success">Unblock</button>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Block IP Modal -->
<div class="modal fade" id="blockIpModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Block IP Address</h5>
                <button type="button" class="close" data-dismiss="modal">
                    <span>&times;</span>
                </button>
            </div>
            <form method="POST" action="{{ route('admin.security.block-ip') }}">
                @csrf
                <div class="modal-body">
                    <div class="form-group">
                        <label for="modal_ip_address">IP Address</label>
                        <input type="text" class="form-control" id="modal_ip_address" name="ip_address" required readonly>
                    </div>
                    <div class="form-group">
                        <label for="modal_hours">Block Duration (Hours)</label>
                        <select class="form-control" id="modal_hours" name="hours" required>
                            <option value="1">1 Hour</option>
                            <option value="6">6 Hours</option>
                            <option value="24" selected>24 Hours</option>
                            <option value="168">1 Week</option>
                            <option value="720">1 Month</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="modal_reason">Reason</label>
                        <input type="text" class="form-control" id="modal_reason" name="reason" value="Suspicious activity" required>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-danger">Block IP</button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- Unblock IP Modal -->
<div class="modal fade" id="unblockIpModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Unblock IP Address</h5>
                <button type="button" class="close" data-dismiss="modal">
                    <span>&times;</span>
                </button>
            </div>
            <form method="POST" action="{{ route('admin.security.unblock-ip') }}">
                @csrf
                <div class="modal-body">
                    <div class="form-group">
                        <label for="modal_unblock_ip">IP Address</label>
                        <input type="text" class="form-control" id="modal_unblock_ip" name="ip_address" required readonly>
                    </div>
                    <p class="text-muted">Are you sure you want to unblock this IP address?</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-success">Unblock IP</button>
                </div>
            </form>
        </div>
    </div>
</div>

<script>
function blockIp(ipAddress) {
    document.getElementById('modal_ip_address').value = ipAddress;
    $('#blockIpModal').modal('show');
}

function unblockIp(ipAddress) {
    document.getElementById('modal_unblock_ip').value = ipAddress;
    $('#unblockIpModal').modal('show');
}

// Auto-refresh dashboard every 30 seconds
setInterval(function() {
    location.reload();
}, 30000);
</script>

<style>
.small-box {
    border-radius: 8px;
    position: relative;
    display: block;
    margin-bottom: 20px;
    box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
}

.small-box > .inner {
    padding: 10px;
}

.small-box .icon {
    transition: all .3s linear;
    position: absolute;
    top: -10px;
    right: 10px;
    z-index: 0;
    font-size: 90px;
    color: rgba(0,0,0,.15);
}

.small-box > .small-box-footer {
    position: relative;
    text-align: center;
    padding: 3px 0;
    color: #fff;
    color: rgba(255,255,255,.8);
    display: block;
    z-index: 10;
    background: rgba(0,0,0,.1);
    text-decoration: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.small-box:hover .small-box-footer {
    color: #fff;
    background: rgba(0,0,0,.15);
}

.badge-xs {
    font-size: 0.65em;
}
</style>
@endsection