{{-- Bulk SMS reminders (reporting, CSO work, court dates, encouragement) + outbox --}}
@extends('layouts.app')
@section('title', 'SMS Reminders - ICMIS')
@push('styles') @include('probation._styles') @endpush
@section('content')
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h2 class="fw-bold mb-0">SMS Reminders</h2>
        <form method="POST" action="{{ route('probation.sms.flush') }}">@csrf<button class="btn btn-outline-secondary btn-sm"><i class="fas fa-paper-plane"></i> Send queued messages</button></form>
    </div>
    @unless($configured)
        <div class="alert alert-warning small">No SMS gateway is configured yet, so messages are kept in the outbox (status “queued”).
            To send through Africa's Talking, set <code>PACS_SMS_DRIVER=africastalking</code>, <code>PACS_SMS_USERNAME</code>, <code>PACS_SMS_API_KEY</code> and optionally <code>PACS_SMS_SENDER</code> in the server's <code>.env</code>, then press “Send queued messages”.</div>
    @endunless
    <form method="POST" action="{{ route('probation.sms.send') }}">
        @csrf
        <div class="row g-3">
            <div class="col-lg-7"><div class="card pcard h-100"><div class="card-header d-flex justify-content-between align-items-center">
                <span>Recipients (cases under supervision)</span>
                <div class="d-flex gap-2">
                    <select class="form-select form-select-sm" onchange="location.href='?case_type='+this.value"><option value="">All modules</option>@foreach($types as $k => $l)@if($k !== 'social_inquiry')<option value="{{ $k }}" {{ request('case_type') === $k ? 'selected' : '' }}>{{ $l }}</option>@endif @endforeach</select>
                    <button type="button" class="btn btn-sm btn-outline-secondary text-nowrap" onclick="document.querySelectorAll('.sms-pick:not(:disabled)').forEach(c => c.checked = true)">Select all</button>
                </div></div>
                <div class="card-body p-0" style="max-height:460px;overflow:auto">
                    <table class="table table-sm small mb-0"><tbody>
                    @forelse($cases as $c)
                        <tr><td style="width:30px"><input type="checkbox" class="form-check-input sms-pick" name="case_ids[]" value="{{ $c->id }}" {{ $c->client_phone ? '' : 'disabled' }}></td>
                            <td>{{ $c->serial_number }}</td><td>{{ optional($c->prisoner)->name }}</td><td>{{ $types[$c->case_type] ?? '' }}</td>
                            <td>{{ $c->client_phone ?: 'no phone' }}</td></tr>
                    @empty<tr><td class="text-muted p-3">No cases.</td></tr>@endforelse
                    </tbody></table>
                </div></div></div>
            <div class="col-lg-5"><div class="card pcard"><div class="card-header">Message</div><div class="card-body">
                <select class="form-select form-select-sm mb-2" onchange="if(this.value) document.getElementById('smsMsg').value=this.value">
                    <option value="">Use a template…</option>
                    @foreach($templates as $k => $t)<option value="{{ $t }}">{{ ucfirst(str_replace('_', ' ', $k)) }}</option>@endforeach
                </select>
                <textarea name="message" id="smsMsg" rows="5" class="form-control form-control-sm mb-2" maxlength="640" required></textarea>
                <div class="form-text mb-2">Placeholders: {name} {station} {agency} {date}</div>
                <input name="date" class="form-control form-control-sm mb-2" placeholder="Value for {date}, e.g. Monday 10 November 2026">
                <select name="purpose" class="form-select form-select-sm mb-2">@foreach(config('probation_workflow.sms_purposes') as $k => $l)<option value="{{ $k }}">{{ $l }}</option>@endforeach</select>
                <label class="form-label small mb-0">Send later (optional)</label>
                <input type="datetime-local" name="send_at" class="form-control form-control-sm mb-2">
                <button class="btn btn-primary w-100"><i class="fas fa-paper-plane"></i> Send to selected</button>
            </div></div></div>
        </div>
    </form>

    <div class="card pcard mt-3"><div class="card-header">Outbox (latest 100)</div><div class="card-body p-0"><div class="table-responsive">
        <table class="table table-sm small mb-0"><thead class="table-light"><tr><th>When</th><th>Case</th><th>Phone</th><th>Message</th><th>Purpose</th><th>Status</th></tr></thead><tbody>
        @forelse($outbox as $m)
            <tr><td>{{ $m->created_at->format('d M H:i') }}{{ $m->send_at ? ' → ' . $m->send_at->format('d M H:i') : '' }}</td><td>{{ optional($m->case)->serial_number }}</td><td>{{ $m->phone }}</td>
                <td>{{ \Illuminate\Support\Str::limit($m->message, 80) }}</td><td>{{ ucfirst($m->purpose) }}</td>
                <td><span class="badge {{ $m->status === 'sent' ? 'bg-success' : ($m->status === 'failed' ? 'bg-danger' : 'bg-secondary') }}" title="{{ $m->error }}">{{ $m->status }}</span></td></tr>
        @empty<tr><td colspan="6" class="text-muted p-3">No messages yet.</td></tr>@endforelse
        </tbody></table>
    </div></div></div>
</div>
@endsection