@extends('layouts.dashboard')

@section('title', 'User-wise Number History')

@section('content')
<div class="content-wrapper">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb mb-1">
                    <li class="breadcrumb-item"><a href="{{ route('dashboard.reports') }}">Reports</a></li>
                    <li class="breadcrumb-item active">User-wise Number History</li>
                </ol>
            </nav>
            <h4 class="mb-0">User-wise Number History Report</h4>
        </div>
        @if($canExport)
        <a href="{{ route('dashboard.reports.user-detailed-logs.export', request()->query()) }}" class="btn btn-success">
            <i class="bi bi-file-earmark-excel me-1"></i> Export Detailed Logs
        </a>
        @endif
    </div>

    <div class="card border-0 shadow-sm mb-4">
        <div class="card-body">
            <form method="GET" action="{{ route('dashboard.reports.user-detailed-logs') }}" class="row g-3">
                @if(isset($clients) && $clients->count() > 0)
                <div class="col-md-3">
                    <label class="form-label">Organization</label>
                    <select name="client_id" class="form-select">
                        <option value="">All Organizations</option>
                        @foreach($clients as $client)
                        <option value="{{ $client->id }}" {{ ($clientId ?? '') == $client->id ? 'selected' : '' }}>
                            {{ $client->name }}
                        </option>
                        @endforeach
                    </select>
                </div>
                @endif
                <div class="col-md-2">
                    <label class="form-label">Date From</label>
                    <input type="date" name="date_from" class="form-control" value="{{ $dateFrom }}">
                </div>
                <div class="col-md-2">
                    <label class="form-label">Date To</label>
                    <input type="date" name="date_to" class="form-control" value="{{ $dateTo }}">
                </div>
                <div class="col-md-3">
                    <label class="form-label">User</label>
                    <select name="user_id" class="form-select">
                        <option value="">All Users</option>
                        @foreach($users as $user)
                        <option value="{{ $user->id }}" {{ (string)($userId ?? '') === (string)$user->id ? 'selected' : '' }}>
                            {{ $user->name }}
                        </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="form-label">Phone Number</label>
                    <input type="text" name="phone_number" class="form-control" value="{{ $phoneNumber }}" placeholder="Search number...">
                </div>
                <div class="col-md-2 d-flex align-items-end">
                    <button type="submit" class="btn btn-primary w-100">
                        <i class="bi bi-funnel me-1"></i> Filter
                    </button>
                </div>
            </form>
        </div>
    </div>

    <div class="row g-3 mb-4">
        <div class="col-md-2">
            <div class="card border-0 shadow-sm">
                <div class="card-body text-center">
                    <h3 class="text-primary mb-0">{{ number_format($summary->total_events ?? 0) }}</h3>
                    <small class="text-muted">Total Events</small>
                </div>
            </div>
        </div>
        <div class="col-md-2">
            <div class="card border-0 shadow-sm bg-info bg-opacity-10">
                <div class="card-body text-center">
                    <h3 class="text-info mb-0">{{ number_format($summary->total_calls ?? 0) }}</h3>
                    <small class="text-muted">Calls</small>
                </div>
        <div class="col-md-6 col-lg-3">
            <div class="card border-0 shadow-sm clickable-card" onclick="window.location='{{ route('dashboard.reports.user-detailed-logs', array_merge(request()->query(), ['event_type' => 'call'])) }}'" style="cursor: pointer;">
                <div class="card-body text-center">
                    <h3 class="text-success mb-0">{{ number_format($summary->incoming_calls ?? 0) }}</h3>
                    <small class="text-muted">Incoming Calls</small>
                </div>
            </div>
        </div>
        <div class="col-md-6 col-lg-3">
            <div class="card border-0 shadow-sm clickable-card" onclick="window.location='{{ route('dashboard.reports.user-detailed-logs', array_merge(request()->query(), ['event_type' => 'call'])) }}'" style="cursor: pointer;">
                <div class="card-body text-center">
                    <h3 class="text-info mb-0">{{ number_format($summary->outgoing_calls ?? 0) }}</h3>
                    <small class="text-muted">Outgoing Calls</small>
                </div>
            </div>
        </div>
        <div class="col-md-6 col-lg-3">
            <div class="card border-0 shadow-sm clickable-card" onclick="window.location='{{ route('dashboard.reports.user-detailed-logs', array_merge(request()->query(), ['event_type' => 'call'])) }}'" style="cursor: pointer;">
                <div class="card-body text-center">
                    <h3 class="text-danger mb-0">{{ number_format($summary->missed_calls ?? 0) }}</h3>
                    <small class="text-muted">Missed Calls</small>
                </div>
            </div>
        </div>
        <div class="col-md-6 col-lg-3">
            <div class="card border-0 shadow-sm clickable-card" onclick="window.location='{{ route('dashboard.reports.user-detailed-logs', array_merge(request()->query(), ['event_type' => 'sms'])) }}'" style="cursor: pointer;">
                <div class="card-body text-center">
                    <h3 class="text-primary mb-0">{{ number_format($summary->sms_sent ?? 0) }}</h3>
                    <small class="text-muted">SMS Sent</small>
                </div>
            </div>
        </div>
        <div class="col-md-6 col-lg-3">
            <div class="card border-0 shadow-sm clickable-card" onclick="window.location='{{ route('dashboard.reports.user-detailed-logs', array_merge(request()->query(), ['event_type' => 'whatsapp'])) }}'" style="cursor: pointer;">
                <div class="card-body text-center">
                    <h3 class="text-success mb-0">{{ number_format($summary->whatsapp_sent ?? 0) }}</h3>
                    <small class="text-muted">WhatsApp Sent</small>
                </div>
            </div>
        </div>
        <div class="col-md-2">
            <div class="card border-0 shadow-sm bg-warning bg-opacity-10">
                <div class="card-body text-center">
                    <h3 class="text-warning mb-0">{{ number_format($summary->unique_numbers ?? 0) }}</h3>
                    <small class="text-muted">Unique Numbers</small>
                </div>
            </div>
        </div>
    </div>

    <div class="card border-0 shadow-sm mb-4">
        <div class="card-header bg-transparent">
            <h6 class="mb-0">User-wise Statistics</h6>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-hover mb-0">
                    <thead>
                        <tr>
                            <th>User</th>
                            <th class="text-center">Calls</th>
                            <th class="text-center">Incoming</th>
                            <th class="text-center">Outgoing</th>
                            <th class="text-center">Missed</th>
                            <th class="text-center">SMS</th>
                            <th class="text-center">WhatsApp</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($userStats as $stat)
                        <tr>
                            <td>{{ $stat->name }}</td>
                            <td class="text-center">{{ number_format($stat->calls_total_count) }}</td>
                            <td class="text-center">{{ number_format($stat->calls_incoming_count) }}</td>
                            <td class="text-center">{{ number_format($stat->calls_outgoing_count) }}</td>
                            <td class="text-center">{{ number_format($stat->calls_missed_count) }}</td>
                            <td class="text-center">{{ number_format($stat->sms_count) }}</td>
                            <td class="text-center">{{ number_format($stat->whatsapp_count) }}</td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="7" class="text-center text-muted py-4">No user statistics found.</td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="card border-0 shadow-sm mb-4">
        <div class="card-header bg-transparent">
            <h6 class="mb-0">Unique Number History (Grouped)</h6>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-hover mb-0">
                    <thead>
                        <tr>
                            <th>User</th>
                            <th>Phone Number</th>
                            <th class="text-center">Incoming</th>
                            <th class="text-center">Outgoing</th>
                            <th class="text-center">Missed</th>
                            <th class="text-center">SMS</th>
                            <th class="text-center">WhatsApp</th>
                            <th class="text-center">Total</th>
                            <th>First Seen</th>
                            <th>Last Seen</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($numberHistory as $row)
                        <tr>
                            <td>{{ $row->user_name ?? 'N/A' }}</td>
                            <td>
                                <span class="masked-data">{{ $row->phone_number }}</span>
                                @if(!empty($row->contact_name))
                                <div class="small text-muted" style="font-size: 0.75rem;">{{ $row->contact_name }}</div>
                                @endif
                            </td>
                            <td class="text-center">{{ number_format($row->incoming_calls) }}</td>
                            <td class="text-center">{{ number_format($row->outgoing_calls) }}</td>
                            <td class="text-center">{{ number_format($row->missed_calls) }}</td>
                            <td class="text-center">{{ number_format($row->sms_count) }}</td>
                            <td class="text-center">{{ number_format($row->whatsapp_count) }}</td>
                            <td class="text-center fw-semibold">{{ number_format($row->total_events) }}</td>
                            <td>{{ \Carbon\Carbon::parse($row->first_seen)->format('Y-m-d H:i') }}</td>
                            <td>{{ \Carbon\Carbon::parse($row->last_seen)->format('Y-m-d H:i') }}</td>
                            <td>
                                <a class="btn btn-sm btn-outline-primary" href="{{ route('dashboard.reports.user-detailed-logs', array_merge(request()->query(), ['phone_number' => $row->phone_number, 'history_page' => 1])) }}">
                                    View History
                                </a>
                            </td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="11" class="text-center text-muted py-4">No number history found for selected filters.</td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

            <div class="d-flex justify-content-center mt-4">
                {{ $numberHistory->appends(request()->query())->links() }}
            </div>
        </div>
    </div>

    <div class="card border-0 shadow-sm">
        <div class="card-header bg-transparent d-flex justify-content-between align-items-center">
            <h6 class="mb-0">Detailed Event History @if(!empty($phoneNumber)) - {{ $phoneNumber }} @endif</h6>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-hover mb-0">
                    <thead>
                        <tr>
                            <th>Time</th>
                            <th>User</th>
                            <th>Phone Number</th>
                            <th>Event</th>
                            <th>Direction / Type</th>
                            <th>Status</th>
                            <th>Details</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($historyLogs as $log)
                        <tr>
                            <td>{{ \Carbon\Carbon::parse($log->event_time)->format('Y-m-d H:i:s') }}</td>
                            <td>{{ $log->user_name ?? 'N/A' }}</td>
                            <td>
                                <span class="masked-data">{{ $log->phone_number }}</span>
                                @if(!empty($log->contact_name))
                                <div class="small text-muted" style="font-size: 0.7rem;">{{ $log->contact_name }}</div>
                                @endif
                            </td>
                            <td>
                                @if($log->event_type === 'call')
                                <span class="badge bg-info">CALL</span>
                                @elseif($log->event_type === 'whatsapp')
                                <span class="badge bg-success">WHATSAPP</span>
                                @else
                                <span class="badge bg-primary">SMS</span>
                                @endif
                            </td>
                            <td>{{ strtoupper($log->direction ?? '-') }}</td>
                            <td>{{ strtoupper($log->delivery_status ?? $log->status_key ?? '-') }}</td>
                            <td>
                                @if($log->event_type === 'call')
                                <span class="text-muted">Duration:</span> {{ $log->call_duration ?? 0 }}s
                                @if(!empty($log->status_note))
                                <br><span class="text-muted">Note:</span> {{ $log->status_note }}
                                @endif
                                @else
                                <span class="text-truncate d-inline-block" style="max-width: 280px;" title="{{ $log->message ?? '' }}">
                                    {{ $log->message ?? '-' }}
                                </span>
                                @endif
                            </td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="7" class="text-center text-muted py-4">No detailed history found.</td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

            <div class="d-flex justify-content-center mt-4">
                {{ $historyLogs->appends(request()->query())->links() }}
            </div>
        </div>
    </div>
</div>
@endsection