<style>
.header{
	font-size: 35px;
	font-weight: bold!important;
}
div#admin-panel{
	display: flex;
	flex-direction: row;
}
div#admin-panel * {
    font-weight: bold!important;
}

.applicationBannerNotStarted, .applicationBannerStarted, .applicationBannerSubmitted{
	display: none;
}

.dash-banner{
	height: fit-content!important;
}

.dash-banner .banner-segment:nth-child(1){
	padding: 40px 0!important;
	height: fit-content!important;
}

.dash-banner .banner-segment:nth-child(2){
	height: unset!important;
}
</style>
<script>

const searchJiraApplicationsForUser = async (issueType) => {
  let jiraRes = await jQuery.ajax({
    url: "/rest/scriptrunner/latest/custom/searchJiraTickets",
    headers: {
      'X-Atlassian-Token' : 'nocheck',
      'Content-type' : 'application/json'
    },
    type: "POST",
    processData: false,
    contentType: false,
    data: JSON.stringify({
      jql: `issuetype = "${issueType}" AND ('Confluence User Key' ~ '${AJS.params.remoteUserKey}') ORDER BY updated DESC`
    }),
	success: W=>{
		console.log(W)
	},
	error: L=>{
		console.log(L)
	}
  }).then(res => res);
  return jiraRes;
}

const showDynamicApplicationBanner = async (pageTitle, issueType, applicationDeadlinePassed = false) => {
  var bannerApplicationSubmitted = false;
  var bannerApplicationComplete = false;
  var bannerApplicationStarted = false;

  if (applicationDeadlinePassed) {
    $(".applicationBannerDeadlinePassed").waitUntilExists(() => {
      $('.applicationBannerLoading').remove();
      $(".applicationBannerDeadlinePassed").show();
    });

    return;
  }

  await searchJiraApplicationsForUser(issueType).then((appsCheck) => {
    if (appsCheck.issues.length !== 0) {
      bannerApplicationStarted = true;
      if (appsCheck.issues[0].fields.customfield_10631) {
        bannerApplicationSubmitted = true;
      }
    }

    if (bannerApplicationSubmitted) {
      // show submitted banner
      $(".applicationBannerSubmitted").waitUntilExists(() => {
        $('.applicationBannerLoading').remove();
        $(".applicationBannerSubmitted").show();
      });
    } else if (bannerApplicationStarted) {
      // show started banner
      $(".applicationBannerStarted").waitUntilExists(() => {
        $('.applicationBannerLoading').remove();
        $(".applicationBannerStarted").show();
      });
    } else {
      // show get started banner
      $(".applicationBannerNotStarted").waitUntilExists(() => {
        $('.applicationBannerLoading').remove();
        $(".applicationBannerNotStarted").show();
      });
    }
  })
}

</script>

<style>
div.banner-segment.second-segment{
	background: url('https://gsvlabs-confluence-files.s3.us-west-2.amazonaws.com/images/MSIA/application_banner.jpg')!important;
	background-size: cover!important;
	position: relative!important;
}

div.banner-segment.second-segment::after{
	position: absolute;
	bottom: 20px;
	left: 20px;
	content: "July 15, 2022  5 PM ET";
 	font-size: 18px;
	color: white;
	font-family: var(--main-font-family);
 	z-index: 100;
}

div.banner-segment.second-segment::before{
	position: absolute;
	bottom: 40px;
	left: 20px;
	content: "Application Deadline:";
	font-size: 22px;
	font-weight: bold!;
	color: white;
	font-family: var(--main-font-family);
	z-index: 100;
}

div div#announcements-wrapper{
	margin-top: 20px!important;
}
 p.header{
	margin-bottom: 30px!important
}
.announcementcard .confirmationButton, .dash-banner .bottom-content a {
	text-transform: uppercase;
	font-weight: bold !important;
}
#key-dates-list {
    font-size: 16px;
    padding-left: 15px;
    margin-top: 5px;
}
#key-dates-headertext {
	height: max-content !important;
}
</style>

<link rel="stylesheet" href="https://gsvlabs-confluence-files.s3.us-west-2.amazonaws.com/stylesheets/MS+SBA/home.css?v=1">

<!-- Redirect msia judges/admins -->

<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&&display=swap" rel="stylesheet">

<script>
window.addEventListener("load", showDynamicApplicationBanner(AJS.params.pageTitle.toLowerCase(), 'LBNL Issue Type'), false);
</script>

<!-- Start id=announcementcontainer section -->

<!-- Start admin section -->

<!-- End admin section -->

<!-- End id=announcementcontainer section -->

<div>
<p class="header">About the Alliance for Children’s Mental Health</p>
</div>

<div style="width: 100%; height: 400px; display: flex; background: white;  box-shadow: 0 4px 10px 5px rgba(0, 0, 0, 0.1);">
	<div style="box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; width: 100%; padding: 40px;">
		<p style="margin-bottom: 20px; color: #187aba; font-size: 20px;">The Morgan Stanley Alliance for Children’s Mental Health combines the resources and reach of Morgan Stanley with the knowledge and experience of our distinguished nonprofit member organizations to help deliver positive, tangible impact on the critical challenges of stress, anxiety and depression in children, adolescents and young people.</p>
		<button class="aui-button aui-button-primary" style="width: 280px; height: 50px; font-size: 16px; border-radius: 5px; font-weight: normal;" onclick="window.open('https://www.morganstanley.com/about-us/giving-back/alliance-childrens-mental-health')">LEARN MORE ABOUT THE ALLIANCE</button>
	</div>
 	<img style="box-sizing: border-box; width: 50%; object-fit: contain; padding: 0 5%;" src="https://gsvlabs-confluence-files.s3.us-west-2.amazonaws.com/images/MSIA/childrens_health_announcement.png"/>
</div>

</div>

<script>
var checkExist = setInterval(function() {
   if ($('.topic-select-group label').length) {  
$('.topic-select-group label')[0].innerHTML =`Topic:<sup data-v-62c157d1="" class="fullSite">*</sup>`
      clearInterval(checkExist);
   }
}, 100);

/*
window.onload = function(){
	$('.editor')[0].append($('.microblog-header-container')[0]);
};
*/

</script>

<script>
$( ".announcementcard a" ).each(function( index ) {
  console.log( index + ": " + $( this ).attr("href") );
  if($( this ).attr("href").includes("//h")){
    $( this ).attr("href", $( this ).attr("href").replace("//http", "http"))
  }
});
</script>

<style>
.benefits-container a {
	text-decoration: unset;
	margin: 0px;
    background: none;
    color: var(--primary-color) !important;
    padding: 0px;
}
.benefits-container a:hover {
	text-decoration: underline;
}
</style>

<style>
@media only screen and (max-width: 580px) {
	div.dates-container {
		width: 100% !important;
	}
	#key-dates-headertext {
		text-align: left;
	}
}
</style>