{layout="Home/_main_wrap"}


{exp:channel:entries channel="events" disable="categories|member_data|category_fields|pagination" status="open|closed" limit="1"}



	<div class="container-fluid hero">


	{if "{events_images count='true'}" == "1"}

		{events_images}
		<img class="img-fluid default-carousel" src="{img:url:resize width="1920" height="640" crop="true"}" alt="">
		{/events_images}

	{if:else}

      <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel" data-interval="false">
        <ol class="carousel-indicators">
	      {events_images}
          <li data-target="#carouselExampleIndicators" data-slide-to="{exp:math formula="{img:count} - 1"}" {if '{exp:math formula="{img:count} - 1"}' == 0}class="active"{/if}></li>
          {!--<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>--}
          {/events_images}
        </ol>
        <div class="carousel-inner" role="listbox">

          {events_images}
          <div class="carousel-item {if '{img:count}' == 1}active{/if} mobile-carousel">
            <img class="d-block img-fluid" src="{img:url:resize width="1920" height="640" crop="true"}" alt="First slide">
          </div>
          {/events_images}

        </div>
        <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
          <span class="carousel-icon carousel-control-prev-icon" aria-hidden="true"></span>
          <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
          <span class="carousel-icon carousel-control-next-icon" aria-hidden="true"></span>
          <span class="sr-only">Next</span>
        </a>
      </div>

	 {/if}

	</div>


