{{-- resources/views/settings/notifications.blade.php --}}
@extends('layouts.app')
@section('title', 'Notification Templates')
@section('page_title', 'Notification Templates')
@section('page_subtitle', 'Customise email, SMS and WhatsApp messages')

@section('content')

@include('settings.partials.nav')

@php
    $channelColors = [
        'email'    => ['bg'=>'#dbeafe','color'=>'#1e40af','icon'=>'bi-envelope'],
        'sms'      => ['bg'=>'#d1fae5','color'=>'#065f46','icon'=>'bi-chat-dots'],
        'whatsapp' => ['bg'=>'#dcfce7','color'=>'#166534','icon'=>'bi-whatsapp'],
    ];

    $eventLabels = [
        'welcome'                 => 'Welcome',
        'reservation_confirmed'   => 'Reservation Confirmed',
        'check_in_reminder'       => 'Check-in Reminder',
        'check_out_reminder'      => 'Check-out Reminder',
        'payment_received'        => 'Payment Received',
        'invoice_issued'          => 'Invoice Issued',
        'reservation_cancelled'   => 'Reservation Cancelled',
        'balance_due_reminder'    => 'Balance Due Reminder',
        'subscription_expiring'   => 'Subscription Expiring',
    ];
@endphp

@foreach($templates as $event => $channelTemplates)
    <div class="card mb-3">
        <div class="card-header">
            <span class="card-title">
                <i class="bi bi-bell me-2" style="color:var(--clay)"></i>
                {{ $eventLabels[$event] ?? ucfirst(str_replace('_', ' ', $event)) }}
            </span>
            <div style="display:flex;gap:6px;">
                @foreach($channelTemplates as $template)
                    @php $cc = $channelColors[$template->channel] ?? $channelColors['email']; @endphp
                    <span style="font-size:.68rem;font-weight:600;
                                 padding:2px 7px;border-radius:20px;
                                 background:{{ $cc['bg'] }};color:{{ $cc['color'] }};">
                        <i class="bi {{ $cc['icon'] }} me-1"></i>
                        {{ ucfirst($template->channel) }}
                        @if(!$template->is_active)
                            (off)
                        @endif
                    </span>
                @endforeach
            </div>
        </div>

        <div class="card-body" style="padding:0;">
            @foreach($channelTemplates as $template)
                @php $cc = $channelColors[$template->channel] ?? $channelColors['email']; @endphp
                <div style="padding:16px 18px;
                            border-bottom:1px solid var(--border);">
                    <div style="display:flex;align-items:center;
                                justify-content:space-between;margin-bottom:10px;">
                        <div style="display:flex;align-items:center;gap:8px;">
                            <div style="width:28px;height:28px;border-radius:6px;
                                        background:{{ $cc['bg'] }};
                                        display:flex;align-items:center;
                                        justify-content:center;">
                                <i class="bi {{ $cc['icon'] }}"
                                   style="font-size:.8rem;color:{{ $cc['color'] }}"></i>
                            </div>
                            <span class="fw-semibold" style="font-size:.82rem;">
                                {{ ucfirst($template->channel) }}
                            </span>
                        </div>
                        <div style="display:flex;align-items:center;gap:6px;">
                            <form method="POST"
                                  action="{{ tenant_route('settings.notifications.test', ['template' => $template->id]) }}">
                                @csrf
                                <button class="btn btn-xs btn-outline-secondary"
                                        type="submit">
                                    Test
                                </button>
                            </form>
                        </div>
                    </div>

                    <form method="POST"
                          action="{{ tenant_route('settings.notifications.update', ['template' => $template->id]) }}">
                        @csrf @method('PUT')

                        @if($template->channel === 'email')
                            <div class="mb-2">
                                <input type="text" name="subject"
                                       class="form-control form-control-sm"
                                       value="{{ old("subject_{$template->id}", $template->subject) }}"
                                       placeholder="Email subject line">
                            </div>
                        @endif

                        <div class="mb-2">
                            <textarea name="body" rows="3"
                                      class="form-control form-control-sm"
                                      placeholder="Message body...">{{ old("body_{$template->id}", $template->body) }}</textarea>
                        </div>

                        <div style="display:flex;align-items:center;
                                    justify-content:space-between;">
                            <div style="font-size:.68rem;color:var(--muted);">
                                Variables: @php echo '{{guest_name}}, {{reservation_ref}}, {{check_in_date}}, {{property_name}}' @endphp
                            </div>
                            <div style="display:flex;align-items:center;gap:8px;">
                                <div class="form-check form-switch mb-0">
                                    <input type="checkbox"
                                           name="is_active" value="1"
                                           class="form-check-input"
                                           {{ $template->is_active ? 'checked' : '' }}>
                                    <label class="form-check-label"
                                           style="font-size:.75rem;">
                                        Active
                                    </label>
                                </div>
                                <button type="submit"
                                        class="btn btn-xs btn-primary">
                                    Save
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            @endforeach
        </div>
    </div>
@endforeach

@if($templates->isEmpty())
    <div class="card">
        <div class="card-body text-center py-5">
            <i class="bi bi-bell" style="font-size:2.5rem;color:var(--muted)"></i>
            <p class="fw-semibold mt-3 mb-1">No notification templates</p>
            <p class="text-muted" style="font-size:.8rem;">
                Run the seeder to create default templates
            </p>
            <code style="font-size:.78rem;">
                php artisan db:seed --class=NotificationTemplateSeeder
            </code>
        </div>
    </div>
@endif

@endsection