@include('include.header_new')
<link href="assets/css/components.css" rel="stylesheet" type="text/css">
<style>

/* .university_logo {
	position: absolute;
	right: 25px;
	top: 22px;
}
.university_logo img {
	width: auto;
	height:52px;
}
#loading4 {
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: fixed;
   display: block;
   opacity: 0.7;
   background-color: #333;
   z-index: 99;
   text-align: center;
}
.awe{
	background: #284fa3;
}

#loading4-image {
  position: absolute;
  top: 45%;
  left: 50%;
  z-index: 100;
}
.icontext {
	line-height: 14px !important;
	display: block !important;
	width: auto !important;
	font-size: 13px !important;
}
.edit-l.view {
	line-height: 38px;
}
#intervention_pdf_quickview .modal-dialog {
    width: 95%; 
} */
/* .approval_d {
	background: #282b30;
	margin-top: 10px;
	border-bottom: 4px solid #e5e5e5;
	color: #fff;
	font-size: 18px;
	padding: 12px 0 0;
} */
/* .panel-approval{
     background: #cbcbcb;
	color: #000;
	font-size: 14px;
	overflow:hidden;
	}
	.panel-approval p {
    margin: 0 0 0px;
	font-size: 14px;
} */
/* .approval_d th{	
	text-align: center;
font-weight: 500;
} */
/* .panel-approval td {
	text-align: center;
	vertical-align: middle !important;
}
.info_taggle{
  display:none;
    }
.panel-approval b{ font-size:12px;}
.dataTables_length {
    display: block !important;
    text-align: left;
}

 .dataTables_filter {
    text-align: right;
    display: block !important; 
}
.dataTables_paginate {
	float: right !important;
}
.dataTables_info {
	float: left !important;
	margin-top: 30px !important;
	color: #000;
} */
/* #approval_wrapper .row {
    margin-right: 0px;
    margin-left: 0px; 
}
#approval .dropdown-menu {
	top: 50px;	
} */

.apprv-card .card-header {
    background-color: transparent !important;
}

.apprv-card .card-body-upper {
    background-color: #fff;
    border-radius: 15px;
    margin: 0 .6rem .6rem;
}
.apprv-card .card-footer {
    background-color: transparent !important;
    border: 0;
}
 
</style>
<!--<section class="container body-content">
    
    <nav aria-label="breadcrumb" class="row">
        <ol class="breadcrumb bg-transparent col-lg-12 p-20 m-b-5">
            <li class="breadcrumb-item active" aria-current="page"><a href="/home" style="color:#000;"> Dashboard </a></li>
            <li class="breadcrumb-item" aria-current="page"><a href="/master_course_dashboard">Activity Dashboard View</a></li>
        </ol>
    </nav>
