@extends('superadmin.layouts.app')

@section('title', 'Report Details')

@section('content')
<div class="content-wrapper">
    <!-- Content Header -->
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0">Report Details #{{ $report->id }}</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{ route('super-admin.dashboard') }}">Dashboard</a></li>
                        <li class="breadcrumb-item"><a href="{{ route('super-admin.content-moderation.index') }}">Content Moderation</a></li>
                        <li class="breadcrumb-item active">Report #{{ $report->id }}</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>

    <!-- Main content -->
    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <!-- Report Details -->
                <div class="col-md-8">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">Report Information</h3>
                            <div class="card-tools">
                                <span class="badge {{ $report->getStatusBadgeClass() }} badge-lg">
                                    {{ $report->getStatusText() }}
                                </span>
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-6">
                                    <strong>Report ID:</strong> #{{ $report->id }}<br>
                                    <strong>Reason:</strong> <span class="badge badge-info">{{ $report->getReasonText() }}</span><br>
                                    <strong>Status:</strong> <span class="badge {{ $report->getStatusBadgeClass() }}">{{ $report->getStatusText() }}</span><br>
                                    <strong>Reported Date:</strong> {{ $report->created_at->format('Y-m-d H:i:s') }}<br>
                                    @if($report->resolved_at)
                                    <strong>Resolved Date:</strong> {{ $report->resolved_at->format('Y-m-d H:i:s') }}<br>
                                    @endif
                                </div>
                                <div class="col-md-6">
                                    <strong>IP Address:</strong> {{ $report->ip_address }}<br>
                                    <strong>User Agent:</strong> <small>{{ Str::limit($report->user_agent, 50) }}</small><br>
                                    @if($report->resolvedByAdmin)
                                    <strong>Resolved By:</strong> {{ $report->resolvedByAdmin->name }}<br>
                                    @endif
                                </div>
                            </div>
                            
                            @if($report->details)
                            <hr>
                            <strong>Report Details:</strong>
                            <div class="mt-2 p-3 bg-light rounded">
                                {{ $report->details }}
                            </div>
                            @endif
                            
                            @if($report->admin_notes)
                            <hr>
                            <strong>Admin Notes:</strong>
                            <div class="mt-2 p-3 bg-warning rounded">
                                {{ $report->admin_notes }}
                            </div>
                            @endif
                        </div>
                        @if($report->isPending())
                        <div class="card-footer">
                            <div class="btn-group">
                                <button type="button" class="btn btn-success" 
                                        onclick="showResolveModal({{ $report->id }}, 'resolve')">
                                    <i class="fas fa-check"></i> Resolve Report
                                </button>
                                <button type="button" class="btn btn-danger" 
                                        onclick="showResolveModal({{ $report->id }}, 'reject')">
                                    <i class="fas fa-times"></i> Reject Report
                                </button>
                                <button type="button" class="btn btn-warning" 
                                        onclick="showResolveModal({{ $report->id }}, 'ban_user')">
                                    <i class="fas fa-ban"></i> Ban User & Resolve
                                </button>
                            </div>
                        </div>
                        @endif
                    </div>

                    <!-- Reported User Profile -->
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">Reported User Profile</h3>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-3 text-center">
                                    <img src="{{ $report->reportedUser->profile_picture_url ?? asset('images/default-avatar.png') }}" 
                                         alt="Profile Picture" class="img-circle" style="width: 100px; height: 100px;">
                                </div>
                                <div class="col-md-9">
                                    <h4>{{ $report->reportedUser->name }}</h4>
                                    <p><strong>Username:</strong> @{{ $report->reportedUser->username }}</p>
                                    <p><strong>Email:</strong> {{ $report->reportedUser->email }}</p>
                                    <p><strong>Phone:</strong> {{ $report->reportedUser->phone ?? 'Not provided' }}</p>
                                    <p><strong>Joined:</strong> {{ $report->reportedUser->created_at->format('Y-m-d') }}</p>
                                    <p><strong>Profile Visibility:</strong> 
                                        <span class="badge {{ $report->reportedUser->profile_visibility === 'public' ? 'badge-success' : 'badge-warning' }}">
                                            {{ ucfirst($report->reportedUser->profile_visibility) }}
                                        </span>
                                    </p>
                                    @if($report->reportedUser->banned_at)
                                    <p><strong>Status:</strong> 
                                        <span class="badge badge-danger">Banned since {{ $report->reportedUser->banned_at->format('Y-m-d H:i:s') }}</span>
                                    </p>
                                    @else
                                    <p><strong>Status:</strong> <span class="badge badge-success">Active</span></p>
                                    @endif
                                    
                                    <div class="mt-3">
                                        <a href="{{ route('profile.public', $report->reportedUser->username) }}" 
                                           class="btn btn-sm btn-info" target="_blank">
                                            <i class="fas fa-external-link-alt"></i> View Public Profile
                                        </a>
                                        <a href="{{ route('super-admin.users.show', $report->reportedUser) }}" 
                                           class="btn btn-sm btn-primary">
                                            <i class="fas fa-user"></i> View User Details
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- User's Shortlinks -->
                    @if($userShortlinks->count() > 0)
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">User's Recent Shortlinks</h3>
                        </div>
                        <div class="card-body table-responsive p-0">
                            <table class="table table-hover text-nowrap">
                                <thead>
                                    <tr>
                                        <th>ID</th>
                                        <th>URL</th>
                                        <th>Label</th>
                                        <th>Clicks</th>
                                        <th>Status</th>
                                        <th>Created</th>
                                        <th>Actions</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($userShortlinks as $shortlink)
                                    <tr>
                                        <td>{{ $shortlink->id }}</td>
                                        <td>
                                            <a href="{{ $shortlink->original }}" target="_blank" class="text-primary">
                                                {{ Str::limit($shortlink->original, 50) }}
                                            </a>
                                        </td>
                                        <td>{{ $shortlink->custom_label ?? '-' }}</td>
                                        <td>
                                            <span class="badge badge-info">{{ number_format($shortlink->click_logs_count) }}</span>
                                        </td>
                                        <td>
                                            <span class="badge {{ $shortlink->is_active ? 'badge-success' : 'badge-secondary' }}">
                                                {{ $shortlink->is_active ? 'Active' : 'Inactive' }}
                                            </span>
                                        </td>
                                        <td>{{ $shortlink->created_at->format('Y-m-d') }}</td>
                                        <td>
                                            <a href="{{ route('super-admin.shortlinks.show', $shortlink) }}" 
                                               class="btn btn-sm btn-info">
                                                <i class="fas fa-eye"></i>
                                            </a>
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                    @endif
                </div>

                <!-- Sidebar -->
                <div class="col-md-4">
                    <!-- Reporter Information -->
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">Reporter Information</h3>
                        </div>
                        <div class="card-body">
                            @if($report->reporterUser)
                                <div class="text-center mb-3">
                                    <img src="{{ $report->reporterUser->profile_picture_url ?? asset('images/default-avatar.png') }}" 
                                         alt="Reporter Avatar" class="img-circle" style="width: 60px; height: 60px;">
                                </div>
                                <p><strong>Name:</strong> {{ $report->reporterUser->name }}</p>
                                <p><strong>Username:</strong> @{{ $report->reporterUser->username }}</p>
                                <p><strong>Email:</strong> {{ $report->reporterUser->email }}</p>
                                <p><strong>Joined:</strong> {{ $report->reporterUser->created_at->format('Y-m-d') }}</p>
                                
                                <div class="mt-3">
                                    <a href="{{ route('super-admin.users.show', $report->reporterUser) }}" 
                                       class="btn btn-sm btn-primary btn-block">
                                        <i class="fas fa-user"></i> View Reporter Details
                                    </a>
                                </div>
                            @else
                                <div class="text-center">
                                    <i class="fas fa-user-secret fa-3x text-muted mb-3"></i>
                                    <h5>Guest Reporter</h5>
                                    @if($report->reporter_email)
                                    <p><strong>Email:</strong> {{ $report->reporter_email }}</p>
                                    @endif
                                    <p class="text-muted">This report was submitted by a guest user.</p>
                                </div>
                            @endif
                        </div>
                    </div>

                    <!-- Other Reports for Same User -->
                    @if($otherReports->count() > 0)
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">Other Reports for This User</h3>
                        </div>
                        <div class="card-body">
                            @foreach($otherReports as $otherReport)
                            <div class="d-flex justify-content-between align-items-center mb-2 p-2 border rounded">
                                <div>
                                    <strong>#{{ $otherReport->id }}</strong><br>
                                    <small class="text-muted">{{ $otherReport->getReasonText() }}</small><br>
                                    <small class="text-muted">{{ $otherReport->created_at->diffForHumans() }}</small>
                                </div>
                                <div class="text-right">
                                    <span class="badge {{ $otherReport->getStatusBadgeClass() }}">{{ $otherReport->getStatusText() }}</span><br>
                                    <a href="{{ route('super-admin.content-moderation.show', $otherReport) }}" 
                                       class="btn btn-xs btn-info mt-1">
                                        <i class="fas fa-eye"></i>
                                    </a>
                                </div>
                            </div>
                            @endforeach
                        </div>
                    </div>
                    @endif

                    <!-- Quick Actions -->
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">Quick Actions</h3>
                        </div>
                        <div class="card-body">
                            <a href="{{ route('super-admin.content-moderation.index') }}" 
                               class="btn btn-secondary btn-block mb-2">
                                <i class="fas fa-arrow-left"></i> Back to Reports
                            </a>
                            
                            @if($report->isPending())
                            <button type="button" class="btn btn-success btn-block mb-2" 
                                    onclick="showResolveModal({{ $report->id }}, 'resolve')">
                                <i class="fas fa-check"></i> Quick Resolve
                            </button>
                            <button type="button" class="btn btn-danger btn-block mb-2" 
                                    onclick="showResolveModal({{ $report->id }}, 'reject')">
                                <i class="fas fa-times"></i> Quick Reject
                            </button>
                            @endif
                            
                            <a href="{{ route('super-admin.users.show', $report->reportedUser) }}" 
                               class="btn btn-info btn-block">
                                <i class="fas fa-user-cog"></i> Manage User
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>

