<?php
/**
 * Template Name: Visit Us
 *
 * Static content page: address, opening times, getting here, parking,
 * dining, FAQs accordion.
 *
 * @package Northfield_Theatre
 * @since 1.0.0
 */

get_header();
?>

<div class="visit-page">
	<header class="page-header container">
		<h1 class="page-header__title"><?php esc_html_e( 'Plan Your Visit', 'northfield-theatre' ); ?></h1>
		<p class="page-header__subtitle"><?php esc_html_e( 'Everything you need to know before your visit', 'northfield-theatre' ); ?></p>
	</header>

	<!-- Address & Opening Times -->
	<section class="section container" id="overview">
		<div class="visit-grid">
			<div class="visit-card">
				<h2><?php esc_html_e( 'Find Us', 'northfield-theatre' ); ?></h2>
				<address class="visit-address">
					<strong><?php echo esc_html( get_bloginfo( 'name' ) ); ?></strong><br>
					<?php esc_html_e( 'Theatre Square', 'northfield-theatre' ); ?><br>
					<?php esc_html_e( 'Northfield', 'northfield-theatre' ); ?><br>
					<?php esc_html_e( 'West Yorkshire', 'northfield-theatre' ); ?><br>
					<?php esc_html_e( 'NF1 2AB', 'northfield-theatre' ); ?>
				</address>
				<p class="visit-contact">
					<?php echo northfield_icon( 'phone', 16 ); ?>
					<a href="tel:01484567890"><?php esc_html_e( '01484 567 890', 'northfield-theatre' ); ?></a>
				</p>
				<p class="visit-contact">
					<?php echo northfield_icon( 'mail', 16 ); ?>
					<a href="mailto:hello@northfieldtheatre.co.uk">hello@northfieldtheatre.co.uk</a>
				</p>
			</div>
			<div class="visit-card">
				<h2><?php esc_html_e( 'Box Office Hours', 'northfield-theatre' ); ?></h2>
				<dl class="visit-hours">
					<div class="visit-hours__row">
						<dt><?php esc_html_e( 'Monday – Saturday', 'northfield-theatre' ); ?></dt>
						<dd><?php esc_html_e( '10am – 8pm (or until 15 minutes after the last performance starts)', 'northfield-theatre' ); ?></dd>
					</div>
					<div class="visit-hours__row">
						<dt><?php esc_html_e( 'Sunday', 'northfield-theatre' ); ?></dt>
						<dd><?php esc_html_e( 'Open 2 hours before performances only', 'northfield-theatre' ); ?></dd>
					</div>
					<div class="visit-hours__row">
						<dt><?php esc_html_e( 'Phone bookings', 'northfield-theatre' ); ?></dt>
						<dd><?php esc_html_e( '10am – 6pm, Monday – Saturday', 'northfield-theatre' ); ?></dd>
					</div>
				</dl>
			</div>
		</div>
	</section>

	<!-- Map placeholder -->
	<section class="section section--cream" id="getting-here">
		<div class="container">
			<h2><?php esc_html_e( 'Getting Here', 'northfield-theatre' ); ?></h2>
			<div class="visit-map-placeholder" aria-label="<?php esc_attr_e( 'Map showing Northfield Theatre location', 'northfield-theatre' ); ?>">
				<p><?php esc_html_e( 'Interactive map would be embedded here (Google Maps or OpenStreetMap)', 'northfield-theatre' ); ?></p>
			</div>
			<div class="visit-grid visit-grid--3">
				<div class="visit-transport">
					<h3><?php esc_html_e( 'By Train', 'northfield-theatre' ); ?></h3>
					<p><?php esc_html_e( 'Northfield station is a 10-minute walk from the theatre. Regular services run from Leeds (25 mins), Bradford (15 mins), and Huddersfield (20 mins).', 'northfield-theatre' ); ?></p>
				</div>
				<div class="visit-transport">
					<h3><?php esc_html_e( 'By Car', 'northfield-theatre' ); ?></h3>
					<p><?php esc_html_e( 'Follow signs for Northfield town centre. The theatre is on Theatre Square, off the High Street. Sat nav: NF1 2AB.', 'northfield-theatre' ); ?></p>
				</div>
				<div class="visit-transport">
					<h3><?php esc_html_e( 'By Bus', 'northfield-theatre' ); ?></h3>
					<p><?php esc_html_e( 'Bus routes 203, 207, and 215 stop on High Street, a 2-minute walk from the theatre. Check Metro for timetables.', 'northfield-theatre' ); ?></p>
				</div>
			</div>
		</div>
	</section>

	<!-- Parking -->
	<section class="section container" id="parking">
		<h2><?php esc_html_e( 'Parking', 'northfield-theatre' ); ?></h2>
		<div class="visit-grid">
			<div>
				<h3><?php esc_html_e( 'Theatre Car Park', 'northfield-theatre' ); ?></h3>
				<p><?php esc_html_e( 'Our on-site car park has 120 spaces, including 8 accessible bays closest to the entrance. Parking is £3 for the evening (after 5pm). Pay on exit.', 'northfield-theatre' ); ?></p>
			</div>
			<div>
				<h3><?php esc_html_e( 'Alternative Parking', 'northfield-theatre' ); ?></h3>
				<p><?php esc_html_e( 'Northfield Multi-Storey car park on Market Street is a 5-minute walk and offers evening rates of £2. Street parking is free after 6pm.', 'northfield-theatre' ); ?></p>
			</div>
		</div>
	</section>

	<!-- Eat & Drink -->
	<section class="section section--cream" id="eat-drink">
		<div class="container">
			<h2><?php esc_html_e( 'Eat & Drink', 'northfield-theatre' ); ?></h2>
			<div class="visit-grid">
				<div>
					<h3><?php esc_html_e( 'The Foyer Bar', 'northfield-theatre' ); ?></h3>
					<p><?php esc_html_e( 'Our Foyer Bar opens from 5pm on performance evenings, serving craft beers, wines, cocktails, soft drinks, and a selection of small plates and bar snacks. Pre-order your interval drinks when you arrive to skip the queue.', 'northfield-theatre' ); ?></p>
				</div>
				<div>
					<h3><?php esc_html_e( 'Nearby Restaurants', 'northfield-theatre' ); ?></h3>
					<p><?php esc_html_e( 'Northfield has a thriving food scene. We recommend arriving early and exploring the restaurants on Market Street and the High Street, many of which offer pre-theatre menus from £15.', 'northfield-theatre' ); ?></p>
				</div>
			</div>
		</div>
	</section>

	<!-- FAQs -->
	<section class="section container" id="faqs">
		<h2><?php esc_html_e( 'Frequently Asked Questions', 'northfield-theatre' ); ?></h2>
		<div class="accordion" id="faq-accordion">
			<?php
			$faqs = array(
				array(
					'q' => __( 'What time should I arrive?', 'northfield-theatre' ),
					'a' => __( 'We recommend arriving at least 20 minutes before the performance. Doors open 45 minutes before curtain up. This gives you time to collect your tickets, visit the Foyer Bar, and find your seats.', 'northfield-theatre' ),
				),
				array(
					'q' => __( 'What happens if I\'m late?', 'northfield-theatre' ),
					'a' => __( 'Latecomers will be admitted at a suitable break in the performance, which is at the discretion of the company and front of house team. In some cases, this may not be until the interval.', 'northfield-theatre' ),
				),
				array(
					'q' => __( 'Can I bring children?', 'northfield-theatre' ),
					'a' => __( 'Children of all ages are welcome at performances marked as suitable. Each event listing includes age guidance. Babes in arms (under 12 months) are admitted free to designated family performances. All children must have a ticket.', 'northfield-theatre' ),
				),
				array(
					'q' => __( 'Is there a dress code?', 'northfield-theatre' ),
					'a' => __( 'No dress code. We want you to feel comfortable — come as you are.', 'northfield-theatre' ),
				),
				array(
					'q' => __( 'Can I take photographs during the performance?', 'northfield-theatre' ),
					'a' => __( 'Photography, audio, and video recording are not permitted during performances. You are welcome to take photos in the foyer and public areas.', 'northfield-theatre' ),
				),
				array(
					'q' => __( 'What is your refund policy?', 'northfield-theatre' ),
					'a' => __( 'Tickets can be exchanged for an alternative date or a credit note up to 48 hours before the performance. Refunds are only offered if a performance is cancelled. See our Terms & Conditions for full details.', 'northfield-theatre' ),
				),
			);
			foreach ( $faqs as $index => $faq ) : ?>
				<div class="accordion__item">
					<h3 class="accordion__header">
						<button class="accordion__trigger"
						        id="faq-trigger-<?php echo (int) $index; ?>"
						        aria-expanded="false"
						        aria-controls="faq-panel-<?php echo (int) $index; ?>">
							<span class="accordion__title"><?php echo esc_html( $faq['q'] ); ?></span>
							<span class="accordion__icon" aria-hidden="true"><?php echo northfield_icon( 'chevron-down', 20 ); ?></span>
						</button>
					</h3>
					<div class="accordion__panel"
					     id="faq-panel-<?php echo (int) $index; ?>"
					     role="region"
					     aria-labelledby="faq-trigger-<?php echo (int) $index; ?>"
					     hidden>
						<div class="accordion__content">
							<p><?php echo esc_html( $faq['a'] ); ?></p>
						</div>
					</div>
				</div>
			<?php endforeach; ?>
		</div>
	</section>
</div>

<?php
get_footer();
