@extends('admin.layouts.app')
@section('title','Notifications')
@section('page-title','Notifications')
@section('page-subtitle','Send and manage conference notifications')
@section('notifications-active','active')
@section('content')

@if(session('success'))<div class="alert alert-success">{{ session('success') }}</div>@endif
@if(session('error'))<div class="alert alert-danger">{{ session('error') }}</div>@endif
@if($errors->any())<div class="alert alert-danger"><ul class="mb-0">@foreach($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul></div>@endif

<form method="GET" class="mb-3">
    <div class="col-md-4">
        <select name="conference_id" class="form-select" onchange="this.form.submit()">
            <option value="">All Conferences</option>
            @foreach($conferences as $conf)
                <option value="{{ $conf->id }}" @selected($conferenceId == $conf->id)>{{ $conf->name }}</option>
            @endforeach
        </select>
    </div>
</form>

<div class='cardx p-4 mb-4'>
    <h6>Send Notification</h6>
    <p class="text-muted small mb-3">
        <strong>Dashboard:</strong> appears on the user dashboard and Notifications page.
        Select a specific user, or choose a conference to notify all registered participants.
        <strong>Email:</strong> requires a user, conference, or recipient email.
    </p>
    <div class="alert alert-info py-2 small mb-3">
        <i class="fas fa-circle-info me-1"></i>
        <strong>SMS &amp; WhatsApp are not used here.</strong>
        This page sends in-app dashboard alerts and email only.
        For election voting codes, configure channels under
        <a href="{{ route('admin.elections.otp-settings.index') }}">Election OTP Settings</a>
        (separate SMS/WhatsApp providers).
        Password reset is email-only via
        <a href="{{ route('admin.settings.index') }}">System Settings</a>.
    </div>
    <form method="POST" action="{{ route('admin.notifications.store') }}">
        @csrf
        <div class="row g-3">
            <div class="col-md-4">
                <label class="form-label small">Conference</label>
                <select name="conference_id" class="form-select">
                    <option value="">No conference / all registrants N/A</option>
                    @foreach($conferences as $conf)
                        <option value="{{ $conf->id }}" @selected(old('conference_id') == $conf->id)>{{ $conf->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-4">
                <label class="form-label small">User (optional)</label>
                <select name="user_id" class="form-select">
                    <option value="">All conference registrants</option>
                    @foreach($users as $user)
                        <option value="{{ $user->id }}" @selected(old('user_id') == $user->id)>{{ $user->name }} ({{ $user->email }})</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-4">
                <label class="form-label small">Channel</label>
                <select name="channel" class="form-select" required>
                    @foreach(['dashboard','email'] as $ch)
                        <option value="{{ $ch }}" @selected(old('channel', 'dashboard') === $ch)>{{ ucfirst($ch) }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-12"><input name="title" class="form-control" placeholder="Title" value="{{ old('title') }}" required></div>
            <div class="col-md-12"><textarea name="message" class="form-control" rows="3" placeholder="Message" required>{{ old('message') }}</textarea></div>
            <div class="col-md-6"><input name="recipient_email" class="form-control" placeholder="Recipient email (optional override)" value="{{ old('recipient_email') }}"></div>
            <div class="col-md-12"><button type="submit" class="btn btn-green">Send Notification</button></div>
        </div>
    </form>
</div>

<div class='cardx p-4'>
    <div class="table-responsive">
        <table class='table'>
            <thead><tr><th>Title</th><th>User</th><th>Conference</th><th>Channel</th><th>Status</th><th>Sent</th><th></th></tr></thead>
            <tbody>
                @forelse($notifications as $notification)
                    <tr>
                        <td>{{ $notification->title }}</td>
                        <td>{{ $notification->user?->name ?? $notification->recipient_email ?? '—' }}</td>
                        <td>{{ $notification->conference?->name ?? '—' }}</td>
                        <td>{{ ucfirst($notification->channel) }}</td>
                        <td><span class="badge {{ $notification->status === 'sent' ? 'bg-success' : ($notification->status === 'failed' ? 'bg-danger' : ($notification->status === 'read' ? 'bg-secondary' : 'bg-warning text-dark')) }}">{{ ucfirst($notification->status) }}</span></td>
                        <td>{{ $notification->sent_at?->format('M d, Y') ?? '—' }}</td>
                        <td>
                            <form method="POST" action="{{ route('admin.notifications.destroy', $notification) }}" class="d-inline">@csrf @method('DELETE')<button class="btn btn-sm btn-outline-danger">Delete</button></form>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="7" class="text-muted">No notifications yet.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    {{ $notifications->links() }}
</div>

@endsection