@extends('layouts.app')

@section('title', 'SMS Center')

@section('content')
@include('super-admin.partials.nav')

<x-page-header title="SMS Center" subtitle="Outbound SMS logs, templates, and testing" icon="messages" icon-color="cyan">
    <x-slot:actions>
        <a href="{{ route('super-admin.sms.templates') }}" class="btn-secondary btn-sm">Templates</a>
        <a href="{{ route('super-admin.sms.compose') }}" class="btn-primary btn-sm">Compose / Test</a>
    </x-slot:actions>
</x-page-header>

<div class="glass-card p-4 mb-4 flex flex-wrap gap-2 items-center justify-between">
    <div class="flex gap-2">
        <a href="{{ route('super-admin.sms.index') }}" class="btn-sm {{ !$status ? 'btn-primary' : 'btn-ghost' }}">All</a>
        @foreach (['sent', 'failed', 'queued'] as $s)
            <a href="{{ route('super-admin.sms.index', ['status' => $s]) }}" class="btn-sm {{ $status === $s ? 'btn-primary' : 'btn-ghost' }}">{{ ucfirst($s) }}</a>
        @endforeach
    </div>
    <p class="text-sm text-themed-muted">Gateway: <span class="text-themed">{{ $gatewayEnabled ? 'Enabled' : 'Disabled' }}</span></p>
</div>

<form method="POST" action="{{ route('super-admin.sms.gateway') }}" class="glass-card p-5 mb-6 grid sm:grid-cols-2 gap-4">
    @csrf
    @method('PUT')
    <h3 class="sm:col-span-2 font-semibold">Platform SMS gateway</h3>
    <label class="flex items-center gap-2 text-sm"><input type="checkbox" name="sms_gateway_enabled" value="1" class="rounded border-themed" @checked($gatewayEnabled)> Enable SMS gateway</label>
    <div>
        <label class="field-label">Provider</label>
        <select name="sms_provider" class="field-select">
            <option value="none">None</option>
            <option value="arkesel" @selected(old('sms_provider', $appSettings['sms_provider'] ?? 'none') === 'arkesel')>Arkesel</option>
        </select>
    </div>
    <div>
        <label class="field-label">Arkesel API key</label>
        <input type="password" name="sms_arkesel_api_key" class="field-input" placeholder="Leave blank to keep">
    </div>
    <div>
        <label class="field-label">Sender ID</label>
        <input type="text" name="sms_arkesel_sender_id" class="field-input" value="{{ old('sms_arkesel_sender_id', $appSettings['sms_arkesel_sender_id'] ?? '') }}">
    </div>
    <div class="sm:col-span-2"><button class="btn-secondary btn-sm" type="submit">Save gateway</button></div>
</form>

<div class="table-wrap">
    <table class="data-table">
        <thead>
            <tr>
                <th>When</th>
                <th>To</th>
                <th>Status</th>
                <th>Provider</th>
                <th>Body</th>
                <th>Error</th>
            </tr>
        </thead>
        <tbody>
            @forelse ($messages as $message)
                <tr>
                    <td class="whitespace-nowrap text-xs">{{ $message->created_at?->format('Y-m-d H:i') }}</td>
                    <td>{{ $message->to }}</td>
                    <td><span class="badge-{{ $message->status === 'sent' ? 'success' : ($message->status === 'failed' ? 'danger' : 'neutral') }}">{{ $message->status }}</span></td>
                    <td>{{ $message->provider ?? '—' }}</td>
                    <td class="max-w-xs truncate">{{ $message->body }}</td>
                    <td class="text-xs text-red-300">{{ $message->error }}</td>
                </tr>
            @empty
                <tr><td colspan="6" class="text-center text-themed-muted py-8">No SMS messages yet.</td></tr>
            @endforelse
        </tbody>
    </table>
</div>
<div class="mt-4">{{ $messages->links() }}</div>
@endsection