@model MALDFGASSURANCE.Models.SIMUPAYEMENT

@{
    ViewBag.Title = "Create";
}
<div class="card card-custom">
    <div class="card-header py-3">
        <div class="card-title">
            <span class="card-icon">
                <i class="flaticon2-files-and-folders text-primary"></i>
            </span>
            <h3 class="card-label">IMPORATION DE FICHIER / PAIEMENT PAR MASSE </h3>
        </div>
        <div class="card-toolbar">

            <!--begin::Button-->
            <a href="~/Fichier/PaieMasse/importFile.csv" class="btn btn-warning font-weight-bolder">
                <span class="svg-icon svg-icon-md">

                    <!--begin::Svg Icon | path:assets/media/svg/icons/Design/Flatten.svg-->
                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
                        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                            <rect x="0" y="0" width="24" height="24" />
                            <circle fill="#000000" cx="9" cy="15" r="6" />
                            <path d="M8.8012943,7.00241953 C9.83837775,5.20768121 11.7781543,4 14,4 C17.3137085,4 20,6.6862915 20,10 C20,12.2218457 18.7923188,14.1616223 16.9975805,15.1987057 C16.9991904,15.1326658 17,15.0664274 17,15 C17,10.581722 13.418278,7 9,7 C8.93357256,7 8.86733422,7.00080962 8.8012943,7.00241953 Z" fill="#000000" opacity="0.3" />
                        </g>
                    </svg>
                    <!--end::Svg Icon-->
                </span>Telecharger le modèle de fichier
            </a>
            <!--end::Button-->
        </div>
    </div>
    
    <div class="card-body">

        <div class="row">
            <div class="col-sm-12 mt-10">
                <div class="col-sm-12">
                    <span>SELECTION UN FICHIER (format autorisé:Csv) </span>
                </div>
                <div class="col-12">
                    <input class="form-control" type="file" name="importFile" id="importFile" />
                </div>

            </div>
        </div>

        @section scripts{
            <script>

                function testRedirect(url) {
                    var xhr = new XMLHttpRequest();
                    xhr.onreadystatechange = function (e) {
                        if (xhr.status == 200 && xhr.readyState == 4) {
                            if (url != xhr.responseURL) {
                                alert("redirect detected to: " + xhr.responseURL)
                            } else {
                                alert("no redirect detected")

                            }
                        }
                    }
                    xhr.open("GET", url, true);
                    xhr.send();
                }

                $(document).on("click", "#btnUpload", function () {
                    var files = $("#importFile").get(0).files;

                    var formData = new FormData();
                    formData.append('importFile', files[0]);

                    $.ajax({
                        url: '/COTISATION/SIMUPAYEMENTS/ImportFile',
                        data: formData,
                        type: 'POST',
                        contentType: false,
                        processData: false,
                        success: function (data) {
                            if (data.Status === 1) {
                                alert(data.Message);
                                window.open("/COTISATION/SIMUPAYEMENTS/");
                            } else {
                                alert("Failed to Import");
                            }
                        }
                    });
                });
            </script>
        }
    </div>
    <div class="card-footer">
        <div class="row form-group">
            <div class="col-md-6 ">
                <a href="@Url.Action("Index","PAYERCOTISATIONS")" class="btn btn-default ">Retour</a>
            </div>
            <div class="col-md-6 text-right">
                <input type="submit" value="Importer" id="btnUpload" class="btn btn-primary py-3 px-6" />
            </div>

        </div>
    </div>
</div>