<section class="container">
	<h1 class="text-center large-headline">{title}</h1>
	{if events_subtitle}
	<h2 class="text-center">{events_subtitle}</h2>
	{/if}
		<div class="event-border padding-top-20"></div>
			<div class="col-lg-12 text-center event-meta  overflow-hidden">

		{events_when}
		{events_where}
		{events_ticket_information}

		{if events_purchase_ticket}
		<div class="mx-auto text-center padding-top-10 margin-bottom-30">
			<a href="{events_purchase_ticket}" target="_blank" class="btn btn-xl js-scroll-trigger event-button uppercase">{if cta_label}{cta_label}{if:else}Buy Passes Now{/if}</a>
			{if events_cta_fine_print}<p class="fine-print">{events_cta_fine_print}</p>{/if}
		</div>
		{/if}

		{if eventbrite_button_embed}
		<div class="mx-auto text-center padding-top-10 margin-bottom-30">
			{eventbrite_button_embed}
			{if events_cta_fine_print}<p class="fine-print">{events_cta_fine_print}</p>{/if}
		</div>
		{/if}
		
		{if segment_2 == "carnival"}
		
		<section style="border-bottom: 1px solid #f6eff6; background-color: white;">
		<div class="container">
			<div class="row justify-content-md-center">
				<div class="col-lg-9">

				{!--<p>Sign up below to receive an alert when tickets go on sale and be entered to win 4 PREMIUM OPEN BAR GENERAL ADMISSION TICKETS.</p>--}
				{!--<h2 class="event-h3 medium-headline h2-padding-desktop text-center">Sign up below for ticket alert</h2>--}
				{!--<h3 class="text-center">Sign up below to get on the list!</h3>--}



			{!--<script src="https://js.hsforms.net/forms/embed/49503193.js" defer></script>
			<div class="hs-form-frame" data-region="na1" data-form-id="380cd172-7fe9-4b06-b2ae-d6488e6ed5de" data-portal-id="49503193"></div>



			<p style="font-size: 11px;">By submitting form above you agree to <a href="https://stlmardigras.org/images/uploads/CARNIVAL_STL_2026_Backstage_Pass_Sweepstakes_Rules.pdf" target="_blank">sweepstake rules</a></p>--}


			{!-- HIVE FORM FOR SMS Subscription--}
			
			{!--	<form class="hive-signup-form" onsubmit="HIVE_SDK('submitSignupForm', this, onFormSubmitSuccess); return false;">
			<!-- START SIGNUP FORM THEME CSS -->
			<!-- you can move this section to right before your </head> tag -->
			<!-- you can also change, override, or remove this section to customize how your signup form looks -->
			
			<style type="text/css">
			
			.hive-signup-form {
				margin-bottom: 10px;
			}
			
			.hive-signup-form-has-error {
				border-color: #ff00008a !important;
			}
			@import url("https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.0/normalize.css");
				.hive-signup-form label, .hive-signup-form input,  .hive-signup-form span, .hive-signup-form .iti {
				display: flex;
				align-items: flex-start;
				width: 100%;
				/*max-width: 400px;*/
				margin-bottom: 10px;
				} /*.hive-signup-form button, */
				.hive-signup-form label {
				margin-bottom: 0;
				}
				.hive-signup-form input {
				margin-bottom: 16px;
				padding: 8px 10px;
				border-radius: 3px;
				border: 1px solid rgba(0, 0, 0, 0.2);
				box-shadow: inset 0 1px rgba(0, 0, 0, 0.04);
				}
				.hive-signup-form input:focus{
				border: 1px solid rgba(0, 0, 0, 0.65);
				outline: none;
				}
				.hive-signup-form label input[type=checkbox] {
				display: inline-block;
				width: auto;
				margin-right: 8px;
				}
			/*.hive-signup-form button {
				padding: 10px 24px;
				border-radius: 3px;
				background-color: rgba(0, 0, 0, 0.1);
				cursor: pointer;
				}*/
				.hive-signup-form span {
				display: flex;
				margin-bottom: 16px;
				}
				.hive-signup-form select {
				padding: 8px;
				width: 50%;
				height: 36px;
				background-color: white;
				margin-left: 8px;
				border-radius: 3px;
				border: 1px solid rgba(0, 0, 0, 0.2);
				}
				.hive-signup-form select:first-child {
				margin-left: 0px;
				}
				.opt-in-text {
					font-size: 10px;
				}
			
			</style>
			<!-- END SIGNUP FORM CSS -->
			
			
			
				<!-- START NON-TOGGLEABLE SEGMENT -->
				<input data-HIVE-FORM-FIELD="addToSegment" type="hidden" value="sltmardigras.org" />
				<!-- END NON-TOGGLEABLE SEGMENT -->
			
				<!-- START NON-TOGGLEABLE SEGMENT -->
				<input data-HIVE-FORM-FIELD="addToSegment" type="hidden" value="sltmardigras.org 2025" />
				<!-- END NON-TOGGLEABLE SEGMENT -->
			
				<!-- START BOT DETECTION (RECOMMENDED) -->
				<div style="position: absolute; left: -5000px;" aria-hidden="true">
				<!-- real people should not fill this in - do not remove this or risk form bot signups -->
				<input type="text" data-HIVE-FORM-FIELD="areUReal" tabindex="-1" value="">
				</div>
				<!-- END BOT DETECTION -->
			
				<!-- START SUCCESS/THANK YOU MESSAGE -->
				<!-- this element will be shown when your form is sucessfully submitted -->
				<div data-HIVE-FORM-FIELD="successMessage" style="display: none; text-align: center;">
				<h3>Subscribed!</h3>
				<p>We'll keep you informed on important announcements.</p>
				</div>
				<!-- END SUCCESS/THANK YOU MESSAGE -->
			
			
			<div class="newsletter-form-wrap-alt">
			
				<!-- START SIGNUP FORM ID (REQUIRED) -->
				<!-- do not remove this as this is used for reporting purposes -->
				<input data-HIVE-FORM-FIELD="swid" type="hidden" value="7501" />
				<!-- END SIGNUP FORM ID -->
			
				<!-- START EMAIL -->
				<div>
					<label for="_HIVE-email-7501">Email</label>
					<input data-HIVE-FORM-FIELD="email" id="_HIVE-email-7501" name="email" type="email" placeholder="Enter an email..." autocomplete="email" required />
				</div>
				<!-- END EMAIL -->
			
				<!-- START PHONE NUMBER -->
				<div>
					<label for="_HIVE-phoneNumber-7501">Subscribe to SMS messages</label>
					<input data-HIVE-FORM-FIELD="phoneNumber" data-HIVE-INTL-PHONE-NUMBER="true" id="_HIVE-phoneNumber-7501" name="phone" type="tel" placeholder="Enter a phone number..." autocomplete="tel" />
				<label for="didSmsOptIn" class="hive-signup-form-sms-optin-toggle">
				<input data-HIVE-FORM-FIELD="didSmsOptIn" id="didSmsOptIn" type="checkbox" />
			
				<doop class="opt-in-text">By providing your phone number, you agree to receive recurring automated marketing text messages (e.g. cart reminders) from this company and third parties acting on its behalf. Consent is not a condition to obtain goods or services. Msg & data rates may apply. Msg frequency varies. Reply HELP for help and STOP to cancel. You also agree to the <a href='https://www.hive.co/terms-and-conditions' target='_blank'>Terms of Service</a> and <a href='https://www.hive.co/privacy' target='_blank'>Privacy Policy</a>.</doop>
				</label>
				</div>
				<!-- END PHONE NUMBER -->
			
			
				<div class="submit-button-1">
				<!-- START SUBMIT BUTTON (REQUIRED) -->
				<button type="submit" data-HIVE-FORM-FIELD="submitButton" class="margin-bottom-30 margin-top-10 justify-content-center btn btn-xl uppercase" style="display: block; width:100%;">Subscribe</button>
				<!-- END SUBMIT BUTTON -->
				</div>
			
			</div> <!-- end newsletter-form-wrap-->
			
				<!-- START SIGNUP FORM JAVASCRIPT (REQUIRED) -->
				<!-- you can move this section to right before your </body> tag -->
				<script type="text/javascript">
				(function(h,i,v,e,s,d,k){h.HiveSDKObject=s;h[s]=h[s]||function(){(h[s].q=h[s].q||[]).push(arguments)},d=i.createElement(v),k=i.getElementsByTagName(v)[0];d.async=1;d.id=s;d.src=e+'?sef=1&r='+parseInt(new Date()/60000);k.parentNode.insertBefore(d,k)})(window,document,'script','https://cdn-prod.hive.co/static/js/sdk-loader.js','HIVE_SDK')
				HIVE_SDK('init', 1040);
			
				function onFormSubmitSuccess(){
					// you can use this function to do things when users sucessfully submit your form
					// don't delete this function without modifying the onsubmit action in the form above
				}
				</script>
			<!-- END SIGNUP FORM JAVASCRIPT -->
			</form>

			--}




				</div>
			</div>
		</div>
