@page "/design/external-systems"
@using ScadaLink.Security
@using ScadaLink.Commons.Entities.ExternalSystems
@using ScadaLink.Commons.Entities.Notifications
@using ScadaLink.Commons.Entities.InboundApi
@using ScadaLink.Commons.Interfaces.Repositories
@attribute [Authorize(Policy = AuthorizationPolicies.RequireDesign)]
@inject IExternalSystemRepository ExternalSystemRepository
@inject INotificationRepository NotificationRepository
@inject IInboundApiRepository InboundApiRepository
@inject NavigationManager NavigationManager

<div class="container-fluid mt-3">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h4 class="mb-0">Integration Definitions</h4>
        <a class="btn btn-outline-secondary btn-sm"
           href="/design/smtp">Email configuration →</a>
    </div>

    <ToastNotification @ref="_toast" />
    <ConfirmDialog @ref="_confirmDialog" ConfirmButtonClass="btn-danger" />

    @if (_loading)
    {
        <LoadingSpinner IsLoading="true" />
    }
    else if (_errorMessage != null)
    {
        <div class="alert alert-danger">@_errorMessage</div>
    }
    else
    {
        <ul class="nav nav-tabs mb-3" role="tablist">
            <li class="nav-item" role="presentation">
                <button class="nav-link @(_tab == "extsys" ? "active" : "")"
                        role="tab"
                        aria-selected="@(_tab == "extsys" ? "true" : "false")"
                        aria-controls="int-tab-extsys"
                        @onclick='() => _tab = "extsys"'>
                    External Systems <span class="badge bg-secondary">@_externalSystems.Count</span>
                </button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link @(_tab == "dbconn" ? "active" : "")"
                        role="tab"
                        aria-selected="@(_tab == "dbconn" ? "true" : "false")"
                        aria-controls="int-tab-dbconn"
                        @onclick='() => _tab = "dbconn"'>
                    Database Connections <span class="badge bg-secondary">@_dbConnections.Count</span>
                </button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link @(_tab == "notif" ? "active" : "")"
                        role="tab"
                        aria-selected="@(_tab == "notif" ? "true" : "false")"
                        aria-controls="int-tab-notif"
                        @onclick='() => _tab = "notif"'>
                    Notification Lists <span class="badge bg-secondary">@_notificationLists.Count</span>
                </button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link @(_tab == "inbound" ? "active" : "")"
                        role="tab"
                        aria-selected="@(_tab == "inbound" ? "true" : "false")"
                        aria-controls="int-tab-inbound"
                        @onclick='() => _tab = "inbound"'>
                    Inbound API Methods <span class="badge bg-secondary">@_apiMethods.Count</span>
                </button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link @(_tab == "apikeys" ? "active" : "")"
                        role="tab"
                        aria-selected="@(_tab == "apikeys" ? "true" : "false")"
                        aria-controls="int-tab-apikeys"
                        @onclick='() => _tab = "apikeys"'>
                    API Keys <span class="badge bg-secondary">@_apiKeys.Count</span>
                </button>
            </li>
        </ul>

        @if (_tab == "extsys")
        {
            <div role="tabpanel" id="int-tab-extsys">@RenderExternalSystems()</div>
        }
        else if (_tab == "dbconn")
        {
            <div role="tabpanel" id="int-tab-dbconn">@RenderDbConnections()</div>
        }
        else if (_tab == "notif")
        {
            <div role="tabpanel" id="int-tab-notif">@RenderNotificationLists()</div>
        }
        else if (_tab == "inbound")
        {
            <div role="tabpanel" id="int-tab-inbound">@RenderInboundApiMethods()</div>
        }
        else if (_tab == "apikeys")
        {
            <div role="tabpanel" id="int-tab-apikeys">@RenderApiKeys()</div>
        }
    }
</div>

