@model MVCWebApp.Models.Movie

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

<h1>Create</h1>

<h4>Movie</h4>
<hr />
<div class="row">
    <div class="col-md-4">
        <form id="formID" asp-action="Create">
            <div asp-validation-summary="ModelOnly" class="text-danger"></div>
            <div class="form-group">
                <label asp-for="Id" class="control-label"></label>
                <input asp-for="Id" class="form-control" />
                <span asp-validation-for="Id" class="text-danger"></span>
            </div>
            <div class="form-group">
                <label asp-for="Title" class="control-label"></label>
                <input asp-for="Title" class="form-control" />
                <span asp-validation-for="Title" class="text-danger"></span>
            </div>
            <div class="form-group">
                <label asp-for="ReleaseDate" class="control-label"></label>
                <input asp-for="ReleaseDate" class="form-control" />
                <span asp-validation-for="ReleaseDate" class="text-danger"></span>
            </div>
            <div class="form-group">
                <label asp-for="Description" class="control-label"></label>
                <input asp-for="Description" class="form-control" />
                <span asp-validation-for="Description" class="text-danger"></span>
            </div>
            <div class="form-group">
                <label asp-for="Price" class="control-label"></label>
                <input asp-for="Price" class="form-control" />
                <span asp-validation-for="Price" class="text-danger"></span>
            </div>
            <div class="form-group form-check">
                <label class="form-check-label">
                    <input class="form-check-input" asp-for="Preorder" /> @Html.DisplayNameFor(model => model.Preorder)
                </label>
            </div>
            <div class="form-group">
                <input id="button" type="submit" value="Create" class="btn btn-primary" />
            </div>
        </form>
    </div>
</div>
 <div class="submit-progress d-none">
     <label>be patient please...</label>
 </div>
<div>
    <a asp-action="Index">Back to List</a>
</div>

<style type="text/css">
    .d-none{
        display:none;
    }
</style>

@section Scripts {
    @{await Html.RenderPartialAsync("_ValidationScriptsPartial");}
     <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/5.2.7/js/fileinput.min.js"></script>
     <script type="text/javascript">
         $(document).ready(function () {
             $("#button").click(function () {

                 //event.preventDefault();
                 $('#formID').validate();

                 if ($('#formID').valid() === true) {
                       alert("valid success");
                        $(this).prop("disabled", true);
                         $(".submit-progress").removeClass("d-none");
                 }
                 else{
                     alert("invalid");
                 };
            });
         });
     </script>
}