@extends('layouts.dashboard')

@section('title', 'Promotion Logs')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h4 class="mb-0">Promotion Logs</h4>
</div>

<!-- Filters -->
<div class="card mb-4">
    <div class="card-body">
        <form action="{{ route('dashboard.promotion-logs') }}" method="GET" class="row g-3">
            <div class="col-md-3">
                <label class="form-label">User</label>
                <select class="form-select" name="user_id">
                    <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">
                <label class="form-label">Status</label>
                <select class="form-select" name="status">
                    <option value="">All</option>
                    <option value="sent" {{ request('status') == 'sent' ? 'selected' : '' }}>Sent</option>
                    <option value="pending" {{ request('status') == 'pending' ? 'selected' : '' }}>Pending</option>
                    <option value="failed" {{ request('status') == 'failed' ? 'selected' : '' }}>Failed</option>
                </select>
            </div>

            <div class="col-md-2">
                <label class="form-label">Trigger Type</label>
                <select class="form-select" name="trigger_type">
                    <option value="">All</option>
                    <option value="incoming" {{ request('trigger_type') == 'incoming' ? 'selected' : '' }}>Incoming</option>
                    <option value="outgoing" {{ request('trigger_type') == 'outgoing' ? 'selected' : '' }}>Outgoing</option>
                    <option value="missed" {{ request('trigger_type') == 'missed' ? 'selected' : '' }}>Missed</option>
                </select>
            </div>

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

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

            <div class="col-md-1 d-flex align-items-end">
                <button type="submit" class="btn btn-primary w-100">
                    <i class="bi bi-search"></i>
                </button>
            </div>
        </form>
    </div>
</div>

<!-- Logs Table -->
<div class="card">
    <div class="card-body">
        @if($promotionLogs->isEmpty())
        <div class="text-center py-5 text-muted">
            <i class="bi bi-megaphone display-4"></i>
            <p class="mt-3">No promotion logs found</p>
        </div>
        @else
        <div class="table-responsive">
            <table class="table table-hover">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>User</th>
                        <th>Phone</th>
                        <th>Message</th>
                        <th>Trigger</th>
                        <th>Template</th>
                        <th>Status</th>
                        <th>Sent At</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($promotionLogs 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>{{ $log->phone_number }}</td>
                        <td>
                            <span class="text-truncate d-inline-block" style="max-width: 200px;"
                                title="{{ $log->message }}">
                                {{ $log->message }}
                            </span>
                        </td>
                        <td>
                            <span class="badge bg-{{ $log->trigger_type == 'missed' ? 'warning' : ($log->trigger_type == 'incoming' ? 'info' : 'success') }}">
                                {{ ucfirst($log->trigger_type) }}
                            </span>
                        </td>
                        <td>
                            @if($log->template)
                            {{ $log->template->name }}
                            @else
                            <span class="text-muted">N/A</span>
                            @endif
                        </td>
                        <td>
                            @if($log->status == 'sent')
                            <span class="badge bg-success">Sent</span>
                            @elseif($log->status == 'pending')
                            <span class="badge bg-warning">Pending</span>
                            @else
                            <span class="badge bg-danger" title="{{ $log->error_message }}">Failed</span>
                            @endif
                        </td>
                        <td>{{ $log->sent_at?->format('M d, Y H:i') ?? '-' }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

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