</section>-->
<section class="container p-t-100">
    <div class="row">
        <div class="col-lg-12 m-b-30">
            <div class="card border-0 p-15" style="background-color: #f8f4f4;">
                <div class="row">
                    <div class="col-lg-12">
                        <h3>
                            Activity Dashboard View
                            <svg class="info-badge" onclick="info_taggle()" data-toggle="tooltip" data-placement="right" title="" data-original-title="Click to view Info" style="margin-top: -20px; cursor: pointer;" enable-background="new 0 0 85 85" height="16px" version="1.1" viewBox="0 0 85 85" width="16px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                <path d="M42.5,0.003C19.028,0.003,0,19.031,0,42.503s19.028,42.5,42.5,42.5S85,65.976,85,42.503S65.972,0.003,42.5,0.003z   M42.288,66.27c0,0-1.972,1.311-3.32,1.305c-0.12,0.055-0.191,0.087-0.191,0.087l0.003-0.087c-0.283-0.013-0.568-0.053-0.855-0.125  l-0.426-0.105c-2.354-0.584-3.6-2.918-3.014-5.271l3.277-13.211l1.479-5.967c1.376-5.54-4.363,1.178-5.54-1.374  c-0.777-1.687,4.464-5.227,8.293-7.896c0,0,1.97-1.309,3.319-1.304c0.121-0.056,0.192-0.087,0.192-0.087l-0.005,0.087  c0.285,0.013,0.57,0.053,0.857,0.124l0.426,0.106c2.354,0.584,3.788,2.965,3.204,5.318l-3.276,13.212l-1.482,5.967  c-1.374,5.54,4.27-1.204,5.446,1.351C51.452,60.085,46.116,63.601,42.288,66.27z M50.594,24.976  c-0.818,3.295-4.152,5.304-7.446,4.486c-3.296-0.818-5.305-4.151-4.487-7.447c0.818-3.296,4.152-5.304,7.446-4.486  C49.403,18.346,51.411,21.68,50.594,24.976z"></path>
                            </svg>
                        </h3>
                        <p><small>A place to quick overview of all dashboards for a university.</small></p>
                        <div class="cinfo_taggle" style="display: none;">
                            <div class="custom-blockquote mar_b20">
                                <p class="mar0">From the Activity Dashboard View, providers can quick overview of all dashboards for a university.</p>
                            </div>
                        </div>
                        <p>A place to keep Courses List.</p>
                    </div>
                </div>
				     <div class="row m-t-20">
                    <div class="col-lg-12">
                        <h3>
                            Process Key
                        </h3>
                        <ul class="row ip_keys">
                            <li class="col-lg-3">
                                <i class="signal_black"></i>
                                Submitted
                            </li>
                            <li class="col-lg-3">
                                <i class="signal_orange"></i>
                                Under-Review
                            </li>
                            <li class="col-lg-3">
                                <i class="signal_green"></i>
                                Approved
                            </li>
                            <li class="col-lg-3">
                                <i class="signal_red"></i>
                                Returned for Revisions
                            </li>
                        </ul>
                    </div>
                </div>
           
			</div>
        </div>
    </div>
   
</section>

