@model Cust_Master
@{
    Layout = null;   
} 
<div class="modal fade" id="customer_model" tabindex="-1" role="dialog" aria-labelledby="customer_modelLabel"
        data-bs-backdrop="static" data-bs-keyboard="true" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" id="movableDialog" role="document">
        <div class="modal-content" style="background-color: white; color: black; width:800px; margin-left: auto; margin-right: auto">
            <div class="modal-header" style="background-color: #337ab7; color: white; cursor: move">
                    <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true" style="color:darkred">×</span>
                </button>
            </div>
            <div class="modal-body">
                <form id="myForm" asp-action="Create" style="width:700px;">
                    <input name="IsValid" type="hidden" value="@ViewData.ModelState.IsValid.ToString()" />
                    <div class="form-group">
                        <div class="col-md-10">
                            <div class="form-inline" style="text-align:left;">
                                <label asp-for="CUST_CODE" class="control-label col-sm-4"></label>
                                <input asp-for="CUST_CODE" readonly class=" form-control col-md-4" style="color:darkgoldenrod; " />
                                <span asp-validation-for="CUST_CODE" class="text-danger"></span>
                            </div>
                            <div class="form-inline" style="margin-top:5px">
                                <label asp-for="CUST_NAME" class="control-label col-sm-4"></label>
                                <input asp-for="CUST_NAME" required class=" form-control col-md-8" />
                                <span asp-validation-for="CUST_NAME" class="text-danger"></span>
                            </div>    
                            <div class="form-inline" style="margin-top:5px">
                                <label asp-for="CUST_GROUP" class="control-label col-sm-4"></label>
                                <select asp-for="CUST_GROUP" style="width: 368px;" class="form-control col-md-8 selected" id="ddlCustGroup" name="CUST_GROUP">
                                    <option value="1">aa</option>
                                    <option value="2">bb</option>
                                    <option value="3">cc</option>
                                </select>
                                <input type="hidden" name="CUST_GROUP" />
                                <span asp-validation-for="CUST_GROUP" class="text-danger"></span>
                            </div>
                            <div class="form-inline" style="margin-top:5px">
                                <label asp-for="SAP_CODE" class="control-label col-sm-4"></label>
                                <input asp-for="SAP_CODE" class=" form-control col-md-8" />
                                <span asp-validation-for="SAP_CODE" class="text-danger"></span>
                            </div>
                            <div class="form-check form-inline" style="margin-top:5px;">
                                <div class="form-inline col-md-4" style="margin-top:5px;"> </div>
                                <input asp-for="IsPallet" class="form-check-input" style="margin-left:-12px;" />
                                <label asp-for="IsPallet" class="form-check-label" style="padding-right:10em;"></label>
                            </div>
                        </div>
                    </div>
                    <input type="submit" value="Create" />
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>       
 <!--Be sure add jquery.validate.js and jquery.validate.unobtrusive.js-->
<script src="~/lib/jquery-validation/dist/jquery.validate.min.js"></script>
<script src="~/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.min.js"></script>
 <script>
    $(document).ready(function () {
        $("#ddlCustGroup").select2();
    })
</script>