<?php
/**
 * Custom CSS classes block.
 *
 * @package EventimUSEventListings
 */

defined( 'ABSPATH' ) || exit;
?>
<div class="dashboard-module">
	<div class="module-header">
		<h1><?php esc_html_e( 'Custom CSS Classes', 'eventim-us-event-listings' ); ?></h1>
	</div>
	<div class="module-content">
		<div class="custom-labels-container button-classes-grid">
			<div class="dispevli-custom-label-group">
				<label><?php esc_html_e( 'HEADER:', 'eventim-us-event-listings' ); ?></label>
				<input type="text" name="evusel_settings[event_data_classes][header]" 
					value="<?php echo esc_attr( $evuselConfig->get( 'event_data_classes.header' ) ); ?>" 
					placeholder="<?php esc_attr_e( 'Header', 'eventim-us-event-listings' ); ?>">
			</div>
			<div class="dispevli-custom-label-group">
				<label><?php esc_html_e( 'TITLE:', 'eventim-us-event-listings' ); ?></label>
				<input type="text" name="evusel_settings[event_data_classes][title]" 
					value="<?php echo esc_attr( $evuselConfig->get( 'event_data_classes.title' ) ); ?>" 
					placeholder="<?php esc_attr_e( 'Title', 'eventim-us-event-listings' ); ?>">
			</div>
			<div class="dispevli-custom-label-group">
				<label><?php esc_html_e( 'DATE:', 'eventim-us-event-listings' ); ?></label>
				<input type="text" name="evusel_settings[event_data_classes][date]" 
					value="<?php echo esc_attr( $evuselConfig->get( 'event_data_classes.date' ) ); ?>" 
					placeholder="<?php esc_attr_e( 'Date', 'eventim-us-event-listings' ); ?>">
			</div>
			<div class="dispevli-custom-label-group">
				<label><?php esc_html_e( 'HEADLINERS:', 'eventim-us-event-listings' ); ?></label>
				<input type="text" name="evusel_settings[event_data_classes][headliners]" 
					value="<?php echo esc_attr( $evuselConfig->get( 'event_data_classes.headliners' ) ); ?>" 
					placeholder="<?php esc_attr_e( 'Headliners', 'eventim-us-event-listings' ); ?>">
			</div>
			<div class="dispevli-custom-label-group">
				<label><?php esc_html_e( 'SUPPORTING TALENT:', 'eventim-us-event-listings' ); ?></label>
				<input type="text" name="evusel_settings[event_data_classes][supporting_talent]" 
					value="<?php echo esc_attr( $evuselConfig->get( 'event_data_classes.supporting_talent' ) ); ?>" 
					placeholder="<?php esc_attr_e( 'Supporting Talent', 'eventim-us-event-listings' ); ?>">
			</div>
			<div class="dispevli-custom-label-group">
				<label><?php esc_html_e( 'SUBTITLE:', 'eventim-us-event-listings' ); ?></label>
				<input type="text" name="evusel_settings[event_data_classes][subtitle]" 
					value="<?php echo esc_attr( $evuselConfig->get( 'event_data_classes.subtitle' ) ); ?>" 
					placeholder="<?php esc_attr_e( 'Subtitle', 'eventim-us-event-listings' ); ?>">
			</div>
			<div class="dispevli-custom-label-group">
				<label><?php esc_html_e( 'DOOR TIME / SHOW TIME:', 'eventim-us-event-listings' ); ?></label>
				<input type="text" name="evusel_settings[event_data_classes][doortime_showtime]" 
					value="<?php echo esc_attr( $evuselConfig->get( 'event_data_classes.doortime_showtime' ) ); ?>" 
					placeholder="<?php esc_attr_e( 'Door Time / Show Time', 'eventim-us-event-listings' ); ?>">
			</div>
			<div class="dispevli-custom-label-group">
				<label><?php esc_html_e( 'DOOR TIME (IF LISTED SEPARATELY):', 'eventim-us-event-listings' ); ?></label>
				<input type="text" name="evusel_settings[event_data_classes][doortime]" 
					value="<?php echo esc_attr( $evuselConfig->get( 'event_data_classes.doortime' ) ); ?>" 
					placeholder="<?php esc_attr_e( 'Door Time', 'eventim-us-event-listings' ); ?>">
			</div>
			<div class="dispevli-custom-label-group">
				<label><?php esc_html_e( 'VENUE:', 'eventim-us-event-listings' ); ?></label>
				<input type="text" name="evusel_settings[event_data_classes][venue]" 
					value="<?php echo esc_attr( $evuselConfig->get( 'event_data_classes.venue' ) ); ?>" 
					placeholder="<?php esc_attr_e( 'Venue', 'eventim-us-event-listings' ); ?>">
			</div>
			<div class="dispevli-custom-label-group">
				<label><?php esc_html_e( 'AGES:', 'eventim-us-event-listings' ); ?></label>
				<input type="text" name="evusel_settings[event_data_classes][ages]" 
					value="<?php echo esc_attr( $evuselConfig->get( 'event_data_classes.ages' ) ); ?>" 
					placeholder="<?php esc_attr_e( 'Ages', 'eventim-us-event-listings' ); ?>">
			</div>
			<div class="dispevli-custom-label-group">
				<label><?php esc_html_e( 'PRICE:', 'eventim-us-event-listings' ); ?></label>
				<input type="text" name="evusel_settings[event_data_classes][price]" 
					value="<?php echo esc_attr( $evuselConfig->get( 'event_data_classes.price' ) ); ?>" 
					placeholder="<?php esc_attr_e( 'Price', 'eventim-us-event-listings' ); ?>">
			</div>
			<div class="dispevli-custom-label-group">
				<label><?php esc_html_e( 'GENRE:', 'eventim-us-event-listings' ); ?></label>
				<input type="text" name="evusel_settings[event_data_classes][genre]" 
					value="<?php echo esc_attr( $evuselConfig->get( 'event_data_classes.genre' ) ); ?>" 
					placeholder="<?php esc_attr_e( 'Genre', 'eventim-us-event-listings' ); ?>">
			</div>
			<div class="dispevli-custom-label-group">
				<label><?php esc_html_e( 'CUSTOM FIELD 1:', 'eventim-us-event-listings' ); ?></label>
				<input type="text" name="evusel_settings[event_data_classes][custom_field_1]" 
					value="<?php echo esc_attr( $evuselConfig->get( 'event_data_classes.custom_field_1' ) ); ?>" 
					placeholder="<?php esc_attr_e( 'Custom Field 1', 'eventim-us-event-listings' ); ?>">
			</div>
			<div class="dispevli-custom-label-group">
				<label><?php esc_html_e( 'CUSTOM FIELD 2:', 'eventim-us-event-listings' ); ?></label>
				<input type="text" name="evusel_settings[event_data_classes][custom_field_2]" 
					value="<?php echo esc_attr( $evuselConfig->get( 'event_data_classes.custom_field_2' ) ); ?>" 
					placeholder="<?php esc_attr_e( 'Custom Field 2', 'eventim-us-event-listings' ); ?>">
			</div>
			<div class="dispevli-custom-label-group">
				<label><?php esc_html_e( 'CUSTOM FIELD 3:', 'eventim-us-event-listings' ); ?></label>
				<input type="text" name="evusel_settings[event_data_classes][custom_field_3]" 
					value="<?php echo esc_attr( $evuselConfig->get( 'event_data_classes.custom_field_3' ) ); ?>" 
					placeholder="<?php esc_attr_e( 'Custom Field 3', 'eventim-us-event-listings' ); ?>">
			</div>
		</div>
	</div>
</div>