<section class="container">
    <div class="row">
        <div class="col-lg-12 m-b-30">
            <div class="card border-0 apprv-card">
                <div class="lt_grey_bg br-15">
                                <div class="card-header border-0"> 
								 <h3>
										Activity Dashboard View
								</h3>
								</div>
								 <div class="card-body card-body-upper">
										<div class="row">
                    <div class="col-lg-12">
                       
                        <div class="table-responsive">
                            <table id="approval123" class="table table-striped">
                                <thead class="dk_blue_bg text_white">
                                    <tr>
                                        <th>
                                            <div class="btn-group">
                                                <button type="button" class="p-0 btn btn-link dropdown-toggle dropdown-toggle-split text-white" id="dropdownMenuReference" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-reference="parent">Reference 
                                                    <span class="sr-only">Toggle Dropdown</span>
                                                </button>
                                                <div class="dropdown-menu" aria-labelledby="dropdownMenuReference">
                                                    <a class="dropdown-item" href="/approval_process/all">All</a>
                                                    @if(isset($suniv_list) && count($suniv_list)>0) 
                                                    @foreach($suniv_list as $univcity)
                                                    <a class="dropdown-item" href="/approval_process/{{$univcity->UID}}">{{$univcity->NAME}}</a>
                                                    @endforeach
                                                    @endif
                                                </div>
                                            </div>
                                        </th>
                                        <th class="no-sort f-w-400">Curriculum List</th>
                                        <th class="no-sort">
                                            <div class="btn-group">
                                                <button type="button" class="p-0 btn btn-link dropdown-toggle dropdown-toggle-split text-white" id="dropdownMenuReference" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-reference="parent">Proposal 
                                                    <span class="sr-only">Toggle Dropdown</span>
                                                </button>
                                                <div class="dropdown-menu" aria-labelledby="dropdownMenuReference">
                                                    <a class="dropdown-item" href="/approval_process/all">All</a>
                                                    <a class="dropdown-item" href="/approval_process/S">Submitted</a>
                                                    <a class="dropdown-item" href="/approval_process/UR">Under Review</a>
                                                    <a class="dropdown-item" href="/approval_process/A">Approved</a>
                                                    <a class="dropdown-item" href="/approval_process/R">Revised</a>
                                                </div>
                                            </div>
                                        </th>
                                        <th class="no-sort">
                                            <div class="btn-group">
                                                <button type="button" class="p-0 btn btn-link dropdown-toggle dropdown-toggle-split text-white" id="dropdownMenuReference" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-reference="parent">Cost Workbook 
                                                    <span class="sr-only">Toggle Dropdown</span>
                                                </button>
                                                <div class="dropdown-menu" aria-labelledby="dropdownMenuReference">
                                                    <a class="dropdown-item" href="/approval_process/all">All</a>
                                                    <a class="dropdown-item" href="/approval_process/S">Submitted</a>
                                                    <a class="dropdown-item" href="/approval_process/UR">Under Review</a>
                                                    <a class="dropdown-item" href="/approval_process/A">Approved</a>
                                                    <a class="dropdown-item" href="/approval_process/R">Revised</a>
                                                </div>
                                            </div>
                                        </th>
                                        <th class="f-w-400">Briefcase</th>
                                        <th class="no-sort">
                                            <div class="btn-group">
                                                <button type="button" class="p-0 btn btn-link dropdown-toggle dropdown-toggle-split text-white" id="dropdownMenuReference" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-reference="parent">Reporting
                                                    <span class="sr-only">Toggle Dropdown</span>
                                                </button>
                                                <div class="dropdown-menu" aria-labelledby="dropdownMenuReference">
                                                    <a class="dropdown-item" href="/approval_process/all">All</a>
                                                    <a class="dropdown-item" href="/approval_process/S">Submitted</a>
                                                    <a class="dropdown-item" href="/approval_process/UR">Under Review</a>
                                                    <a class="dropdown-item" href="/approval_process/A">Approved</a>
                                                    <a class="dropdown-item" href="/approval_process/R">Revised</a>
                                                </div>
                                            </div>
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                                                        @if(isset($ucity) && count($ucity)>0) 
                                    @foreach($ucity as $univcity)
                                                                        <tr>
                                        <td>
                                            <span class="f-w-600 text-dblue">{{$univcity->NAME}}</span>
                                        </td>
                                        <td>
                                            <p class="small m-b-5">
                                                <span class="f-w-600">Last Update:</span> &nbsp; {{(isset($process['master'][$uid][0]->mdate))?date('d M Y', strtotime($process['master'][$uid][0]->mdate)):''}}
                                            </p>
                                            <p class="small m-b-5">
                                                <span class="f-w-600">No of Courses Listed:</span> &nbsp;&nbsp;{{(isset($process['master'][$uid][0]->count))?$process['master'][$uid][0]->count:''}}
                                            </p>
                                            <p class="small m-b-5">
                                                <a href="javascript:" data-target="#usercomments-quickview" data-toggle="modal" data-tooltip="tooltip" data-placement="top" title="" id="pr_bell107" onclick="regarding_comments('{{$univcity->uid}}','','','','{{$univcity->NAME}}','master');" data-original-title="Comments">View Comments</a>
                                            </p>
                                        </td>
                                        <td>
                                            @if(isset($process['proposal_list'][$uid]) && count($process['proposal_list'][$uid])>0) 
                                            <select name="" id="selectNEWBox1" class="form-control selectpicker" onchange="get_node(this.value,'{{$uid}}','{{$univcity->NAME}}','PROPOSAL')">
                                                <!-- <option value="{{$process['proposal_list'][$uid][0]->APPR_ID}}" >
                                                <span style="color:#000;font-size:60px;line-height:0px;  padding-top:10px ">•</span>&nbsp;&nbsp; { {$process['proposal_list'][$uid][0]->PROC_NM} }
                                                </option> -->
                                                <option value="" disabled selected> ---- Select Proposals---- </option>
                                                @foreach($process['proposal_list'][$uid] as $plist)
                                                @php
                                                if($plist->PROC_STATUS=='UR')
                                                    $color = "#FF8000";
                                                else if($plist->PROC_STATUS=='A')
                                                    $color = "#20fb1b";
                                                else if($plist->PROC_STATUS=='R')
                                                    $color = "#FF1402";
                                                else
                                                    $color = "#000"; 
                                                @endphp 
                                                <option value="{{$plist->APPR_ID}}">
                                                    <span style="color:{{$color}};font-size:60px;line-height:0px; position:absolute; padding-top:10px ">•</span>&nbsp;&nbsp; {{$plist->PROC_NM}}
                                                </option> 
                                                @endforeach
                                            </select>
                                            @endif
                                        </td>
                                        <td>
                                            @if(isset($process['costwb_list'][$uid]) && count($process['costwb_list'][$uid])>0) 
                                            <select name="" id="selectNEWBox1" class="form-control selectpicker" onchange="get_node(this.value,'{{$uid}}','{{$univcity->NAME}}','COSTWB')">
                                                <!-- <option value="{{$process['costwb_list'][$uid][0]->PROC_NM}}" >
                                                <span style="color:#000;font-size:60px;line-height:0px;  padding-top:10px ">•</span>&nbsp;&nbsp; { {$process['costwb_list'][$uid][0]->PROC_NM} }
                                                </option> -->
                                                <option value="" disabled selected> ---- Select Cost Workbooks---- </option>
                                                @foreach($process['costwb_list'][$uid] as $plist)
                                                @php
                                                if($plist->PROC_STATUS=='UR')
                                                    $color = "#FF8000";
                                                else if($plist->PROC_STATUS=='A')
                                                    $color = "#20fb1b";
                                                else if($plist->PROC_STATUS=='R')
                                                    $color = "#FF1402";
                                                else
                                                    $color = "#000"; 
                                                @endphp 
                                                <option value="{{$plist->PROC_NM}}">
                                                    <span style="color:{{$color}};font-size:60px;line-height:0px; position:absolute; padding-top:10px ">•</span>
                                                    &nbsp;&nbsp; {{$plist->PROC_NM}}
                                                </option> 
                                                @endforeach
                                            </select>
                                            @endif
                                        </td>
                                        <td>
                                            <p class="small m-b-5">
                                                <span class="f-w-600">Last Update:</span>&nbsp;{{(isset($process['briefcase'][$uid][0]->bdate))?date('d M Y', strtotime($process['briefcase'][$uid][0]->bdate)):''}} 
                                            </p>
                                            <p class="small m-b-5">
                                                <span class="f-w-600">No of Items Uploaded:</span>&nbsp;&nbsp;{{(isset($process['briefcase'][$uid][0]->count))?$process['briefcase'][$uid][0]->count:''}}
                                            </p>
                                        </td>
                                        <td>
                                            @if(isset($process['report_list'][$uid]) && count($process['report_list'][$uid])>0) 
                                            <select name="" id="selectNEWBox1" class="form-control selectpicker" onchange="get_node(this.value,'{{$uid}}','{{$univcity->NAME}}','REPORT')">
                                                <!-- <option value="{{$process['report_list'][$uid][0]->APPR_ID}}" >
                                                <span style="color:#000;font-size:60px;line-height:0px;  padding-top:10px ">•</span>&nbsp;&nbsp; { {$process['report_list'][$uid][0]->PROC_NM} }
                                                </option> -->
                                                <option value="" disabled selected> ---- Select Reports---- </option>
                                                @foreach($process['report_list'][$uid] as $plist)
                                                @php
                                                if($plist->PROC_STATUS=='UR')
                                                    $color = "#FF8000";
                                                else if($plist->PROC_STATUS=='A')
                                                    $color = "#20fb1b";
                                                else if($plist->PROC_STATUS=='R')
                                                    $color = "#FF1402";
                                                else
                                                    $color = "#000"; 
                                                @endphp 
                                                <option value="{{$plist->APPR_ID}}">
                                                    <span style="color:{{$color}};font-size:60px;line-height:0px; position:absolute; padding-top:10px ">•</span>&nbsp;&nbsp; {{$plist->PROC_NM}}
                                                </option> 
                                                @endforeach
                                            </select>
                                            @endif
                                        </td>
                                    </tr>
                                    <tr id="{{$uid}}" class="test" style="display:none; background:#ccc">
                                        <td colspan="6" style="padding-top:25px; padding-bottom:25px;">
                                            <div style="width:40%; margin:0 auto; font-size:12px; background:#fff; overflow:hidden; padding-bottom: 10px;" id="{{$uid}}s">
                                                <div id="loading_div" class="loading text-center" style="display: none;"> 
                                                    <img src="/images/loading.gif"> 
                                                </div>
                                            </div> 
                                        </td>
                                    </tr> 
                                    @endforeach 
                                    @endif
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
           
           
								 </div>
				</div>				
				
			 </div>
        </div>
    </div>
