@extends('backEnd.layouts.master')
@section('title', 'SMS Logs')

@section('content')
<div class="page-header">
    <div>
        <h4><i class="fas fa-list me-2 text-success"></i>SMS Logs</h4>
    </div>
</div>

@include('backEnd.sms.partials.subnav')

<div class="admin-card mb-4">
    <div class="admin-card-body">
        <form method="GET" class="row g-3 align-items-end">
            <div class="col-md-2">
                <label class="form-label">Status</label>
                <select name="status" class="form-select form-select-sm">
                    <option value="">All</option>
                    <option value="sent" @selected(request('status') === 'sent')>Sent</option>
                    <option value="failed" @selected(request('status') === 'failed')>Failed</option>
                </select>
            </div>
            <div class="col-md-2">
                <label class="form-label">Module</label>
                <select name="module" class="form-select form-select-sm">
                    <option value="">All</option>
                    @foreach($modules as $module)
                        <option value="{{ $module }}" @selected(request('module') === $module)>{{ $module }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2">
                <label class="form-label">From</label>
                <input type="date" name="date_from" class="form-control form-control-sm" value="{{ request('date_from') }}">
            </div>
            <div class="col-md-2">
                <label class="form-label">To</label>
                <input type="date" name="date_to" class="form-control form-control-sm" value="{{ request('date_to') }}">
            </div>
            <div class="col-md-3">
                <label class="form-label">Phone Search</label>
                <input type="text" name="search" class="form-control form-control-sm" value="{{ request('search') }}" placeholder="01XXXXXXXXX">
            </div>
            <div class="col-md-1">
                <button type="submit" class="btn btn-primary btn-sm w-100">Filter</button>
            </div>
        </form>
    </div>
</div>

<div class="admin-card">
    <div class="admin-card-body p-0">
        <div class="table-responsive">
            <table class="table mb-0">
                <thead class="table-light">
                    <tr>
                        <th>Time</th>
                        <th>To</th>
                        <th>Message</th>
                        <th>Module</th>
                        <th>Status</th>
                        <th>Code</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($logs as $log)
                    <tr>
                        <td class="small text-nowrap">{{ $log->created_at?->format('d M Y H:i') }}</td>
                        <td class="font-monospace small">{{ $log->to }}</td>
                        <td class="small">{{ Str::limit($log->message, 60) }}</td>
                        <td class="small"><span class="badge bg-light text-dark border">{{ $log->module }}</span></td>
                        <td>
                            <span class="badge bg-{{ $log->status === 'sent' ? 'success' : 'danger' }}">{{ ucfirst($log->status) }}</span>
                        </td>
                        <td class="small">{{ $log->response_code ?? '—' }}</td>
                    </tr>
                    @empty
                    <tr><td colspan="6" class="text-center text-muted py-5">No SMS logs found</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
    @if($logs->hasPages())
    <div class="admin-card-body border-top">
        {{ $logs->links() }}
    </div>
    @endif
</div>
@endsection