@extends('setting.nav')

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

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

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

        <div class="row g-4">
            <div class="col-xl-8">
                <div class="card shadow-sm">
                    <div class="card-header d-flex align-items-center justify-content-between">
                        <h6 class="mb-0">Categories</h6>
                        @if ($isAdmin && $canSeed)
                            <form action="{{ route('auto_reply.categories.seed') }}" method="POST" class="m-0">
                                @csrf
                                <button type="submit" class="btn btn-sm btn-outline-primary">
                                    <i class="bi bi-magic me-1"></i>Add the six standard categories
                                </button>
                            </form>
                        @endif
                    </div>
                    <div class="card-body p-0">
                        <div class="table-responsive">
                            <table class="table table-hover align-middle mb-0">
                                <thead class="table-light">
                                    <tr>
                                        <th>Category</th>
                                        <th>Code</th>
                                        <th>Template</th>
                                        <th class="text-center">Auto reply</th>
                                        <th class="text-center">Active</th>
                                        <th class="text-end">Actions</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse ($categories as $category)
                                        @php
                                            $template = $category->template_id ? $templates->firstWhere('id', $category->template_id) : null;
                                            $sendable = $template && $template->status === \App\Models\EmailTemplate::STATUS_APPROVED;
                                        @endphp
                                        <tr>
                                            <td>
                                                <div class="fw-semibold">{{ $category->name }}</div>
                                                @if ($category->description)
                                                    <div class="text-muted" style="font-size:.8125rem;">
                                                        {{ \Illuminate\Support\Str::limit($category->description, 90) }}
                                                    </div>
                                                @endif
                                                @if ($category->confidence_threshold !== null)
                                                    <span class="badge bg-light text-dark border mt-1"
                                                        style="font-size:.7rem;">
                                                        min confidence {{ number_format($category->confidence_threshold, 2) }}
                                                    </span>
                                                @endif
                                            </td>
                                            <td><code>{{ $category->code }}</code></td>
                                            <td>
                                                @if (!$template)
                                                    <span class="text-muted">None assigned</span>
                                                @else
                                                    <a href="{{ route('auto_reply.templates.edit', $template->id) }}">{{ $template->name }}</a>
                                                    <span
                                                        class="badge {{ $sendable ? 'bg-success' : 'bg-warning text-dark' }}"
                                                        style="font-size:.7rem;">{{ $template->statusLabel() }}</span>
                                                @endif
                                            </td>
                                            <td class="text-center">
                                                @if ($isAdmin)
                                                    <form action="{{ route('auto_reply.categories.toggle', $category->id) }}"
                                                        method="POST" class="m-0">
                                                        @csrf
                                                        <button type="submit"
                                                            class="btn btn-sm {{ $category->auto_reply_enabled ? 'btn-success' : 'btn-outline-secondary' }}"
                                                            title="{{ $category->auto_reply_enabled ? 'Disable auto-reply' : 'Enable auto-reply' }}">
                                                            <i
                                                                class="bi {{ $category->auto_reply_enabled ? 'bi-check-lg' : 'bi-dash-lg' }}"></i>
                                                        </button>
                                                    </form>
                                                @else
                                                    <span
                                                        class="badge {{ $category->auto_reply_enabled ? 'bg-success' : 'bg-secondary' }}">
                                                        {{ $category->auto_reply_enabled ? 'On' : 'Off' }}
                                                    </span>
                                                @endif
                                            </td>
                                            <td class="text-center">
                                                <span class="badge {{ $category->is_active ? 'bg-primary' : 'bg-secondary' }}">
                                                    {{ $category->is_active ? 'Active' : 'Inactive' }}
                                                </span>
                                            </td>
                                            <td class="text-end">
                                                @if ($isAdmin)
                                                    <button class="btn btn-sm btn-outline-secondary" type="button"
                                                        data-bs-toggle="modal"
                                                        data-bs-target="#editCategory{{ $category->id }}">
                                                        Edit
                                                    </button>
                                                    <form action="{{ route('auto_reply.categories.destroy', $category->id) }}"
                                                        method="POST" class="d-inline"
                                                        onsubmit="return confirm('Delete the category {{ $category->name }}?');">
                                                        @csrf
                                                        @method('DELETE')
                                                        <button class="btn btn-sm btn-outline-danger" type="submit">
                                                            <i class="bi bi-trash"></i>
                                                        </button>
                                                    </form>
                                                @endif
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="6" class="text-center text-muted py-4">
                                                No categories yet. Without one, no mail can ever be auto-replied.
                                            </td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                    @if ($categories->isNotEmpty())
                        <div class="card-footer text-muted" style="font-size:.8125rem;">
                            A category only replies when it is active, has auto-reply on, and points at an
                            <strong>approved</strong> template. Anything else is logged and skipped.
                        </div>
                    @endif
                </div>
            </div>

            @if ($isAdmin)
                <div class="col-xl-4">
                    <div class="card shadow-sm">
                        <div class="card-header">
                            <h6 class="mb-0">Add category</h6>
                        </div>
                        <div class="card-body">
                            <form action="{{ route('auto_reply.categories.store') }}" method="POST">
                                @csrf
                                @include('auto_reply._category_fields', [
                                    'category' => null,
                                    'templates' => $templates,
                                ])
                                <button type="submit" class="btn btn-primary w-100">Add category</button>
                            </form>
                        </div>
                    </div>
                </div>
            @endif
        </div>

        {{-- Edit dialogs, one per row. --}}
        @if ($isAdmin)
            @foreach ($categories as $category)
                <div class="modal fade" id="editCategory{{ $category->id }}" tabindex="-1" aria-hidden="true">
                    <div class="modal-dialog modal-dialog-centered">
                        <div class="modal-content">
                            <form action="{{ route('auto_reply.categories.update', $category->id) }}" method="POST">
                                @csrf
                                @method('PUT')
                                <div class="modal-header">
                                    <h5 class="modal-title">Edit {{ $category->name }}</h5>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal"
                                        aria-label="Close"></button>
                                </div>
                                <div class="modal-body">
                                    @include('auto_reply._category_fields', [
                                        'category' => $category,
                                        'templates' => $templates,
                                    ])
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-outline-secondary"
                                        data-bs-dismiss="modal">Cancel</button>
                                    <button type="submit" class="btn btn-primary">Save changes</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            @endforeach
        @endif
    </div>
@endsection