<!-- Resolve Modal -->
<div class="modal fade" id="resolveModal" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <form id="resolveForm" method="POST">
                @csrf
                <div class="modal-header">
                    <h5 class="modal-title" id="resolveModalTitle">Resolve Report</h5>
                    <button type="button" class="close" data-dismiss="modal">
                        <span>&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <input type="hidden" name="action" id="resolveAction">
                    <div class="form-group">
                        <label for="admin_notes">Admin Notes</label>
                        <textarea class="form-control" name="admin_notes" id="admin_notes" rows="3" 
                                  placeholder="Add notes about your decision..."></textarea>
                    </div>
                    <div id="banWarning" class="alert alert-warning" style="display: none;">
                        <i class="fas fa-exclamation-triangle"></i>
                        <strong>Warning:</strong> This action will permanently ban the reported user from the platform.
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn" id="resolveSubmitBtn">Confirm</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script>
function showResolveModal(reportId, action) {
    const modal = $('#resolveModal');
    const form = $('#resolveForm');
    const title = $('#resolveModalTitle');
    const submitBtn = $('#resolveSubmitBtn');
    const banWarning = $('#banWarning');
    
    // Set form action
    form.attr('action', `/super-admin/content-moderation/${reportId}/resolve`);
    $('#resolveAction').val(action);
    
    // Configure modal based on action
    switch(action) {
        case 'resolve':
            title.text('Resolve Report');
            submitBtn.removeClass().addClass('btn btn-success').text('Resolve');
            banWarning.hide();
            break;
        case 'reject':
            title.text('Reject Report');
            submitBtn.removeClass().addClass('btn btn-danger').text('Reject');
            banWarning.hide();
            break;
        case 'ban_user':
            title.text('Ban User & Resolve Report');
            submitBtn.removeClass().addClass('btn btn-warning').text('Ban User');
            banWarning.show();
            break;
    }
    
    modal.modal('show');
}
</script>
@endsection