@code {
    private bool _loading = true;
    private string? _errorMessage;
    private string _tab = "extsys";

    // External Systems
    private List<ExternalSystemDefinition> _externalSystems = new();
    private string _extsysSearch = "";
    private IEnumerable<ExternalSystemDefinition> FilteredExternalSystems =>
        string.IsNullOrWhiteSpace(_extsysSearch)
            ? _externalSystems
            : _externalSystems.Where(es => es.Name?.Contains(_extsysSearch, StringComparison.OrdinalIgnoreCase) ?? false);

    // Database Connections
    private List<DatabaseConnectionDefinition> _dbConnections = new();
    private string _dbConnSearch = "";
    private IEnumerable<DatabaseConnectionDefinition> FilteredDbConnections =>
        string.IsNullOrWhiteSpace(_dbConnSearch)
            ? _dbConnections
            : _dbConnections.Where(dc => dc.Name?.Contains(_dbConnSearch, StringComparison.OrdinalIgnoreCase) ?? false);

    // API Keys
    private List<ApiKey> _apiKeys = new();
    private string _apiKeySearch = "";
    private IEnumerable<ApiKey> FilteredApiKeys =>
        string.IsNullOrWhiteSpace(_apiKeySearch)
            ? _apiKeys
            : _apiKeys.Where(k => k.Name?.Contains(_apiKeySearch, StringComparison.OrdinalIgnoreCase) ?? false);

    // Notification Lists
    private List<NotificationList> _notificationLists = new();
    private Dictionary<int, List<NotificationRecipient>> _recipients = new();
    private string _notifSearch = "";
    private IEnumerable<NotificationList> FilteredNotificationLists =>
        string.IsNullOrWhiteSpace(_notifSearch)
            ? _notificationLists
            : _notificationLists.Where(n => n.Name?.Contains(_notifSearch, StringComparison.OrdinalIgnoreCase) ?? false);

    // Inbound API Methods
    private List<ApiMethod> _apiMethods = new();
    private string _apiMethodSearch = "";
    private IEnumerable<ApiMethod> FilteredApiMethods =>
        string.IsNullOrWhiteSpace(_apiMethodSearch)
            ? _apiMethods
            : _apiMethods.Where(m => m.Name?.Contains(_apiMethodSearch, StringComparison.OrdinalIgnoreCase) ?? false);

    private ToastNotification _toast = default!;
    private ConfirmDialog _confirmDialog = default!;

    protected override async Task OnInitializedAsync()
    {
        await LoadAllAsync();
    }

    private async Task LoadAllAsync()
    {
        _loading = true;
        try
        {
            _externalSystems = (await ExternalSystemRepository.GetAllExternalSystemsAsync()).ToList();
            _dbConnections = (await ExternalSystemRepository.GetAllDatabaseConnectionsAsync()).ToList();
            _notificationLists = (await NotificationRepository.GetAllNotificationListsAsync()).ToList();

            _recipients.Clear();
            foreach (var list in _notificationLists)
            {
                var recips = await NotificationRepository.GetRecipientsByListIdAsync(list.Id);
                if (recips.Count > 0) _recipients[list.Id] = recips.ToList();
            }

            _apiMethods = (await InboundApiRepository.GetAllApiMethodsAsync()).ToList();
            _apiKeys = (await InboundApiRepository.GetAllApiKeysAsync()).ToList();
        }
        catch (Exception ex) { _errorMessage = ex.Message; }
        _loading = false;
    }

    // ==== External Systems ====
    private RenderFragment RenderExternalSystems() => __builder =>
    {
        <div class="d-flex justify-content-between align-items-center mb-2">
            <h5 class="mb-0">External Systems</h5>
            <button class="btn btn-primary btn-sm" @onclick='() => NavigationManager.NavigateTo("/design/external-systems/create")'>Add External System</button>
        </div>

        @if (_externalSystems.Count == 0)
        {
            <div class="text-center py-5 text-muted">
                <p class="mb-3">No external systems configured.</p>
                <button class="btn btn-primary btn-sm"
                        @onclick='() => NavigationManager.NavigateTo("/design/external-systems/create")'>
                    Add your first external system
                </button>
            </div>
        }
        else
        {
            <div class="mb-3" style="max-width: 320px;">
                <input class="form-control form-control-sm"
                       placeholder="Filter by name…"
                       @bind="_extsysSearch" @bind:event="oninput" />
            </div>

            @if (!FilteredExternalSystems.Any())
            {
                <p class="text-muted small">No external systems match the filter.</p>
            }

            <div class="row g-3">
                @foreach (var es in FilteredExternalSystems)
                {
                    <div class="col-lg-6 col-12" @key="es.Id">
                        <div class="card h-100">
                            <div class="card-body">
                                <div class="d-flex justify-content-between align-items-start mb-2">
                                    <h5 class="card-title mb-0">@es.Name</h5>
                                    <div class="d-flex gap-1">
                                        <button class="btn btn-outline-primary btn-sm" @onclick='() => NavigationManager.NavigateTo($"/design/external-systems/{es.Id}/edit")'>Edit</button>
                                        <div class="dropdown">
                                            <button class="btn btn-outline-secondary btn-sm"
                                                    data-bs-toggle="dropdown"
                                                    aria-expanded="false"
                                                    aria-label="@($"More actions for {es.Name}")">⋮</button>
                                            <ul class="dropdown-menu dropdown-menu-end">
                                                <li><button class="dropdown-item text-danger" @onclick="() => DeleteExtSys(es)">Delete</button></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <p class="small text-muted text-truncate mb-1" title="@es.EndpointUrl">@es.EndpointUrl</p>
                                <div>
                                    <span class="badge bg-secondary me-1">@es.AuthType</span>
                                    <span class="badge bg-light text-dark me-1">Max @es.MaxRetries retries</span>
                                    <span class="badge bg-light text-dark">Delay @es.RetryDelay.TotalSeconds s</span>
                                </div>
                            </div>
                        </div>
                    </div>
                }
            </div>
        }
    };

    private async Task DeleteExtSys(ExternalSystemDefinition es)
    {
        if (!await _confirmDialog.ShowAsync($"Delete '{es.Name}'?", "Delete External System")) return;
        try { await ExternalSystemRepository.DeleteExternalSystemAsync(es.Id); await ExternalSystemRepository.SaveChangesAsync(); _toast.ShowSuccess("Deleted."); await LoadAllAsync(); }
        catch (Exception ex) { _toast.ShowError(ex.Message); }
    }

    // ==== Database Connections ====
    private RenderFragment RenderDbConnections() => __builder =>
    {
        <div class="d-flex justify-content-between align-items-center mb-2">
            <h5 class="mb-0">Database Connections</h5>
            <button class="btn btn-primary btn-sm" @onclick='() => NavigationManager.NavigateTo("/design/db-connections/create")'>Add Database Connection</button>
        </div>

        @if (_dbConnections.Count == 0)
        {
            <div class="text-center py-5 text-muted">
                <p class="mb-3">No database connections configured.</p>
                <button class="btn btn-primary btn-sm"
                        @onclick='() => NavigationManager.NavigateTo("/design/db-connections/create")'>
                    Add your first database connection
                </button>
            </div>
        }
        else
        {
            <div class="mb-3" style="max-width: 320px;">
                <input class="form-control form-control-sm"
                       placeholder="Filter by name…"
                       @bind="_dbConnSearch" @bind:event="oninput" />
            </div>

            @if (!FilteredDbConnections.Any())
            {
                <p class="text-muted small">No database connections match the filter.</p>
            }

            <div class="row g-3">
                @foreach (var dc in FilteredDbConnections)
                {
                    <div class="col-lg-6 col-12" @key="dc.Id">
                        <div class="card h-100">
                            <div class="card-body">
                                <div class="d-flex justify-content-between align-items-start mb-2">
                                    <h5 class="card-title mb-0">@dc.Name</h5>
                                    <div class="d-flex gap-1">
                                        <button class="btn btn-outline-primary btn-sm" @onclick='() => NavigationManager.NavigateTo($"/design/db-connections/{dc.Id}/edit")'>Edit</button>
                                        <div class="dropdown">
                                            <button class="btn btn-outline-secondary btn-sm"
                                                    data-bs-toggle="dropdown"
                                                    aria-expanded="false"
                                                    aria-label="@($"More actions for {dc.Name}")">⋮</button>
                                            <ul class="dropdown-menu dropdown-menu-end">
                                                <li><button class="dropdown-item text-danger" @onclick="() => DeleteDbConn(dc)">Delete</button></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <p class="small text-muted text-truncate mb-1" title="@dc.ConnectionString">@dc.ConnectionString</p>
                                <div>
                                    <span class="badge bg-light text-dark me-1">Max @dc.MaxRetries retries</span>
                                    <span class="badge bg-light text-dark">Delay @dc.RetryDelay.TotalSeconds s</span>
                                </div>
                            </div>
                        </div>
                    </div>
                }
            </div>
        }
    };

    private async Task DeleteDbConn(DatabaseConnectionDefinition dc)
    {
        if (!await _confirmDialog.ShowAsync($"Delete '{dc.Name}'?", "Delete DB Connection")) return;
        try { await ExternalSystemRepository.DeleteDatabaseConnectionAsync(dc.Id); await ExternalSystemRepository.SaveChangesAsync(); _toast.ShowSuccess("Deleted."); await LoadAllAsync(); }
        catch (Exception ex) { _toast.ShowError(ex.Message); }
    }

    // ==== Notification Lists ====
    private RenderFragment RenderNotificationLists() => __builder =>
    {
        <div class="d-flex justify-content-between align-items-center mb-2">
            <h5 class="mb-0">Notification Lists</h5>
            <button class="btn btn-primary btn-sm" @onclick='() => NavigationManager.NavigateTo("/design/notification-lists/create")'>Add Notification List</button>
        </div>

        @if (_notificationLists.Count == 0)
        {
            <div class="text-center py-5 text-muted">
                <p class="mb-3">No notification lists configured.</p>
                <button class="btn btn-primary btn-sm"
                        @onclick='() => NavigationManager.NavigateTo("/design/notification-lists/create")'>
                    Add your first notification list
                </button>
            </div>
        }
        else
        {
            <div class="mb-3" style="max-width: 320px;">
                <input class="form-control form-control-sm"
                       placeholder="Filter by name…"
                       @bind="_notifSearch" @bind:event="oninput" />
            </div>

            @if (!FilteredNotificationLists.Any())
            {
                <p class="text-muted small">No notification lists match the filter.</p>
            }

            <div class="row g-3">
                @foreach (var list in FilteredNotificationLists)
                {
                    var recips = _recipients.GetValueOrDefault(list.Id);
                    <div class="col-lg-6 col-12" @key="list.Id">
                        <div class="card h-100">
                            <div class="card-body">
                                <div class="d-flex justify-content-between align-items-start mb-2">
                                    <h5 class="card-title mb-0">@list.Name</h5>
                                    <div class="d-flex gap-1">
                                        <button class="btn btn-outline-primary btn-sm" @onclick='() => NavigationManager.NavigateTo($"/design/notification-lists/{list.Id}/edit")'>Edit</button>
                                        <div class="dropdown">
                                            <button class="btn btn-outline-secondary btn-sm"
                                                    data-bs-toggle="dropdown"
                                                    aria-expanded="false"
                                                    aria-label="@($"More actions for {list.Name}")">⋮</button>
                                            <ul class="dropdown-menu dropdown-menu-end">
                                                <li><button class="dropdown-item text-danger" @onclick="() => DeleteNotifList(list)">Delete</button></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                @if (recips == null || recips.Count == 0)
                                {
                                    <p class="text-muted small fst-italic mb-0">No recipients.</p>
                                }
                                else
                                {
                                    <div>
                                        @foreach (var r in recips)
                                        {
                                            <span class="badge bg-light text-dark me-1 mb-1">@r.Name &lt;@r.EmailAddress&gt;</span>
                                        }
                                    </div>
                                }
                            </div>
                        </div>
                    </div>
                }
            </div>
        }
    };

    private async Task DeleteNotifList(NotificationList list)
    {
        if (!await _confirmDialog.ShowAsync($"Delete notification list '{list.Name}'?", "Delete")) return;
        try { await NotificationRepository.DeleteNotificationListAsync(list.Id); await NotificationRepository.SaveChangesAsync(); _toast.ShowSuccess("Deleted."); await LoadAllAsync(); }
        catch (Exception ex) { _toast.ShowError(ex.Message); }
    }

    // ==== Inbound API Methods ====
    private RenderFragment RenderInboundApiMethods() => __builder =>
    {
        <div class="d-flex justify-content-between align-items-center mb-2">
            <h5 class="mb-0">Inbound API Methods</h5>
            <button class="btn btn-primary btn-sm" @onclick='() => NavigationManager.NavigateTo("/design/api-methods/create")'>Add API Method</button>
        </div>

        @if (_apiMethods.Count == 0)
        {
            <div class="text-center py-5 text-muted">
                <p class="mb-3">No API methods configured.</p>
                <button class="btn btn-primary btn-sm"
                        @onclick='() => NavigationManager.NavigateTo("/design/api-methods/create")'>
                    Add your first API method
                </button>
            </div>
        }
        else
        {
            <div class="mb-3" style="max-width: 320px;">
                <input class="form-control form-control-sm"
                       placeholder="Filter by name…"
                       @bind="_apiMethodSearch" @bind:event="oninput" />
            </div>

            @if (!FilteredApiMethods.Any())
            {
                <p class="text-muted small">No API methods match the filter.</p>
            }

            <div class="row g-3">
                @foreach (var m in FilteredApiMethods)
                {
                    var preview = m.Script.Length > 80 ? m.Script[..80] + "…" : m.Script;
                    <div class="col-lg-6 col-12" @key="m.Id">
                        <div class="card h-100">
                            <div class="card-body">
                                <div class="d-flex justify-content-between align-items-start mb-2">
                                    <div>
                                        <h5 class="card-title mb-1">@m.Name</h5>
                                        <code class="small">POST /api/@m.Name</code>
                                    </div>
                                    <div class="d-flex gap-1">
                                        <button class="btn btn-outline-primary btn-sm" @onclick='() => NavigationManager.NavigateTo($"/design/api-methods/{m.Id}/edit")'>Edit</button>
                                        <div class="dropdown">
                                            <button class="btn btn-outline-secondary btn-sm"
                                                    data-bs-toggle="dropdown"
                                                    aria-expanded="false"
                                                    aria-label="@($"More actions for {m.Name}")">⋮</button>
                                            <ul class="dropdown-menu dropdown-menu-end">
                                                <li><button class="dropdown-item text-danger" @onclick="() => DeleteApiMethod(m)">Delete</button></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <pre class="small text-muted font-monospace mb-2"
                                     style="white-space: pre-wrap; word-break: break-all;"
                                     title="@m.Script">@preview</pre>
                                <span class="badge bg-light text-dark">Timeout @m.TimeoutSeconds s</span>
                            </div>
                        </div>
                    </div>
                }
            </div>
        }
    };

    private async Task DeleteApiMethod(ApiMethod m)
    {
        if (!await _confirmDialog.ShowAsync($"Delete API method '{m.Name}'?", "Delete")) return;
        try { await InboundApiRepository.DeleteApiMethodAsync(m.Id); await InboundApiRepository.SaveChangesAsync(); _toast.ShowSuccess("Deleted."); await LoadAllAsync(); }
        catch (Exception ex) { _toast.ShowError(ex.Message); }
    }

    // ==== API Keys ====
    private RenderFragment RenderApiKeys() => __builder =>
    {
        <div class="d-flex justify-content-between align-items-center mb-2">
            <h5 class="mb-0">API Keys</h5>
        </div>

        @if (_apiKeys.Count == 0)
        {
            <div class="text-center py-5 text-muted">
                <p class="mb-3">No API keys configured. Add your first API key from the Admin section.</p>
            </div>
        }
        else
        {
            <div class="mb-3" style="max-width: 320px;">
                <input class="form-control form-control-sm"
                       placeholder="Filter by name…"
                       @bind="_apiKeySearch" @bind:event="oninput" />
            </div>

            @if (!FilteredApiKeys.Any())
            {
                <p class="text-muted small">No API keys match the filter.</p>
            }

            <div class="row g-3">
                @foreach (var key in FilteredApiKeys)
                {
                    <div class="col-lg-6 col-12" @key="key.Id">
                        <div class="card h-100">
                            <div class="card-body">
                                <div class="d-flex justify-content-between align-items-start mb-2">
                                    <h5 class="card-title mb-0">@key.Name</h5>
                                    <span class="badge @(key.IsEnabled ? "bg-success" : "bg-secondary")">
                                        @(key.IsEnabled ? "Enabled" : "Disabled")
                                    </span>
                                </div>
                                <div class="d-flex gap-1">
                                    <button class="btn btn-outline-primary btn-sm"
                                            @onclick="() => ToggleApiKeyEnabled(key)">
                                        @(key.IsEnabled ? "Disable" : "Enable")
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                }
            </div>
        }
    };

    private async Task ToggleApiKeyEnabled(ApiKey key)
    {
        try
        {
            key.IsEnabled = !key.IsEnabled;
            await InboundApiRepository.UpdateApiKeyAsync(key);
            await InboundApiRepository.SaveChangesAsync();
            _toast.ShowSuccess($"API key '{key.Name}' {(key.IsEnabled ? "enabled" : "disabled")}.");
        }
        catch (Exception ex) { _toast.ShowError(ex.Message); }
    }
}