</section>

<!-- modal box -->
<div class="modal fade fixrgt p-r-0" id="usercomments-quickview" tabindex="-1" role="dialog" aria-labelledby="chatModalScrollable" aria-hidden="true">
    <div class="modal-dialog modal-dialog-scrollable fixrgt-dialog" role="document">
        <div class="fixed-rgt modal-content">
        <div id="loading_comments" class="loading text-center" style="display: none;"> <img src="/images/loading.gif"> </div>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <!-- <span aria-hidden="true">&times;</span> -->
            <svg enable-background="new 0 0 32 32" height="32px" id="Layer_1" version="1.1" viewBox="0 0 32 32" width="32px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><polyline fill="none" points="   649,137.999 675,137.999 675,155.999 661,155.999  " stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"/><polyline fill="none" points="   653,155.999 649,155.999 649,141.999  " stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"/><polyline fill="none" points="   661,156 653,162 653,156  " stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"/></g><g><path d="M11.312,12.766c0.194,0.195,0.449,0.292,0.704,0.292c0.255,0,0.51-0.097,0.704-0.292c0.389-0.389,0.389-1.02,0-1.409   L4.755,3.384c-0.389-0.389-1.019-0.389-1.408,0s-0.389,1.02,0,1.409L11.312,12.766z" class="icon_white"/><path d="M17.407,16.048L28.652,4.793c0.389-0.389,0.389-1.02,0-1.409c-0.389-0.389-1.019-0.561-1.408-0.171L15.296,15   c0,0-0.296,0-0.296,0s0,0.345,0,0.345L3.2,27.303c-0.389,0.389-0.315,1.02,0.073,1.409c0.194,0.195,0.486,0.292,0.741,0.292   s0.528-0.097,0.722-0.292L15.99,17.458l11.249,11.255c0.194,0.195,0.452,0.292,0.706,0.292s0.511-0.097,0.705-0.292   c0.389-0.389,0.39-1.02,0.001-1.409L17.407,16.048z" class="icon_white"/></g></svg>
        </button>
        <div class="modal-header">
            <h5 class="modal-title w-100" id="exampleModalCenterTitle">
                Comments and Question
                <button class="btn dk_blue_bg btn-block btn-lg m-t-20 text-white" data-toggle="collapse" data-target="#comment-form">Write your comments here</button>
            </h5>
        </div>
        <div class="modal-body">
            <form action="">
                <div class="row">
                    @if(Auth::user()->user_level!='5')
                    <div class="col-lg-12 p-t-15 p-b-15 m-b-25">
                        <div class="comment-form collapse" id="comment-form">
                            <div class="form-group">
                                <textarea rows="2" id="wb_comments" name="wb_comments" class="form-control" placeholder="Write your comment here"></textarea>
                            </div>
                            <p><span class="font-weight-bold">Agency</span>: <span id="comment_agency"></span></p>
                            
                            <button type="button" class="btn btn-md dk_blue_bg pushmail m-b-30 text-white">Push to Email</button>
                            <div class="pemail collapse" id="comment-emailform">
                                <div class="custom-control custom-checkbox custom-control-inline">
                                    <input type="checkbox" class="custom-control-input" name="com_admin" id="com_admin" value="1">
                                    <label class="custom-control-label" for="com_admin">Admin</label>
                                </div>
                                <div class="custom-control custom-checkbox custom-control-inline">
                                    <input type="checkbox" class="custom-control-input" id="com_user" name="com_user" value="2" checked="checked">
                                    <label class="custom-control-label" for="com_user">User</label>
                                </div>
                                <div class="custom-control custom-checkbox custom-control-inline">
                                    <input type="checkbox" class="custom-control-input" id="com_other" name="com_other" value="3" onclick="return enable_cbtest();">
                                    <label class="custom-control-label" for="com_other">Other</label>
                                </div>
                                <div class="form-group m-t-20">
                                    <label for="cmtsubject">Subject</label>
                                    <input type="text" class="form-control" name="com_subject" id="com_subject" required >
                                </div>
                                <div class="form-group">
                                    <label for="cmtemail">Email</label>
                                    <input type="text" class="awesomplete form-control" required name="com_email" id="com_email" data-list=""  placeholder="Email">
                                </div>
                            </div> 
                            <input type="hidden" id="com_agency" name="com_agency" value="" >
                            <input type="hidden" id="com_contract" name="com_contract" value="" >
                        </div>
                        <div id="comment_status" style="color:red; font-weight:600; text-align:center"></div>
                        <div id="htmlcomment"> </div>
                    </div>
                </div>
            
                <div class="modal-footer text-center" style="border-top:0;">
                    <!-- <button type="button" class="btn btn-dgblue">Submit</button> -->
                    <button type="button" class="btn btn-md lt_blue_bg text-dblue f-w-600" onclick="add_comments();">Submit</button>
                    <div class="clearfix"></div>
                    <input type="hidden" id="com_strategy" name="com_strategy" value="">
                    <input type="hidden" id="com_node" name="com_node" value="">
                    <input type="hidden" id="com_node_name" name="com_node_name" value="">
                    <input type="hidden" id="com_agency" name="com_agency" value="">
                    <input type="hidden" id="com_type" name="com_type" value="">
                </div>
                @endif
            </form>
        </div>
    </div>
