@model AccountManagement.Application.Contracts.Task.EditTask

@{
	string adminVersion = _0_Framework.Application.Version.AdminVersion;

	<link href="~/assetsadminnew/tasks/css/diagramtaskmodal.css?ver=@adminVersion" rel="stylesheet" />
	
	<style>
        .modal-content {
	        background-color: #ffffff;

        }
        .modal-body {
	        display: flex;
	        justify-content: center;
	        align-items: center;
	        height: 100vh; /* Ensure the modal takes full viewport height */
	        overflow: hidden; /* Hide overflow to prevent content from expanding beyond viewport */
        }
        .modal-xl-taskTime {
	        max-width: 600px;
        }

        .prevent-select {
	        height: 610px;
	        -webkit-user-select: none; /* Safari */
	        -ms-user-select: none; /* IE 10 and IE 11 */
	        user-select: none; /* Standard syntax */
        }

        @@media (max-width: 1366px) {
	        .prevent-select {
		        height: 530px;
	        }
        }
	</style>
}

<div class="modal-content prevent-select">
    <input id="senderFullName" hidden value="@Model.SenderViewModel.Fullname" />

    <div class="modal-header d-block text-center">
        <button type="button" class="btn-close position-absolute text-start" data-bs-dismiss="modal" aria-label="Close"></button>
	    <div>
		    <h6 class="modal-title">طرف حساب: @Model.ContractingPartyName </h6>
		    <h6 class="modal-title">عنوان: @Model.Title</h6>
	    </div>
        <div class="infoSection">
	        <div class="infoTxt1">
                <span>امروز</span>
		        <span class="infoColorDiagram1"></span>
	        </div>
	        <div class="infoTxt2">
                <span>درخواست</span>
		        <div class="infoColorDiagram2"></div>
	        </div>
	        <div class="infoTxt3">
                <span>گذشته</span>
		        <div class="infoColorDiagram3"></div>
	        </div>
	        <div class="infoTxt4">
                <span>انجام شد</span>
		        <div class="infoColorDiagram4"></div>
	        </div>
        </div>
    </div>

    <div class="modal-body p-2">
        <div class="d-flex align-items-center justify-content-center h-100 boxShadowDiagram">
            <div class="tree-section w-100" id="canvas-wrapper" style="cursor: grab;">
                <div id="tree">
	                <div id="tree-container" class="branch">

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

    <div class="modal-footer justify-content-center align-items-center p-2 pt-0">
        <div class="row">
            <div class="col-6 text-end">
                <button type="button" class="btn-cancel2 d-flex justify-content-center align-items-center" data-bs-dismiss="modal">بستن</button>
            </div>
        </div>
    </div>
</div>
    <script>
        var assignments = @Html.Raw(Json.Serialize(Model.AssignViewModels));
        var senderId= @Model.SenderId;
    </script>
    <script src="~/assetsadminnew/tasks/js/DiagramTaskModal.js?ver=@adminVersion"></script>