@model CompanyManagment.App.Contracts.InsuranceJob.CopyFromLastYearViewModel
@{
    <style>
        .input {
            border: 1px solid #0000004a;
            border-radius: 7px;
            padding: 7px;
            width: 100%;
            background: whitesmoke;
        }

            .input:focus {
                box-shadow: 0 2px 5px 0 rgb(136 137 141), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
            }
    </style>
}

<div class="modal-header" id="createContractingParty">
	<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<form asp-page="./Index" asp-page-handler="CopyFromLastYear" autocomplete="off"
	  method="post"
	  data-ajax="true"
	  data-callback=""
	  data-action="Refresh"
	  enctype="multipart/form-data">
	<div class="modal-body">
		<div class="row">
			<fieldset style="border: 1px solid #999797; border-radius: 10px; padding: revert;padding-bottom: 30px">
				<legend style="margin-bottom: 5px; font-size: large; border-bottom: 0px; color: #505458; width: 394px; text-align: center;"> ساخت لیست اصناف با استفاده از داده های قبلی</legend>

                <div class="flexible-wrap">
                    <div class="row">
                        <div class="col-md-12 col-xs-12">
                            <div class="form-group">
                  
                                <select class="form-control select-city" asp-for="InsuranceJobItemId" asp-items='@Model.InsuranceJobItemViewModels'>
                                    <option value="0">انتخاب بازه زمانی</option>
                                </select>
                                <span asp-validation-for="InsuranceJobItemId" class="error"></span>
                            </div>

                        </div>
                    </div>
          
                    <div class="row">
                        <div class="col-md-6 inputs">
                            <input type="text" style="text-align: center" id="fromDate" placeholder="تاریخ شروع" asp-for="StartDate" class="input upper-in date">
                        </div>
                        <div class="col-md-6 inputs">
                            <input type="text" style="text-align: center" id="toDate" placeholder="تاریخ پایان" asp-for="EndDate" class="input upper-in date" style="direction: rtl;">
                        </div>
                    </div>



                </div>
			</fieldset>
		</div>
	</div>
	@*<input type="hidden" asp-for="id" value="id"/>*@

	<div class="modal-footer">
		@*<button type="button" class="btn btn-default waves-effect" data-dismiss="modal">بستن</button>*@
		<button type="submit" class="btn btn-success btn-rounded waves-effect waves-light" id="save"> ذخیره </button>
		<button type="button" class="btn btn-default btn-rounded waves-effect waves-light m-b-5" data-dismiss="modal">بستن </button>
	</div>
</form>
<script>
	$(document).ready(function() {
		$(".select-city").select2({
			language: "fa",
			dir: "rtl"
		});
	});

    $(document).ready(function() {
        $(".date").mask("0000/00/00");
    });


    $(".date").keyup(function() {
        const value = $(this).val();
        const lengthValue = value.length;

        if (lengthValue == 10) {
            if (!dateValidCheck(this)) {
                $(this).addClass("errored");
            } else {
                $(this).removeClass("errored");
            }
        }

    });
</script>