@model GreenTree.Strohrmann.ERP.Web.Models.Import.ImportModel

@{
    ViewData["Title"] = "Kundenimport";
}

<script type="text/javascript">

    function checkFile() {
        $(".btn-primary").prop("disabled", true);

        var form = $("form");
        var formData = new FormData(form[0]);

        if (formData.get("ImportFile").name == "") return;

        $.ajax({
            method: "POST",
            url: '@Url.Action("CheckImport")',
            data: formData,
            contentType: false,
            processData: false,
            success: function (data) {
                $(".alert-success").show("slow", function () { setTimeout(function (s) { $(s).hide("slow"); }, 5000, this); });
                $(".btn-primary").prop("disabled", false);
            },
            error: function (error) {
                $(".alert-danger").show("slow", function () { setTimeout(function (s) { $(s).hide("slow"); }, 20000, this); });
                $(".alert-danger").find("b").text(error.responseJSON.detail);
            }
        });
    }

</script>

<h1>Kunden importieren</h1>

<hr />

<h5>
    Importieren Sie Kunden aus einer CSV-Datei mit bestehenden Kundendaten
</h5>

<form enctype="multipart/form-data" method="post" asp-action="Import">
    <p>
        <dl>
            <dt>
                <label asp-for="ImportFile"></label>
            </dt>
            <dd>
                <input asp-for="ImportFile" type="file" onchange="checkFile(); return false;">
                <span asp-validation-for="ImportFile"></span>
            </dd>
        </dl>
        <input asp-page-handler="Upload" class="btn btn-primary" type="submit" value="Hochladen" />
        <div class="mt-3">
            <div class="alert alert-success collapse" role="alert">
                <h4 class="alert-heading">Prüfung erfolgreich!</h4>
                <p>Die ausgewählte Datei enthälte gültige Kundendaten und kann jetzt importiert werden.</p>
            </div>
            <div class="alert alert-danger collapse" role="alert">
                <h4 class="alert-heading">Prüfung fehlerhaft!</h4>
                <p>Die ausgewählte Datei ist ungültig. Bitte überprüfen Sie die Importdatei:
                    <br />
                    <b></b>
                </p>
            </div>
        </div>
    </p>
</form>