<!-- How to Use Button -->
    <button class="btn btn-info me-3 how" type="button" data-bs-toggle="collapse" data-bs-target="#howToUseCard" aria-expanded="false" aria-controls="howToUseCard">
      Concert Details Guide & Further Editing
    </button>
	<button id="refresh" onclick="hardRefreshPage()" class="btn btn-primary">
	<?php 
		if(ALLOW_CATEGORY_EXPIRY=='yes'){
			echo '<b>' . TEXT_EXPIRY_TRUE.  '</b>';
		}
		
		if(AUTOFILL_DATEID=='yes'){
			echo '<div style="text-align:center;font-family:Arial"><b>' . TEXT_DATE_REFRESH.  '</b>' . TEXT_REFRESH_PAGE.  '</div>';
		}else{
			echo '<div style="text-align:center;font-family:Arial">' . TEXT_REFRESH_PAGE.  '</div>';
		}
		?> 
	</button>
	
<!-- Collapsible Card for How to Use -->
<div class="collapse" id="howToUseCard">
  <div class="card card-body">
    <h5>Concert Details JQGRID – Quick Guide</h5>
	  <ul>
      <li>
        In <strong>Concert Details</strong> you can set Date & Time as DATE ID and also Enable/Disable your events
        <ul>
          <li><span class="red"><strong>IMPORTANT:</strong></span> Please set a unique \'Date ID\' <u>before</u> setting prices (left arrow)</li>
		  <li><strong>Date & Time:</strong> Select a date from the datepicker and write a time in 24 hour format e.g. 2000=8pm.</li>
          <li><strong>Date ID:</strong> Submitting this listing will SAVE the chosen Date & Time. If you don't want to that to happen every time you edit TURN OFF here:<br><i>entry settings>SP Settings>Fill DATE-ID with Date and Time=no</i></li>
          <li><strong>Further Editing</strong> e.g Upload of Category Images must be performed in Admin>Products <a href="images/edit-products.png" target="_blank">SCREENSHOT</a></li>
		  <li><strong>DETAILS:</strong> <a target="_blank" href="https://www.osconcert.com/faq/how-do-i-set-up-my-concert-and-the-details-of-the-performances"><strong>VIEW FAQ:</strong></a> How do I set up my concert and the details of the performances?</li>
		  <li><strong>RESET:</strong> <a target="_blank" href="https://www.osconcert.com/faq/how-do-i-reset-my-seat-plans-after-my-events-have-ended"><strong>VIEW FAQ:</strong></a> How do I reset up my seat plans AFTER my events have ended?</li>
		  <li><strong>Headings:</strong> Keep <strong>Name</strong> short and <strong>Heading</strong> longer.</li>		  
          <li><strong>ID:</strong> is for your reference only ...enable the ID you prefer below.</li>
        </ul>
      </li>
	  </ul>
	<div style="">
<br>
	<button id="updateVenue" class="btn btn-primary">
	<?php echo TEXT_UPDATE_ID_BUTTON; ?>
	</button>
	<button id="updateSection" class="btn btn-primary">
	<?php echo TEXT_UPDATE_SECTION_BUTTON; ?>
	</button>
	<button id="clearVenue" class="btn btn-primary">
	<?php echo TEXT_CLEAR_ID_BUTTON; ?>
	</button>
	<button id="set" class="btn btn-primary" disabled>
	<?php echo TEXT_SET_VISIBLE; ?>
	</button>

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