@model AccountManagement.Application.Contracts.Task.CreateTaskModal
@* @model ServiceHost.Areas.AdminNew.Pages.Company.Task.CreateModel *@
@inject _0_Framework.Application.IAuthHelper AuthHelper;

@{
	string adminVersion = _0_Framework.Application.Version.AdminVersion;
	ViewData["title"] = " - وظیفه جدید";
}

<script src="~/AssetsClient/js/jquery-ui.js"></script>
<link href="~/assetsadminnew/tasks/css/task-manager-create.css?ver=@adminVersion" rel="stylesheet" />
<link href="~/AssetsClient/css/select2.css?ver=@adminVersion" rel="stylesheet" />
<link href="~/assetsadminnew/tasks/css/create.css?ver=@adminVersion" rel="stylesheet" />



<div class="modal-content">
	<div class="modal-header d-block text-center position-relative">
		<button type="button" class="btn-close position-absolute text-start cancelAndRefresh"></button>
		<h5 class="modal-title" id="morakhasiEstehghaghiModalLabel">ایجاد وظیفه</h5>
	</div>

	<div class="modal-body tm-create">
		<form role="form" method="post" id="create-form" enctype="multipart/form-data" autocomplete="off">
			<input type="hidden" asp-for="Command.SenderId" />
			<input type="hidden" asp-for="TicketId" id="TicketId" />

			<div class="row">
				<div class="col-12 mb-1 @(AuthHelper.GetPermissions().Any(x=>x==90311) ? "" : "d-none")" id="PermissionDisable">
					<div class="d-flex justify-content-between align-items-center">
						<div permission="90310" class="form-check form-checked selectRadioBox">
							<input type="radio" class="tm-selection-rad" name="selectMemberOrGroup" id="memberSelect" autocomplete="off" @(AuthHelper.GetPermissions().Any(x => x == 90311) ? "" : "checked")>
							<label class="btn btn-outline-primary d-flex justify-content-center radio-btn" for="memberSelect">ارسال انفرادی</label>
						</div>
						<div permission="90311" class="form-check form-checked selectRadioBox">
							<input type="radio" class="tm-selection-rad" name="selectMemberOrGroup" id="groupSelect" autocomplete="off">
							<label class="btn btn-outline-primary d-flex justify-content-center radio-btn" for="groupSelect">ارسال گروهی</label>
						</div>
					</div>
				</div>
				<div class="col-12 my-1">
					<div class="from-group" id="select2MemberList">
						<select class="form-select select2Member disable" multiple="multiple" name="Command.ReceiverId" @(AuthHelper.GetPermissions().Any(x => x == 90311) ? Html.Raw("disabled"):"")>
							<option value="@Model.Id">خودم</option>

							@foreach (var item in Model.AccountsList)
							{
								<option value="@item.Id">@item.Fullname</option>
							}
						</select>
					</div>
					<div class="from-group" id="select2GroupList" style="display: none">
						<select class="form-select select2Group disable" multiple="multiple" asp-for="Command.PositionId" disabled="disabled">
							@foreach (var item in Model.PositionViewModels)
							{
								<option value="@item.Id">@item.Name</option>
							}
						</select>
					</div>
				</div>
                <div class="col-12 my-1">
					<div class="from-group position-relative">
						<input type="text" asp-for="Command.ContractingPartyName" id="partyNameSearch" class="form-control" autocomplete="off" placeholder="طرف حساب" onkeyup="searchPartyNameTask()">
						<div id="partyName" class="selectDiv" style="display: none;">
							<ul class="searchResult" id="searchResult">
							</ul>
						</div>
					</div>
				</div>

				<div class="col-12 my-1">
                    <div class="from-group input-group position-relative" style="height: 35px;">
						<span class="input-group-text" id="append_title" style="display: none;font-size: 12px; border-radius: 0px 8px 8px 0px;width: 170px;"></span>
                        <input type="text" asp-for="Command.Title" class="form-control m-0 TaskTitleSearch" placeholder="عنوان وظیفه" onkeyup="searchSubjectTask()" style="border-radius: 8px 0 0 8px">
                        <div permission="90313" class="position-absolute" style="top: 5px; left: 3px; cursor: pointer; z-index: 6" id="CRUDTaskSubjectBtn">
                            @* onclick="taskSubjectModal() *@
                            <div class="btn-add2">
                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M12 6L12 18" stroke="#ffffff" stroke-width="2" stroke-linecap="round"/>
                                    <path d="M18 12L6 12" stroke="#ffffff" stroke-width="2" stroke-linecap="round"/>
                                </svg>
                            </div>
                        </div>
                        <div id="TaskTitle" class="selectTitleDiv w-100" style="display: none;">
                            <ul id="searchTitleResult" class="searchTitleResult">
                            </ul>
                        </div>
                    </div>
				</div>

				<div class="col-12 my-1">
					<div class="row select-time-section">
						<div class="col-4 timeSelect1 pe-0">
							<input type="radio" class="tm-rad" name="btnradio" id="today" autocomplete="off">
							<label class="btn btn-outline-primary d-flex justify-content-center radio-btn" for="today">امروز</label>
						</div>
						<div class="col-4 timeSelect2 p-0">
							<input type="radio" class="tm-rad" name="btnradio" id="tommorow" autocomplete="off">
							<label class="btn btn-outline-primary d-flex justify-content-center radio-btn" for="tommorow">فردا</label>
						</div>
						<div class="col-4 timeSelect3 ps-0">
							<input type="radio" class="tm-rad" name="btnradio" id="two-day-later" autocomplete="off">
							<label class="btn btn-outline-primary d-flex justify-content-center radio-btn" for="two-day-later">پس فردا</label>
						</div>

						<div class="from-group position-relative ">
							<input asp-for="Command.EndTaskDate" type="text" id="EndTaskDate" value="" class="form-control text-center date EndTaskDateStyle textFormTM m-0" placeholder="تاریخ" onkeyup="CheckHoliday()">
							<div class="text-center" id="HolidayError" style="font-size: 11px;color: red;position: absolute;top: 50%;right: 40px;font-weight: 700;transform: translate(0px, -50%); display: none;">تعطیل</div>
						</div>
					</div>
				</div>

				<div class="col-12 my-1">
					<div class="from-group">
						<label for="EndTaskTime" class="labelTM">ساعت انجام وظیفه (اختیاری)</label>
						<input asp-for="Command.EndTaskTime" id="EndTaskTime" type="text" class="form-control text-center textFormTM m-0" placeholder="00:00">
					</div>
				</div>

				@* <div class="col-5 col-md-4">
				<span class="sumDays">مهلت زمانی: </span>
				</div> *@


				<div class="col-12 my-1">
					<div class="from-group">
						<textarea asp-for="Command.Description" id="Command_Description" class="tm-textarea p-2" rows="6" placeholder="توضیحات ..." style="resize: none; display: block"></textarea>

						<div class="upload-voice-container align-items-center justify-content-center" style="display: none">
							<div id="upload-voice-recording" class="text-center" style="display: none">
								<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg">
									<path d="M29.94 42.8076V42.5805L29.7139 42.5588C25.9145 42.1942 22.709 40.6562 20.4538 38.2294C18.1993 35.8033 16.8813 32.4746 16.8813 28.5034V24.6695C16.8813 23.7829 17.5993 23.0901 18.4997 23.0901C19.4 23.0901 20.118 23.7829 20.118 24.6695V28.3672C20.118 31.7435 21.2628 34.5597 23.2701 36.532C25.2769 38.5039 28.1261 39.6129 31.4999 39.6129C34.8737 39.6129 37.7229 38.5039 39.7298 36.532C41.7371 34.5597 42.8819 31.7435 42.8819 28.3672V24.6695C42.8819 23.7863 43.6159 23.0901 44.5197 23.0901C45.4165 23.0901 46.1185 23.7796 46.1185 24.6695V28.5034C46.1185 32.4746 44.8006 35.8033 42.5461 38.2294C40.2909 40.6562 37.0853 42.1942 33.286 42.5588L33.0599 42.5805V42.8076V46.7583V47.0083H33.3099H40.4522C41.3524 47.0083 42.09 47.7205 42.09 48.6071C42.09 49.476 41.3507 50.206 40.4522 50.206H22.5476C21.6492 50.206 20.9099 49.476 20.9099 48.6071C20.9099 47.7205 21.6474 47.0083 22.5476 47.0083H29.69H29.94V46.7583V42.8076ZM38.1198 28.0558C38.1198 32.2488 35.3021 35.0844 31.4999 35.0844C27.6977 35.0844 24.88 32.2488 24.88 28.0558V14.9388C24.88 10.7457 27.6977 7.91016 31.4999 7.91016C35.3021 7.91016 38.1198 10.7457 38.1198 14.9388V28.0558Z" fill="url(#paint0_linear_1349_16648)" stroke="url(#paint1_linear_1349_16648)" stroke-width="0.5" />
									<g filter="url(#filter0_bd_1349_16648)">
										<circle cx="31.5" cy="31" r="13" fill="#2AB8B8" fill-opacity="0.6" shape-rendering="crispEdges" />
										<circle cx="31.5" cy="31" r="12.65" stroke="url(#paint2_linear_1349_16648)" stroke-width="0.7" shape-rendering="crispEdges" />
									</g>
									<path d="M30.63 36.1383C30.9524 36.1383 31.1933 35.8829 31.1933 35.575V25.9867C31.1933 25.6716 30.9452 25.4234 30.63 25.4234C30.3149 25.4234 30.0667 25.6716 30.0667 25.9867V35.575C30.0667 35.8837 30.3141 36.1383 30.63 36.1383ZM34.1048 35.0139C34.4264 35.0139 34.6681 34.7649 34.6681 34.4506V27.1111C34.6681 26.796 34.42 26.5478 34.1048 26.5478C33.7833 26.5478 33.5415 26.7968 33.5415 27.1111V34.4506C33.5415 34.7649 33.7833 35.0139 34.1048 35.0139ZM28.8898 34.206C29.2098 34.206 29.4587 33.9586 29.4587 33.6426V27.9191C29.4587 27.6032 29.2098 27.3558 28.8898 27.3558C28.573 27.3558 28.3321 27.6056 28.3321 27.9191V33.6426C28.3321 33.9562 28.573 34.206 28.8898 34.206ZM32.3703 33.494C32.6878 33.494 32.9279 33.2378 32.9279 32.9307V28.631C32.9279 28.3175 32.687 28.0677 32.3703 28.0677C32.0479 28.0677 31.8069 28.3231 31.8069 28.631V32.9307C31.8069 33.2386 32.0479 33.494 32.3703 33.494ZM35.8394 32.5335C36.161 32.5335 36.4027 32.2845 36.4027 31.9702V29.5915C36.4027 29.2772 36.161 29.0282 35.8394 29.0282C35.5178 29.0282 35.2761 29.2772 35.2761 29.5915V31.9702C35.2761 32.2853 35.5243 32.5335 35.8394 32.5335ZM27.1552 32.0872C27.4768 32.0872 27.7185 31.8382 27.7185 31.5239V30.0379C27.7185 29.7243 27.4719 29.4689 27.1552 29.4689C26.832 29.4689 26.5919 29.7251 26.5919 30.0379V31.5239C26.5919 31.8382 26.8336 32.0872 27.1552 32.0872Z" fill="url(#paint3_linear_1349_16648)" fill-opacity="0.8" stroke="url(#paint4_linear_1349_16648)" stroke-width="0.2" />
									<defs>
										<filter id="filter0_bd_1349_16648" x="10.5" y="10" width="42" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
											<feFlood flood-opacity="0" result="BackgroundImageFix" />
											<feGaussianBlur in="BackgroundImageFix" stdDeviation="3" />
											<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_1349_16648" />
											<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
											<feOffset />
											<feGaussianBlur stdDeviation="4" />
											<feComposite in2="hardAlpha" operator="out" />
											<feColorMatrix type="matrix" values="0 0 0 0 0.164706 0 0 0 0 0.721569 0 0 0 0 0.721569 0 0 0 0.64 0" />
											<feBlend mode="normal" in2="effect1_backgroundBlur_1349_16648" result="effect2_dropShadow_1349_16648" />
											<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_1349_16648" result="shape" />
										</filter>
										<linearGradient id="paint0_linear_1349_16648" x1="16.4428" y1="5.31527" x2="57.5413" y2="18.8131" gradientUnits="userSpaceOnUse">
											<stop stop-color="#329E7A" />
											<stop offset="1" stop-color="#25A2A2" />
										</linearGradient>
										<linearGradient id="paint1_linear_1349_16648" x1="32.739" y1="7.66016" x2="31.3903" y2="50.4134" gradientUnits="userSpaceOnUse">
											<stop stop-color="#CFFFFF" />
											<stop offset="1" stop-color="#CFFFFF" stop-opacity="0.5" />
										</linearGradient>
										<linearGradient id="paint2_linear_1349_16648" x1="32.5833" y1="18" x2="32.0137" y2="43.9875" gradientUnits="userSpaceOnUse">
											<stop stop-color="#CFFFFF" />
											<stop offset="1" stop-color="#CFFFFF" stop-opacity="0.5" />
										</linearGradient>
										<linearGradient id="paint3_linear_1349_16648" x1="26.5911" y1="24.4548" x2="41.2864" y2="29.531" gradientUnits="userSpaceOnUse">
											<stop stop-color="#FFFAFA" />
											<stop offset="1" stop-color="#FFFAFA" stop-opacity="0.4" />
										</linearGradient>
										<linearGradient id="paint4_linear_1349_16648" x1="31.4973" y1="36.0383" x2="31.7227" y2="25.5283" gradientUnits="userSpaceOnUse">
											<stop stop-color="white" stop-opacity="0.8" />
											<stop offset="1" stop-color="white" stop-opacity="0.2" />
										</linearGradient>
									</defs>
								</svg>
							</div>

							<div id="waveArea" class="align-items-center" style="width: 100%; padding:5px;">
								<input type="file" class="d-none" id="Command_Voice">
								@*     <audio controls id="playAudio" style="display: none;">
								<source src="" type="audio/ogg" >
								Your browser does not support the audio element.
								</audio> *@
								<div class="audio-player">
									<div id="showUploadedVoice">
									</div>
									<div id="waveform" class="waveform"></div>
									<button type="button" id="play-pause" class="player-btn play"></button>
								</div>
								<div class="d-flex justify-content-between align-items-center mx-1 d-none" id="upload-container-voice">
									<div class="upload-box-voice empty loadingButton" id="msg_box" style="display: none">
										<div class="spinner-loading loading" style="display: none">
											<span class="spinner-border spinner-border-sm loading text-white" role="status" aria-hidden="true"></span>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>


					<div class="fileAttchaMentBtns px-2 d-flex justify-content-between align-items-center">
						<div class="d-flex justify-content-between alien-items-center">
							<button class="upload-file align-items-center justify-content-center d-flex record_btn" id="upload-voice" type="button">
								<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
									<rect x="11.855" y="7" width="5.25" height="10.2667" rx="2.625" stroke="white" stroke-width="1.5" stroke-linejoin="round" />
									<path d="M8.47998 14.4672C8.47998 16.1363 9.10112 17.7459 10.2205 18.9399C11.3414 20.1356 12.8725 20.8172 14.48 20.8172C16.0875 20.8172 17.6185 20.1356 18.7394 18.9399C19.8588 17.7459 20.48 16.1363 20.48 14.4672" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
									<path d="M14.48 23.8003V21.9336" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
								</svg>
								<span class="d-none" style="font-size: 12px">پیام صوتی</span>
							</button>
							<button class="upload-file" id="upload-doc" type="submit">
								<svg id="svgFileUpload" width="16" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg">
									<path d="M13.1643 9.60644L7.07781 15.9186C6.41012 16.611 5.50455 17 4.5603 17C3.61605 17 2.71047 16.611 2.04279 15.9186C1.3751 15.2261 1 14.287 1 13.3077C1 12.3285 1.3751 11.3893 2.04279 10.6969L10.6982 1.72061C10.9187 1.49207 11.1804 1.31081 11.4684 1.18716C11.7564 1.06352 12.0651 0.999924 12.3768 1C12.6886 1.00008 12.9972 1.06383 13.2852 1.18761C13.5731 1.31139 13.8348 1.49278 14.0551 1.72143C14.2755 1.95007 14.4503 2.22149 14.5695 2.52019C14.6887 2.81889 14.7501 3.13902 14.75 3.46229C14.7499 3.78557 14.6885 4.10566 14.5691 4.4043C14.4497 4.70294 14.2748 4.97428 14.0544 5.20282L5.39261 14.1857M5.39261 14.1857L5.39973 14.1775M5.39261 14.1857C5.1679 14.4091 4.86756 14.5311 4.5563 14.5271C4.24504 14.523 3.94779 14.3922 3.72862 14.163C3.50944 13.9337 3.38589 13.6244 3.38459 13.3016C3.38328 12.9787 3.50434 12.6683 3.72165 12.4372L9.90071 6.02906" stroke="white" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round" />
								</svg>
								<span class="d-none">بارگذاری تصاویر و مدارک</span>
								@* <div id="progressBar" style="display: none">0</div> *@
							</button>
						</div>

						<div id="upload-container-doc">
							@* <div class="col-4">
							<div class="upload-box empty inBox1 loadingButton">

							<div class="spinner-loading loading" style="display: none">
							<span class="spinner-border spinner-border-sm loading text-white" role="status" aria-hidden="true"></span>
							</div>
							</div>
							</div> *@
							@* <div class="col-4">
							<div class="upload-box empty inBox2 loadingButton">
							<div class="spinner-loading loading" style="display: none">
							<span class="spinner-border spinner-border-sm loading text-white" role="status" aria-hidden="true"></span>
							</div>
							</div>
							</div>
							<div class="col-4">
							<div class="upload-box empty inBox3 loadingButton">

							<div class="spinner-loading loading" style="display: none">
							<span class="spinner-border spinner-border-sm loading text-white" role="status" aria-hidden="true"></span>
							</div>
							</div>
							</div>
							<div class="col-4">
							<div class="upload-box empty inBox4 loadingButton">
							<div class="spinner-loading loading" style="display: none">
							<span class="spinner-border spinner-border-sm loading text-white" role="status" aria-hidden="true"></span>
							</div>
							</div>
							</div>
							<div class="col-4">
							<div class="upload-box empty inBox5 loadingButton">

							<div class="spinner-loading loading" style="display: none">
							<span class="spinner-border spinner-border-sm loading text-white" role="status" aria-hidden="true"></span>
							</div>
							</div>
							</div>
							<div class="col-4">
							<div class="upload-box empty inBox6 loadingButton">

							<div class="spinner-loading loading" style="display: none">
							<span class="spinner-border spinner-border-sm loading text-white" role="status" aria-hidden="true"></span>
							</div>
							</div>
							</div> *@
						</div>

						<div id="fileItems" style="display: none"></div>
						<div id="voiceItem" style="display: none"></div>
					</div>

					<input type="file" class="d-none" id="Command_Document1" accept=".pdf,.doc,.docx,.txt, image/*">
					<input type="file" class="d-none" id="Command_Document2" accept=".pdf,.doc,.docx,.txt, image/*">
					<input type="file" class="d-none" id="Command_Document3" accept=".pdf,.doc,.docx,.txt, image/*">
					<input type="file" class="d-none" id="Command_Document4" accept=".pdf,.doc,.docx,.txt, image/*">
					<input type="file" class="d-none" id="Command_Document5" accept=".pdf,.doc,.docx,.txt, image/*">
					<input type="file" class="d-none" id="Command_Document6" accept=".pdf,.doc,.docx,.txt, image/*">
				</div>
			</div>



			<div class="row mt-2">
				<div class="col-6 text-center">
					@* <a asp-page="/Company/Task/Index" id="cancel" class="btn-tm-cancel m-1 text-white" type="button"> *@
					<button class="btn-tm-cancel m-1 text-white cancelAndRefresh" type="button">
						<span>انصراف</span>
					</button>
				</div>

				<div class="col-6 text-center">
					<button type="button" id="save" class="btn-tm-save m-1 position-relative">
						<span>ارسال</span>

						<div class="spinner-loading loading" style="display: none">
							<span class="spinner-border spinner-border-sm loading text-white" role="status" aria-hidden="true"></span>
						</div>
					</button>
					@* <a href="#" id="save" class="btn-tm-save">ارسال</a> *@
				</div>
			</div>

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

