@extends('setting.nav')

@section('title', 'Auto Reply Settings')

@section('content')
    <div class="container-fluid mt-4">
        @include('auto_reply._tabs')

        @php
            $isAdmin = auth()->check() && auth()->user()->auth_id == 0;
            $ready = $readyCategories->count();
        @endphp

        {{-- Readiness first: "enabled" on its own does not send anything. --}}
        <div class="card shadow-sm mb-4">
            <div class="card-body">
                <div class="d-flex flex-wrap align-items-center gap-4">
                    <div>
                        <div class="text-muted" style="font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;">
                            Status</div>
                        <div class="fs-5 fw-semibold">
                            @if (!$settings->enabled)
                                <span class="badge bg-secondary">Off</span>
                            @elseif ($ready === 0)
                                <span class="badge bg-warning text-dark">On, but nothing can send</span>
                            @else
                                <span class="badge bg-success">On</span>
                            @endif
                        </div>
                    </div>
                    <div class="vr d-none d-md-block"></div>
                    <div>
                        <div class="text-muted" style="font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;">
                            Categories ready to reply</div>
                        <div class="fs-5 fw-semibold">{{ $ready }} <span
                                class="text-muted fs-6">of {{ $categories->count() }}</span></div>
                    </div>
                    <div class="vr d-none d-md-block"></div>
                    <div>
                        <div class="text-muted" style="font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;">
                            Approved templates</div>
                        <div class="fs-5 fw-semibold">{{ $approvedTemplates }}</div>
                    </div>
                </div>

                @if ($settings->enabled && $ready === 0)
                    <div class="alert alert-warning mt-3 mb-0" style="font-size:.875rem;">
                        Auto-reply is on, but no category is ready. A category sends only when it is
                        <strong>active</strong>, has <strong>auto-reply enabled</strong>, and points at an
                        <strong>approved</strong> template.
                        <a href="{{ route('auto_reply.categories') }}">Review categories</a>.
                    </div>
                @endif

                @if ($ready > 0)
                    <div class="mt-3" style="font-size:.875rem;">
                        <span class="text-muted">Replying for:</span>
                        @foreach ($readyCategories as $category)
                            <span class="badge bg-success-subtle text-success-emphasis border border-success-subtle">{{ $category->name }}</span>
                        @endforeach
                    </div>
                @endif
            </div>
        </div>

        <form action="{{ route('auto_reply.settings.save') }}" method="POST">
            @csrf

            <div class="row g-4">
                <div class="col-lg-7">
                    <div class="card shadow-sm h-100">
                        <div class="card-header">
                            <h6 class="mb-0">Sending rules</h6>
                        </div>
                        <div class="card-body">

                            <div class="form-check form-switch mb-4">
                                <input class="form-check-input" type="checkbox" role="switch" id="enabled"
                                    name="enabled" value="1" @checked(old('enabled', $settings->enabled)) @disabled(!$isAdmin)>
                                <label class="form-check-label fw-semibold" for="enabled">
                                    Send automatic acknowledgements
                                </label>
                                <div class="form-text">
                                    The master switch. With this off, mail is still categorised and logged, but nothing
                                    is sent.
                                </div>
                            </div>

                            <div class="mb-4">
                                <label for="confidence_threshold" class="form-label fw-semibold">
                                    Minimum AI confidence
                                </label>
                                <div class="d-flex align-items-center gap-3">
                                    <input type="range" class="form-range" id="confidence_range" min="0.5"
                                        max="1" step="0.01"
                                        value="{{ old('confidence_threshold', $settings->confidence_threshold) }}"
                                        @disabled(!$isAdmin)>
                                    <input type="number" class="form-control" style="max-width:110px;"
                                        id="confidence_threshold" name="confidence_threshold" min="0" max="1"
                                        step="0.01"
                                        value="{{ old('confidence_threshold', $settings->confidence_threshold) }}"
                                        required @disabled(!$isAdmin)>
                                </div>
                                <div class="form-text">
                                    A mail is only answered when the AI is at least this sure of the category. A
                                    category can set its own stricter or looser value.
                                </div>
                            </div>

                            <div class="form-check form-switch mb-3">
                                <input class="form-check-input" type="checkbox" role="switch"
                                    id="manual_review_below_threshold" name="manual_review_below_threshold" value="1"
                                    @checked(old('manual_review_below_threshold', $settings->manual_review_below_threshold)) @disabled(!$isAdmin)>
                                <label class="form-check-label" for="manual_review_below_threshold">
                                    Flag low-confidence mail for manual review
                                </label>
                                <div class="form-text">
                                    Logs them as <code>MANUAL_REVIEW</code> instead of quietly skipping, so someone can
                                    answer by hand.
                                </div>
                            </div>

                            <div class="form-check form-switch mb-4">
                                <input class="form-check-input" type="checkbox" role="switch"
                                    id="reply_once_per_thread" name="reply_once_per_thread" value="1"
                                    @checked(old('reply_once_per_thread', $settings->reply_once_per_thread)) @disabled(!$isAdmin)>
                                <label class="form-check-label" for="reply_once_per_thread">
                                    Acknowledge each conversation only once
                                </label>
                                <div class="form-text">
                                    Follow-up mails in a thread that was already acknowledged are logged as
                                    <code>ALREADY_SENT</code>.
                                </div>
                            </div>

                            <div class="form-check form-switch mb-4">
                                <input class="form-check-input" type="checkbox" role="switch"
                                    id="reply_to_internal_senders" name="reply_to_internal_senders" value="1"
                                    @checked(old('reply_to_internal_senders', $settings->reply_to_internal_senders)) @disabled(!$isAdmin)>
                                <label class="form-check-label" for="reply_to_internal_senders">
                                    Also acknowledge mail from your own team
                                </label>
                                <div class="form-text">
                                    Off by default — colleagues are not customers. Turn it on to test the feature by
                                    mailing yourself from another mailbox on this account. Mail the mailbox sends to
                                    itself is never acknowledged either way.
                                </div>
                            </div>

                            <div class="mb-2">
                                <label for="daily_limit_per_recipient" class="form-label fw-semibold">
                                    Daily limit per sender
                                </label>
                                <input type="number" class="form-control" style="max-width:140px;"
                                    id="daily_limit_per_recipient" name="daily_limit_per_recipient" min="0"
                                    max="50"
                                    value="{{ old('daily_limit_per_recipient', $settings->daily_limit_per_recipient) }}"
                                    required @disabled(!$isAdmin)>
                                <div class="form-text">
                                    A safety net against reply loops. 0 removes the limit.
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-5">
                    <div class="card shadow-sm h-100">
                        <div class="card-header">
                            <h6 class="mb-0">Template values</h6>
                        </div>
                        <div class="card-body">
                            <p class="text-muted" style="font-size:.875rem;">
                                These fill the matching placeholders in your templates.
                            </p>

                            <div class="mb-3">
                                <label for="company_name" class="form-label">
                                    Company name <code class="ms-1">@{{company_name}}</code>
                                </label>
                                <input type="text" class="form-control" id="company_name" name="company_name"
                                    value="{{ old('company_name', $settings->company_name) }}" @disabled(!$isAdmin)>
                            </div>

                            <div class="mb-3">
                                <label for="default_product_name" class="form-label">
                                    Default product <code class="ms-1">@{{product_name}}</code>
                                </label>
                                <input type="text" class="form-control" id="default_product_name"
                                    name="default_product_name"
                                    value="{{ old('default_product_name', $settings->default_product_name) }}"
                                    @disabled(!$isAdmin)>
                                <div class="form-text">Used when a template asks for a product name. Falls back to the
                                    category name.</div>
                            </div>

                            <div class="mb-3">
                                <label for="signature_name" class="form-label">
                                    Signature <code class="ms-1">@{{signature_name}}</code>
                                </label>
                                <input type="text" class="form-control" id="signature_name" name="signature_name"
                                    value="{{ old('signature_name', $settings->signature_name) }}" @disabled(!$isAdmin)>
                                <div class="form-text">For example "Customer Success Team".</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            @if ($isAdmin)
                <div class="mt-4">
                    <button type="submit" class="btn btn-primary">Save settings</button>
                </div>
            @else
                <div class="alert alert-secondary mt-4 mb-0" style="font-size:.875rem;">
                    Only the account administrator can change these settings.
                </div>
            @endif
        </form>
    </div>
@endsection

@section('scripts')
    <script>
        // Keep the slider and the number box showing the same value.
        (function() {
            var range = document.getElementById('confidence_range');
            var number = document.getElementById('confidence_threshold');
            if (!range || !number) return;

            range.addEventListener('input', function() {
                number.value = range.value;
            });
            number.addEventListener('input', function() {
                range.value = number.value;
            });
        })();
    </script>
@endsection