@extends('layouts.dashboard')

@section('title', 'WhatsApp Logs')
@section('page-title', 'WhatsApp Logs')

@section('content')
<div class="table-container">
    <!-- Filters -->
    <form action="{{ route('dashboard.whatsapp-logs') }}" method="GET" class="row g-3 mb-4">
        <div class="col-md-3">
            <select name="user_id" class="form-select">
                <option value="">All Users</option>
                @foreach($users as $user)
                <option value="{{ $user->id }}" {{ request('user_id') == $user->id ? 'selected' : '' }}>
                    {{ $user->name }}
                </option>
                @endforeach
            </select>
        </div>

        <div class="col-md-2">
            <select name="status" class="form-select">
                <option value="">All Status</option>
                <option value="sent" {{ request('status') == 'sent' ? 'selected' : '' }}>Sent</option>
                <option value="failed" {{ request('status') == 'failed' ? 'selected' : '' }}>Failed</option>
                <option value="pending" {{ request('status') == 'pending' ? 'selected' : '' }}>Pending</option>
            </select>
        </div>

        <div class="col-md-2">
            <input type="date" name="from_date" class="form-control" placeholder="From" value="{{ request('from_date') }}">
        </div>

        <div class="col-md-2">
            <input type="date" name="to_date" class="form-control" placeholder="To" value="{{ request('to_date') }}">
        </div>

        <div class="col-md-3">
            <button type="submit" class="btn btn-primary me-2">
                <i class="bi bi-filter"></i> Filter
            </button>
            <a href="{{ route('dashboard.whatsapp-logs') }}" class="btn btn-outline-secondary">
                <i class="bi bi-x"></i> Clear
            </a>
        </div>
    </form>

    <!-- Results Info -->
    <div class="d-flex justify-content-between align-items-center mb-3">
        <span class="text-muted">Showing {{ $smsLogs->count() }} of {{ $smsLogs->total() }} WhatsApp logs</span>
    </div>

    <!-- WhatsApp Logs Table -->
    <div class="table-responsive">
        <table class="table table-hover">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>User</th>
                    <th>Channel</th>
                    <th>Phone / Contact</th>
                    <th>Message</th>
                    <th>Status</th>
                    <th>Sent At</th>
                </tr>
            </thead>
            <tbody>
                @forelse($smsLogs as $log)
                <tr>
                    <td>{{ $log->id }}</td>
                    <td>
                        @if($log->user)
                        <a href="{{ route('dashboard.user-details', $log->user_id) }}">
                            {{ $log->user->name }}
                        </a>
                        @else
                        <span class="text-muted">N/A</span>
                        @endif
                    </td>
                    <td>
                        <span class="badge bg-success"><i class="bi bi-whatsapp"></i> WhatsApp</span>
                    </td>
                    <td>
                        <div>{{ $log->phone_number }}</div>
                        @if($log->contact_name)
                        <small class="text-muted">{{ $log->contact_name }}</small>
                        @endif
                    </td>
                    <td>
                        <span title="{{ $log->message }}">
                            {{ Str::limit($log->message, 60) }}
                        </span>
                    </td>
                    <td>
                        @php
                        $statusClass = match(strtolower($log->status)) {
                        'sent', 'delivered' => 'bg-success',
                        'pending' => 'bg-warning',
                        'failed' => 'bg-danger',
                        default => 'bg-secondary',
                        };
                        @endphp
                        <span class="badge {{ $statusClass }}">
                            {{ ucfirst($log->status) }}
                        </span>
                    </td>
                    <td>{{ $log->sent_at?->format('M d, Y H:i:s') ?? 'N/A' }}</td>
                </tr>
                @empty
                <tr>
                    <td colspan="7" class="text-center text-muted py-4">
                        No WhatsApp logs found
                    </td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <!-- Pagination -->
    <div class="d-flex justify-content-center mt-4">
        {{ $smsLogs->withQueryString()->links() }}
    </div>
</div>
@endsection