@extends('admin.layouts.main')
@section('menu', 'Logs')
@section('title', 'SMS Logs')

@section('content')
<div class="portlet light">
    <div class="portlet-title">
        <div class="caption"><span class="caption-subject theme-font bold uppercase">Filter</span></div>
    </div>
    <div class="portlet-body">
        <form action="{{ route('admin.sms-logs.index') }}" method="GET" class="form-inline">
            <div class="form-group margin-right-10 margin-bottom-10">
                <input type="text" name="search" class="form-control" placeholder="Search recipient or message..." value="{{ request('search') }}">
            </div>
            <div class="form-group margin-right-10 margin-bottom-10">
                <input type="date" name="date_from" class="form-control" value="{{ request('date_from') }}">
            </div>
            <div class="form-group margin-right-10 margin-bottom-10">
                <input type="date" name="date_to" class="form-control" value="{{ request('date_to') }}">
            </div>
            <button type="submit" class="btn blue margin-bottom-10"><i class="fa fa-search"></i> Filter</button>
            <a href="{{ route('admin.sms-logs.index') }}" class="btn default margin-bottom-10"><i class="fa fa-refresh"></i> Reset</a>
        </form>
    </div>
</div>

<div class="panel panel-primary">
    <div class="panel-body table-responsive">
        <table class="table table-bordered table-hover">
            <thead>
                <tr>
                    <th class="tc" style="width:150px;">Date</th>
                    <th style="width:150px;">To</th>
                    <th>Message</th>
                    <th style="width:100px;">Provider</th>
                    <th class="tc" style="width:80px;">Status</th>
                </tr>
            </thead>
            <tbody>
                @forelse($logs as $log)
                <tr>
                    <td class="tc">{{ $log->created_at->format('M d, Y H:i') }}</td>
                    <td>{{ $log->properties['to'] ?? '-' }}</td>
                    <td>{{ Str::limit($log->properties['message'] ?? $log->description, 100) }}</td>
                    <td>{{ $log->properties['provider'] ?? '-' }}</td>
                    <td class="tc">
                        @php $status = $log->properties['status'] ?? 'unknown'; @endphp
                        <span class="label label-sm label-{{ $status === 'sent' || $status === 'success' ? 'success' : 'danger' }}">{{ ucfirst($status) }}</span>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="5" class="text-center font-grey-mint">No SMS logs found.</td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($logs->hasPages())
    <div class="panel-footer text-center">{{ $logs->links() }}</div>
    @endif
</div>
@endsection