@using System.Text.RegularExpressions
@model StoreViewModel
@{
    Layout = "../Shared/_NavLayout.cshtml";
    ViewData.SetActivePageAndTitle(StoreNavPages.Index, "General Settings", Context.GetStoreData().StoreName);
}

<div class="row">
    <div class="col-lg-10 col-xl-9">
        @if (!ViewContext.ModelState.IsValid)
        {
            <div asp-validation-summary="All" class="text-danger"></div>
        }
        <div class="mb-5">
            <h4 class="mb-3">Wallet</h4>
            @if (Model.HintWallet)
            {
                <p>Set up your wallet to receive payments at your store.</p>
            }
            <ul class="list-group mb-3">
                @foreach (var scheme in Model.DerivationSchemes.OrderBy(scheme => scheme.Collapsed))
                {
                    var isSetUp = !string.IsNullOrWhiteSpace(scheme.Value);

                    <li class="list-group-item bg-tile @(scheme.Collapsed ? "assets-collapsed": "")">
                        <div class="d-flex align-items-center">
                            <span class="d-flex flex-wrap flex-fill flex-column flex-sm-row">
                                <strong class="me-3">@scheme.Crypto</strong>
                                @if (isSetUp)
                                {
                                    <span title="@scheme.Value" data-bs-toggle="tooltip" class="d-flex me-3">
                                        <span class="text-truncate text-secondary" style="max-width:8ch">@scheme.Value</span>
                                        @if (scheme.Value.Length > 20)
                                        {
                                            <span class="text-nowrap text-secondary">@Regex.Match(scheme.Value, @"((?:-\[(?:[^\]])+\])+|\S{6})$").Value</span>
                                        }
                                    </span>
                                    @if (scheme.WalletSupported)
                                    {
                                        <a asp-action="WalletTransactions" asp-controller="Wallets" asp-route-walletId="@scheme.WalletId" class="text-secondary me-3">Manage Wallet</a>
                                    }
                                }
                            </span>
                            <span class="d-flex align-items-center fw-semibold">
                                @if (isSetUp)
                                {
                                    <form method="post"
                                          asp-action="SetWalletEnabled"
                                          asp-route-cryptoCode="@scheme.Crypto"
                                          asp-route-storeId="@Model.Id"
                                          class="d-flex align-items-center"
                                          style="min-width:7.65rem">
                                        <button type="submit" class="btcpay-toggle me-2 @if (scheme.Enabled) { @("btcpay-toggle--active") }" name="Enabled" value="@(scheme.Enabled ? "false" : "true")" id="@($"{scheme.Crypto}WalletEnabled")">@(scheme.Enabled ? "Disable" : "Enable")</button>
                                        @if (scheme.Enabled)
                                        {
                                            <span class="text-primary">
                                                Enabled
                                            </span>
                                        }
                                        else
                                        {
                                            <span class="text-muted">
                                                Disabled
                                            </span>
                                        }
                                    </form>
                                    <span class="text-light ms-3 me-2">|</span>
                                    <a asp-action="ModifyWallet" asp-route-cryptoCode="@scheme.Crypto" asp-route-storeId="@Model.Id" id="@($"Modify{scheme.Crypto}")" class="btn btn-link px-1 py-1 fw-semibold">
                                        Modify
                                    </a>
                                }
                                else
                                {
                                    <a asp-action="SetupWallet" asp-route-cryptoCode="@scheme.Crypto" asp-route-storeId="@Model.Id" id="@($"Modify{scheme.Crypto}")" class="btn btn-primary btn-sm ms-4 px-3 py-1 fw-semibold">
                                        Setup
                                    </a>
                                }
                            </span>
                        </div>
                    </li>
                }
            </ul>
            @if (Model.DerivationSchemes.Any(scheme => scheme.Collapsed))
            {
                <script>
                    document.addEventListener("DOMContentLoaded", (event) => {
                        var collapsed = document.getElementsByClassName("assets-collapsed");
                        for (let collapsedElement of collapsed) {
                            collapsedElement.style.display = 'none'; 
                        }
                        document
                            .getElementById("toggle-assets")
                            .addEventListener("click", function (){
                                var collapsed = document.getElementsByClassName("assets-collapsed");
                                for (let collapsedElement of collapsed) {
                                    collapsedElement.style.display = 'block';   
                                }
                                document.getElementById("toggle-assets").style.display="none";
                            });
                    });
                </script>
                <button class="btn btn-link text-secondary mb-3 p-0 only-for-js" id="toggle-assets" type="button">Show additional assets</button>
            }
        </div>

        <div class="mb-5">
            <h4 class="mb-3">Lightning</h4>
            @if (Model.HintLightning)
            {
                <p>A connection to a Lightning node is required to receive Lightning payments.</p>
            }
            <ul class="list-group mb-3">
                @foreach (var scheme in Model.LightningNodes)
                {
                    var isSetUp = !string.IsNullOrWhiteSpace(scheme.Address);

                    <li class="list-group-item bg-tile">
                        <div class="d-flex align-items-center">
                            <span class="d-flex flex-wrap flex-fill flex-column flex-sm-row">
                                <strong class="me-3">@scheme.CryptoCode</strong>
                                @if (isSetUp)
                                {
                                    <span class="smMaxWidth text-truncate text-secondary me-3">@scheme.Address</span>
                                    <a class="text-secondary"
                                       asp-controller="PublicLightningNodeInfo"
                                       asp-action="ShowLightningNodeInfo"
                                       asp-route-cryptoCode="@scheme.CryptoCode"
                                       asp-route-storeId="@Model.Id"
                                       target="_blank">
                                        Public Node Info
                                    </a>
                                }
                            </span>
                            <span class="d-flex align-items-center fw-semibold">
                                @if (isSetUp)
                                {
                                    <form method="post"
                                          asp-action="SetLightningNodeEnabled"
                                          asp-route-cryptoCode="@scheme.CryptoCode"
                                          asp-route-storeId="@Model.Id"
                                          class="d-flex align-items-center"
                                          style="min-width:7.65rem">
                                        <button type="submit" class="btcpay-toggle me-2 @if (scheme.Enabled) { @("btcpay-toggle--active") }" name="Enabled" value="@(scheme.Enabled ? "false" : "true")" id="@($"{scheme.CryptoCode}LightningEnabled")">@(scheme.Enabled ? "Disable" : "Enable")e</button>
                                        @if (scheme.Enabled)
                                        {
                                            <span class="text-primary">
                                                Enabled
                                            </span>
                                        }
                                        else
                                        {
                                            <span class="text-muted">
                                                Disabled
                                            </span>
                                        }
                                    </form>
                                    <span class="text-light ms-3 me-2">|</span>
                                }
                                <a asp-action="SetupLightningNode" asp-route-cryptoCode="@scheme.CryptoCode" asp-route-storeId="@Model.Id" id="@($"Modify-Lightning{scheme.CryptoCode}")" class="btn btn-@(isSetUp ? "link px-1" : "primary btn-sm ms-4 px-3") py-1 fw-semibold">
                                    @(isSetUp ? "Modify" : "Setup")
                                </a>
                            </span>
                        </div>
                    </li>
                }
            </ul>
        </div>

        <form method="post">
            <h4 class="mb-3">General</h4>
            <div class="form-group">
                <label asp-for="Id" class="form-label"></label>
                <input asp-for="Id" readonly class="form-control" />
            </div>
            <div class="form-group">
                <label asp-for="StoreName" class="form-label"></label>
                <input asp-for="StoreName" class="form-control" />
                <span asp-validation-for="StoreName" class="text-danger"></span>
            </div>
            <div class="form-group">
                <label asp-for="StoreWebsite" class="form-label"></label>
                <input asp-for="StoreWebsite" class="form-control" />
                <span asp-validation-for="StoreWebsite" class="text-danger"></span>
            </div>
            
            @if (Model.IsOnchainSetup || Model.IsLightningSetup)
            {
                <h4 class="mt-5 mb-3">Payment</h4>
                <div class="form-group d-flex align-items-center">
                    <input asp-for="AnyoneCanCreateInvoice" type="checkbox" class="btcpay-toggle me-2"/>
                    <label asp-for="AnyoneCanCreateInvoice" class="form-label mb-0 me-1"></label>
                    <a href="https://docs.btcpayserver.org/FAQ/Stores/#allow-anyone-to-create-invoice" target="_blank" rel="noreferrer noopener">
                        <span class="fa fa-question-circle-o text-secondary" title="More information..."></span>
                    </a>
                </div>
                <div class="form-group mt-4">
                    <label asp-for="NetworkFeeMode" class="form-label"></label>
                    <a href="https://docs.btcpayserver.org/FAQ/Stores/#add-network-fee-to-invoice-vary-with-mining-fees" target="_blank" rel="noreferrer noopener">
                        <span class="fa fa-question-circle-o text-secondary" title="More information..."></span>
                    </a>
                    <select asp-for="NetworkFeeMode" class="form-select">
                        <option value="MultiplePaymentsOnly">... only if the customer makes more than one payment for the invoice</option>
                        <option value="Always">... on every payment</option>
                        <option value="Never">Never add network fee</option>
                    </select>
                </div>
                <div class="form-group">
                    <label asp-for="InvoiceExpiration" class="form-label"></label>
                    <a href="https://docs.btcpayserver.org/FAQ/Stores/#invoice-expires-if-the-full-amount-has-not-been-paid-after-minutes" target="_blank" rel="noreferrer noopener">
                        <span class="fa fa-question-circle-o text-secondary" title="More information..."></span>
                    </a>
                    <div class="input-group">
                        <input asp-for="InvoiceExpiration" class="form-control" style="max-width:10ch;"/>
                        <span class="input-group-text">minutes</span>
                    </div>
                    <span asp-validation-for="InvoiceExpiration" class="text-danger"></span>
                </div>
                <div class="form-group">
                    <label asp-for="PaymentTolerance" class="form-label"></label>
                    <a href="https://docs.btcpayserver.org/FAQ/Stores/#consider-the-invoice-paid-even-if-the-paid-amount-is-less-than-expected" target="_blank" rel="noreferrer noopener">
                        <span class="fa fa-question-circle-o text-secondary" title="More information..."></span>
                    </a>
                    <div class="input-group">
                        <input asp-for="PaymentTolerance" class="form-control" style="max-width:10ch;"/>
                        <span class="input-group-text">percent</span>
                    </div>
                    <span asp-validation-for="PaymentTolerance" class="text-danger"></span>
                </div>
                @if (Model.IsOnchainSetup)
                {
                    <h5 class="mt-5 mb-3">On-Chain</h5>
                    @if (Model.CanUsePayJoin)
                    {
                        <div class="form-group">
                            <div class="d-flex align-items-center">
                                <input asp-for="PayJoinEnabled" type="checkbox" class="btcpay-toggle me-2"/>
                                <label asp-for="PayJoinEnabled" class="form-label mb-0 me-1"></label>
                                <a href="https://docs.btcpayserver.org/Payjoin/" target="_blank" rel="noreferrer noopener">
                                    <span class="fa fa-question-circle-o text-secondary" title="More information..."></span>
                                </a>
                            </div>
                            <span asp-validation-for="PayJoinEnabled" class="text-danger"></span>
                        </div>
                    }
                    <div class="form-group">
                        <label asp-for="MonitoringExpiration" class="form-label"></label>
                        <a href="https://docs.btcpayserver.org/FAQ/Stores/#payment-invalid-if-transactions-fails-to-confirm-minutes-after-invoice-expiration" target="_blank" rel="noreferrer noopener">
                            <span class="fa fa-question-circle-o text-secondary" title="More information..."></span>
                        </a>
                        <div class="input-group">
                            <input asp-for="MonitoringExpiration" class="form-control" style="max-width:10ch;"/>
                            <span class="input-group-text">minutes</span>
                        </div>
                        <span asp-validation-for="MonitoringExpiration" class="text-danger"></span>
                    </div>
                    <div class="form-group">
                        <label asp-for="SpeedPolicy" class="form-label"></label>
                        <a href="https://docs.btcpayserver.org/FAQ/Stores/#consider-the-invoice-confirmed-when-the-payment-transaction" target="_blank" rel="noreferrer noopener">
                            <span class="fa fa-question-circle-o text-secondary" title="More information..."></span>
                        </a>
                        <select asp-for="SpeedPolicy" class="form-select w-auto">
                            <option value="0">Is unconfirmed</option>
                            <option value="1">Has at least 1 confirmation</option>
                            <option value="3">Has at least 2 confirmations</option>
                            <option value="2">Has at least 6 confirmations</option>
                        </select>
                        <div class="alert alert-warning my-2" hidden="@(Model.SpeedPolicy != 0)" id="unconfirmed-warning" role="alert">
                            Choosing to accept an unconfirmed invoice can lead to double-spending and is strongly discouraged.
                        </div>
                        <span asp-validation-for="SpeedPolicy" class="text-danger"></span>
                    </div>
                    <div class="form-check my-1">
                        <input asp-for="ShowRecommendedFee" type="checkbox" class="form-check-input"/>
                        <label asp-for="ShowRecommendedFee" class="form-check-label"></label>
                        <p class="form-text text-muted mb-0">Fee will be shown for BTC and LTC onchain payments only.</p>
                    </div>
                    <div class="form-group mt-2 mb-4">
                        <label asp-for="RecommendedFeeBlockTarget" class="form-label"></label>
                        <input asp-for="RecommendedFeeBlockTarget" class="form-control" style="width:8ch" min="1" />
                        <span asp-validation-for="RecommendedFeeBlockTarget" class="text-danger"></span>
                    </div>
                }
            
                @if (Model.IsLightningSetup)
                {
                    <h5 class="mt-5 mb-3">Lightning</h5>
                    <div class="form-check my-1">
                        <input asp-for="LightningAmountInSatoshi" type="checkbox" class="form-check-input"/>
                        <label asp-for="LightningAmountInSatoshi" class="form-check-label"></label>
                    </div>
                    <div class="form-check my-1">
                        <input asp-for="LightningPrivateRouteHints" type="checkbox" class="form-check-input"/>
                        <label asp-for="LightningPrivateRouteHints" class="form-check-label"></label>
                    </div>
                    <div class="form-check my-1">
                        <input asp-for="OnChainWithLnInvoiceFallback" type="checkbox" class="form-check-input"/>
                        <label asp-for="OnChainWithLnInvoiceFallback" class="form-check-label"></label>
                    </div>
                    <div class="form-group mt-3">
                        <label asp-for="LightningDescriptionTemplate" class="form-label"></label>
                        <input asp-for="LightningDescriptionTemplate" class="form-control"/>
                        <span asp-validation-for="LightningDescriptionTemplate" class="text-danger"></span>
                        <p class="form-text text-muted">
                            Available placeholders:
                            <code>{StoreName} {ItemDescription} {OrderId}</code>
                        </p>
                    </div>
                }
            }
            <button name="command" type="submit" class="btn btn-primary" value="Save" id="Save">Save Store Settings</button>
        </form>

        <h4 class="mt-5 mb-3">Services</h4>
        <div class="table-responsive-md">
            <table class="table table-hover mt-1 mb-5">
                <thead>
                <tr>
                    <th>Service</th>
                    <th class="text-end w-100px">Actions</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>
                        Email
                    </td>
                    <td class="text-end">
                        <a asp-action="Emails" asp-route-storeId="@Context.GetRouteValue("storeId")">
                            Setup
                        </a>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>

        @if (Model.CanDelete)
        {
            <h4 class="mt-5 mb-3">Other actions</h4>
            <button id="danger-zone-expander" class="btn btn-link text-secondary mb-3 p-0" type="button" data-bs-toggle="collapse" data-bs-target="#danger-zone">
                See more actions
            </button>
            <div id="danger-zone" class="collapse">
                <a id="delete-store" class="btn btn-outline-danger mb-5" asp-action="DeleteStore" asp-route-storeId="@Model.Id" data-bs-toggle="modal" data-bs-target="#ConfirmModal" data-description="The store <strong>@Model.StoreName</strong> will be permanently deleted. This action will also delete all invoices, apps and data associated with the store.">Delete this store</a>
            </div>
        }
    </div>
</div>

<partial name="_Confirm" model="@(new ConfirmModel("Delete store", "The store will be permanently deleted. This action will also delete all invoices, apps and data associated with the store.", "Delete"))" />

@section PageFootContent {
    <partial name="_ValidationScriptsPartial" />
    <script>
        delegate('change', '#SpeedPolicy', e => {
            document.getElementById('unconfirmed-warning').hidden = e.target.value !== '0';
        });
    </script>
}