<!-- مودال -->
@* <div class="modal fade" id="CRUDTaskSubjectModal" tabindex="-1" aria-labelledby="CRUDTaskSubjectModalLabel" data-bs-backdrop="false" aria-hidden="true" > *@
<div id="CRUDTaskSubjectModal" style="display: none">
	<div class="modal-dialog modal-dialog-centered TaskSubjectSection">
		<div class="w-100" id="ModalCRUDSearchSubject">
			<partial name="CreateCRUDTaskSubjectModal" />
		</div>
	</div>
</div>
<!-- مودال -->

<script src="~/assetsclient/js/site.js?ver=@adminVersion"></script>
<script src="~/assetsclient/libs/jalaali-js/jalaali.js"></script>
<script src="~/admintheme/js/jquery.mask_1.14.16.min.js"></script>
<script src="~/AssetsAdminNew/libs/wavesurfer/wavesurfer.min.js"></script>

<script>
	var antiForgeryToken = $('@Html.AntiForgeryToken()').val();
	var createTaskSaveModalAjax = '@Url.Page("/Company/Task/Create", "CreateSaveTask")';
	var createTaskTicketSaveModalAjax = '@Url.Page("/Company/Ticket/Index", "CreateSaveTicketTask")';
	var searchContractingPartiesModalAjax = '@Url.Page("./Create", "SearchContractingParties")';
	var searchTaskSubjectModal = '@Url.Page("./Create", "SearchTaskSubject")';
	var taskSubjectModal = '@Url.Page("/Company/Task/Create", "TaskSubject")';
	var checkIsHolidayModalAjax = '@Url.Page("./Create", "CheckHoliday")';
	var uploadFileModalAjax = '@Url.Page("/Company/Task/Create", "UploadFile")';
	var deleteFileModalAjax = '@Url.Page("./Create", "DeleteFile")';
	var deleteAllFilesModalAjax = '@Url.Page("./Create", "RemoveAllTempFiles")';

</script>

<script src="~/assetsadminnew/tasks/js/create.js?ver=@adminVersion"></script>