@using System.Linq
@using Ombi.UI.Helpers
@inherits Nancy.ViewEngines.Razor.NancyRazorViewBase<Ombi.Core.SettingModels.NewletterSettings>
@Html.Partial("Shared/Partial/_Sidebar")

<div class="col-sm-8 col-sm-push-1">
    <form class="form-horizontal" method="POST" id="mainForm">
        <fieldset>
            <legend>Newsletter Settings</legend>
            <div style="padding:10px">

                <!-- Newsletter Section -->
                <div class="form-group">
                    <div class="checkbox">

                        <small>Note: This will require you to setup your email notifications 
                        </small><span class="customTooltip" title="It also requires users to have the Newsletter feature"><i class="fa fa-info-circle"></i></span>
                        <br />
                        <br />
                        @Html.Checkbox(Model.SendRecentlyAddedEmail, "SendRecentlyAddedEmail", "Enable newsletter")
                    </div>
                </div>
                <div class="form-group">

                    <br>
                    <label for="CustomUsers" class="control-label">Email Addresses to Send to (For users that are not in your User Management section)</label>
                    <small>You can add multiple email addresses by using the ; delimiter</small>
                    <div>
                        <input type="text" class="form-control form-control-custom " placeholder="first@address.com;second@address.com" id="CustomUsers" name="CustomUsers" value="@Model.CustomUsers">
                    </div>
                </div>

                <div class="form-group">
                    <div>

                        <button id="recentlyAddedBtn" class="btn btn-primary-outline">Send test email to Admin @Html.ToolTip("Note: If there is nothing new when testing this, we will just grab some random titles. If there are new items, then we will show those new items. Testing will not mark the content as 'Previously Sent'")
                            <div id="testEmailSpinner"></div></button>
                    </div>
                </div>

                <br />
                <br />
                <div class="form-group">
                    <div>
                        <button type="submit" id="save" class="btn btn-primary-outline">Save</button>
                    </div>
                </div>
            </div>
            <!-- Newsletter Section -->
        </fieldset>
    </form>
</div>


<script>
    $(function () {
        $('.customTooltip').tooltipster({
            contentCloning: true
        });

        var base = '@Html.GetBaseUrl()';
        $('#save').click(function (e) {
            e.preventDefault();

            var $form = $("#mainForm");
            var data = $form.serialize();

            $.ajax({
                type: $form.prop("method"),
                data: data,
                url: $form.prop("action"),
                dataType: "json",
                success: function (response) {
                    if (response.result === true) {
                        generateNotify(response.message, "success");
                    } else {
                        generateNotify(response.message, "warning");
                    }
                },
                error: function (e) {
                    console.log(e);
                    generateNotify("Something went wrong!", "danger");
                }
            });
        });

        $('#recentlyAddedBtn').click(function (e) {
            e.preventDefault();

            generateNotify("This could take some time depending on if you have episode searching enabled and also how many new items have been added!", "info");
            var base = '@Html.GetBaseUrl()';
            var url = createBaseUrl(base, '/admin/testnewsletteradminemail');
            $('#testEmailSpinner').attr("class", "fa fa-spinner fa-spin");
            $.ajax({
                type: "post",
                url: url,
                dataType: "json",
                success: function (response) {
                    if (response) {
                        generateNotify(response.message, "success");
                        $('#testEmailSpinner').attr("class", "fa fa-check");
                    } else {

                        generateNotify(response.message, "danger");
                        $('#testEmailSpinner').attr("class", "fa fa-times");
                    }
                },
                error: function (e) {
                    console.log(e);
                    generateNotify("Something went wrong!", "danger");
                    $('#testSendMassEmailSpinner').attr("class", "fa fa-times");
                }
            });
        });

    });
</script>