</div>
<!-- modal box -->

@include('include/footer_new') 
<script>
$(document).ready(function() {
    $('#approval123').DataTable({
        "ordering": false,
        "columnDefs": [	
        {
        orderable: false,
        targets: "no-sort",
        }]
    });
});

function info_taggle(){
    $('.info_taggle').toggle("slow");
    }

function get_node(id,classz,univ_name,type) {
    $(".test").hide();
	$("#"+classz).hide();
	$("#"+classz).fadeIn(1500);
    //$("#"+classz+"s").html("");
    $("#loading_div").show();

    var formData = {id:id,uid:classz,uname:univ_name,ptype:type,_token:"{{csrf_token()}}"};
    $.ajax({
        url : "/get_approve_datas",
        type: "POST",
        data : formData, 
        success: function(data, textStatus, jqXHR)
        {
            $("#loading_div").hide();
            $("#"+classz+"s").html(data);
        }        
    }); 
}

function regarding_comments(agency,strategy,node,node_name,agency_name,type)  {
    $("#htmlcomment").html("");
    $("#loading_commentss").show(); 
    $('input[name="com_agency"]').val(agency);
    $('input[name="com_strategy"]').val(strategy);
    $('input[name="com_node"]').val(node);
    $('input[name="com_node_name"]').val(node_name);
    $('input[name="com_type"]').val(type);
    $('#comment_status').html('');    

    if(type=='proposal')
        var url = "/get_proposals_comments";
    if(type=='costwb')
        var url = "/get_costworkbook_comments";
    if(type=='report')
        var url = "/get_reporting_comments";
    if(type=='master')
        var url = "/get_course_comments";

    var formData = {strategy:strategy,node:node,agency:agency,_token:"{{csrf_token()}}"};
    $.ajax({
        url : url,
        type: "POST",
        data : formData, 
        success: function(data, textStatus, jqXHR)
        {
            $("#loading_commentss").hide();
            $("#htmlcomment").html(data); 
            $("#comment_agency").html(agency_name);
        }        
    }); 
} 

