@page
@model ServiceHost.Areas.Admin.Pages.Company.InsuranceJobItem.IndexModel
@{
}
<link href="@Href("~/admintheme/css/index.css")" rel="stylesheet"/>
<div id="index" class="row">
	<div class="col-sm-12 m-r-10">
		@* <p class="pull-right">
			<a href="#showmodal=@Url.Page("/Company/InsuranceJob/Index", "CreateInformation")" class="btn  btn-rounded waves-effect waves-light m-b-5 btn-show-modal"><i class="fa fa-user-plus"></i> ثبت مبالغ مشاغل مقطوع </a>
		</p> *@
	</div>
	<div class="col-sm-12">
		<div class="panel-group panel-group-joined" id="accordion-test">
			<div class="panel panel-default">
				<div class="panel-heading">
					<h4 class="panel-title">
						<a data-toggle="collapse" data-parent="#accordion-test" href="#" class="collapsed">
							جستجوی مشاغل
						</a>
					</h4>
				</div>
				<div id="collapseOne" class="panel-collapse collapse in ">
					<div class="panel-body">
						@*===================================================================================================================*@
						<div class="row">
							<div class="col-sm-12">
								<form class="form-inline" role="form" method="get" name="search-theme-form" id="search-theme-form" autocomplete="off">
									<div class="form-group col-sm-12">
										<div class="row">
											<div class="col-lg-2 pull-right">
												<label class="sr-only"></label>
												<select class="form-control" asp-for="SearchModel.Year" style="width: 100%">
													<option selected disabled>سال</option>
													@foreach (var item in Model.YearlyList)
													{
														<option value="@item"> @item </option>
													}
												</select>
											</div>
											<div class="col-lg-2  pull-right">
												<label class="sr-only"></label>
												<select class="form-control" asp-for="SearchModel.Month" style="width: 100%">
													<option selected disabled> ماه</option>
													<option value="01"> فروردین</option>
													<option value="02"> اردیبهشت</option>
													<option value="03"> خرداد</option>
													<option value="04"> تیر</option>
													<option value="05"> مرداد</option>
													<option value="06"> شهریور</option>
													<option value="07"> مهر</option>
													<option value="08"> آبان</option>
													<option value="09"> آذر</option>
													<option value="10"> دی</option>
													<option value="11"> بهمن</option>
													<option value="12"> اسفند</option>
												</select>
											</div>
											@*  <div class="col-lg-4  pull-right">
                                                <label class="sr-only" ></label>
                                                <input class="form-control" asp-for="SearchModel.InsuranceJobTitle" placeholder="عنوان صنف و درجه" style="width: 100%">
                                            </div>
                                            <div class="col-lg-4  pull-right">
                                                <label class="sr-only"></label>
                                                <input class="form-control" asp-for="SearchModel.EconomicCode" placeholder="کد اقتصادی" style="width: 100%" >
                                            </div>*@
										</div>
										<div class="row" style="margin-top: 15px">
											<div class="col-lg-9">
											</div>
											<div class="col-lg-3">
												<button type="submit" class="btn btn-success btn-rounded waves-effect waves-light m-b-5 btn-search1">
													<i class="fa fa-search" style="padding-left: 3px; font-size: 14px;"></i> جستجو
												</button>
												<a class="btn btn-info btn-rounded waves-effect waves-light m-b-5 btn-observe" asp-page="./Index">حذف جستجو</a>
											</div>
										</div>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="col-sm-12">
		<div class="panel panel-default">
			<div class="panel-heading">
				<h3 class="panel-title"><i class="fa fa-list"></i> لیست مشاغل مقطوع</h3>
			</div>
			<div class="panel-body">
				<div class="row">
					<div class="col-sm-12 col-sm-12 col-xs-12">
						<table id="datatable" class="table table-striped table-bordered">
							<colgroup>
								<col style="width: 5px;">
								<col style="width: 250px;">
								<col style="width: 250px;">
								<col style="width: 150px;">
							</colgroup>
							<thead>
							<tr>
								<th>#</th>
								<th> تاریخ شروع </th>
								<th> تاریخ پایان </th>
								<th>عملیات</th>
							</tr>
							</thead>
							<tbody>
							@{
								var i = 0;
							}
							@foreach (var item in Model.InsuranceJobAmountList)
							{
								<tr>
									<td> @(i + 1)</td>
									<td>@item.StartDateFa</td>
									<td>@item.EndDateFa</td>
									<td>
										<a class="btn btn-danger ionRad pull-left op-btn rad" onclick="removeInsuranceJobAmount(@item.Id)">
											<i class="fa fa-trash faSize"></i>
										</a>
										<a class="btn btn-warning pull-left op-btn rad"
										   href="#showmodal=@Url.Page("./Index", "Edit", new { item.Id })">
											<i class="fa fa-edit faSize"></i>
										</a>
									</td>
								</tr>
							}
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
@Html.AntiForgeryToken()

@section Script
{
	<script src="~/AdminTheme/assets/js/site.js"></script>
	<script src="~/admintheme/js/jquery.mask_1.14.16.min.js"></script>
	<script src="~/admintheme/js/admin.js"></script>

	<script>
		function removeInsuranceJobAmount(id) {
			swal({
					title: "توجه داشته باشید با تایید این پیام، اطلاعات لیست مورد نظر بطور کامل از بانک اطلاعاتی حذف خواهد شد.",
					text: "",
					type: "warning",
					showCancelButton: true,
					confirmButtonColor: "#DD6B55",
					confirmButtonText: "بله",
					cancelButtonText: "خیر",
					closeOnConfirm: true,
					closeOnCancel: true
				},
				function(isConfirm) {
					if (isConfirm) {
						$.ajax({
							dataType: 'json',
							type: 'POST',
							url: '@Url.Page("./Index", "RemoveInsuranceJobItem")',
							headers: { "RequestVerificationToken": $('input[name="__RequestVerificationToken"]').val() },
							data: { "id": id },
							success: function(response) {
								$.Notification.autoHideNotify('success', 'top center', 'پیام سیستم ', response.message);
								$('.btn-search1').click();
							},
							failure: function(response) {
								console.log(5, response);
								$.Notification.autoHideNotify('error', 'top center', 'پیام سیستم ', response.message);
							}
						});
					}
				});
		}
	</script>

}