</section>
		
		
		{/if}

			</div>

	</div>
	<div class="row justify-content-center">
		<div class="col-12 col-lg-8">

			{tp_fluid_field}

			{events_description}

		</div>
		{if events_illustration}
		<div class="col-12 text-center padding-top-20 overflow-hidden">
			<img class="text-center event-image" src="{events_illustration}" alt=""/>
		</div>
		{/if}
	</div>
</section>

{content_chunks}

<div class="container-fluid {if "{content_chunks:style}" == "style1"}style1{if:elseif "{content_chunks:style}" == "style2"}style2{if:else}default{/if}"{if content_chunks:anchor_link} id="{content_chunks:anchor_link}"{/if}>
  <div class="container chunk">
			<h2 class="text-center uppercase large-headline white-text padding-bottom-5">{content_chunks:heading}</h2>

		<div class="row justify-content-center">
			<div class="col-sm-10 col-lg-8">
				{content_chunks:content}
			<div class="text-center mx-auto margin-top-30">

			{if content_chunks:cta_label}<a href="{content_chunks:cta_url}" class="{if "{content_chunks:style}" == "style1"}btn-light-white{if:elseif "{content_chunks:style}" == "style2"}white-btn{if:else}btn{/if} btn-xl js-scroll-trigger event-button margin-top-30 uppercase">{content_chunks:cta_label}</a>{/if}
			</div>
			</div>
		</div>
  </div>
</div>

{/content_chunks}




{/exp:channel:entries}


<section>
<div class="container-fluid">

		<div class="row col-xl-6 col-lg-8 col-md-10 col-sm-12 col-xs-12 mx-auto margin-top-50 margin-bottom-40">
			<div class="mx-auto">

				{exp:channel:prev_entry channel="events"}
					<a href="{route="events/details" event="{url_title}"}" class="btn-list col-lg-5 margin-top-30 col-md-6 col-sm-6 col-xs-12 js-scroll-trigger"><i class="fa fa-chevron-left" aria-hidden="true"></i>previous event</a>
				{/exp:channel:prev_entry}

			</div>
			<div class="mx-auto">

				{exp:channel:next_entry channel="events"}
					<a href="{route="events/details" event="{url_title}"}" class="btn-list margin-top-30 col-lg-5 col-md-6 col-sm-6 col-xs-12 js-scroll-trigger"><i class="fa fa-chevron-right" aria-hidden="true"></i>upcoming event</a>
				{/exp:channel:next_entry}

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

</section>


{exp:channel:entries channel="events" disable="categories|member_data|category_fields|pagination" limit="1" dynamic="no" url_title="{segment:event}"}
<img src="/imgs/green.svg" alt="background"/>
<section class="partners padding-top-30">
	<h2 class="text-center">Sponsors</h2>
		<div class="event-border-white padding-top-20"></div>
	<div class="row padding-top-50 container mx-auto">

		{sponsors}
		<div class="col-lg-3 col-xs-2 mx-auto sponsors-box">
			{if sponsors:website_url}<a href="{sponsors:website_url}" target="_blank">{/if}<img class="mx-auto width-100" src="{sponsors:sponsor_logo}{img:url:resize width="700" height="700" crop="true"}{/sponsors:sponsor_logo}" alt="{sponsors:title}"/>{if sponsors:website_url}</a>{/if}
		</div>
		{/sponsors}
	</div>
</section>
{/exp:channel:entries}