function enable_cbtest() {
    if ($("input[type='checkbox']#com_other").is(':checked')) {
        $('.other_email_cover').show();
    } else {
        $('.other_email_cover').hide();
    }
} 

function myTrim(x) {
    return x.replace(/^\s+|\s+$/gm, '');
}

function add_comments()
{     
    $("#loading_commentss").show();
    var agency= $('#com_agency').val();
    var type= $('#com_type').val();
    var strategy=$('#com_strategy').val();
    var agency_name = $('#comment_agency').text();
    var node=$('#com_node').val();
    var node_name=$('#com_node_name').val();
    var wb_comments=$('#wb_comments').val();
    if(wb_comments==''){
        document.getElementById("loading_commentss").style.display = 'none';
        alert("Please fill your comments");
        $('#wb_comments').focus();
        return false;
    }
    else { 
        
        if($("input[type='checkbox']#com_admin").is(':checked'))  {
            var com_admin = "1";
        }
        else {
            var com_admin = "";
        }

        if($("input[type='checkbox']#com_user").is(':checked'))  {
            var com_user = "2";
        }
        else {
            var com_user = "";
        }

        if($("input[type='checkbox']#com_other").is(':checked'))  {
            var com_other = "3";
        }
        else {
            var com_other = "";
        }

        var com_email = $('#com_email').val();
        var com_subject = $('#com_subject').val(); 
        $('#htmlcomment').html('');
        $('#comment_status').html('');
        var formData = {strategy:strategy,node:node,node_name:node_name,agency:agency,wb_comments:wb_comments, com_user:com_user,com_admin:com_admin,com_other:com_other,com_email:com_email,com_subject:com_subject,_token:"{{csrf_token()}}"}; 
      
        
        if(type=='proposal')
            var url = "/insert_proposals_comments";
        if(type=='costwb')
            var url = "/insert_costworkbook_comments";
        if(type=='report')
            var url = "/insert_reporting_comments";
        if(type=='master')
            var url = "/insert_course_comments";

        $.ajax({
            url : url,
            type: "POST",
            data : formData, 
            success: function(data, textStatus, jqXHR)
            { 
                $('#com_subject').val('');
                $('#com_email').val('');
                if($("input[type='checkbox']#com_admin").is(':checked')){
                    $("input[type='checkbox']#com_admin").prop('checked', false);
                }
                if($("input[type='checkbox']#com_other").is(':checked')){
                    $("input[type='checkbox']#com_other").prop('checked', false);
                }
                $("input[type='checkbox']#com_user").prop('checked', true);
                document.getElementById("loading_commentss").style.display = 'none';
                regarding_comments(agency,strategy,node,node_name,agency_name,type);
                var result=myTrim(data);
                $('#wb_comments').val('');
                if(result=='failure') $('#comment_status').html('Comments not updated, Please try again! ');
                else $('#comment_status').html('Comments updated successfully!!!');
            },
            error: function (jqXHR, textStatus, errorThrown)
            {

            }
        });
    }
}

 
</script>