<?php
/**
 * Template Name: Contact Page
 * Template Post Type: page
 *
 * @package Mukhtarat
 * @since 2.0.0
 */

get_header();

$contact_state = isset( $_GET['contact_status'] ) ? sanitize_key( wp_unslash( $_GET['contact_status'] ) ) : '';
?>
<main class="page-shell" role="main">
	<?php while ( have_posts() ) : the_post(); ?>
		<section class="page-hero">
			<span class="page-hero__eyebrow"><?php esc_html_e( 'تواصل معنا', 'mukhtarat' ); ?></span>
			<h1 class="page-hero__title"><?php echo esc_html( get_the_title() ); ?></h1>
			<p class="page-hero__text"><?php esc_html_e( 'إذا كان لديك اقتراح لمقال أو تعاون أو استفسار عام، يمكنك مراسلتنا مباشرة من النموذج التالي.', 'mukhtarat' ); ?></p>
		</section>

		<div class="contact-layout">
			<div>
				<div class="page-content-card">
					<div class="entry-content">
						<?php the_content(); ?>
					</div>
				</div>

				<div class="page-info-grid">
					<article class="contact-card">
						<span class="contact-card__eyebrow"><?php esc_html_e( 'البريد', 'mukhtarat' ); ?></span>
						<h3><?php echo esc_html( get_option( 'admin_email' ) ); ?></h3>
						<p><?php esc_html_e( 'يرسل النموذج الرسائل إلى البريد الإداري للموقع بشكل مباشر.', 'mukhtarat' ); ?></p>
					</article>
					<article class="contact-card">
						<span class="contact-card__eyebrow"><?php esc_html_e( 'الموقع', 'mukhtarat' ); ?></span>
						<h3><?php echo esc_html( wp_parse_url( home_url(), PHP_URL_HOST ) ); ?></h3>
						<p><?php esc_html_e( 'يمكنك كذلك مشاركة صفحات أو مواد تريد ترشيحها للمراجعة التحريرية.', 'mukhtarat' ); ?></p>
					</article>
				</div>
			</div>

			<div>
				<?php if ( 'success' === $contact_state ) : ?>
					<div class="notice-pill notice-pill--success"><?php esc_html_e( 'تم إرسال رسالتك بنجاح.', 'mukhtarat' ); ?></div>
				<?php elseif ( 'invalid' === $contact_state ) : ?>
					<div class="notice-pill notice-pill--warning"><?php esc_html_e( 'يرجى تعبئة الحقول المطلوبة بشكل صحيح.', 'mukhtarat' ); ?></div>
				<?php elseif ( 'error' === $contact_state ) : ?>
					<div class="notice-pill notice-pill--error"><?php esc_html_e( 'حدث خطأ أثناء الإرسال. حاول مرة أخرى لاحقاً.', 'mukhtarat' ); ?></div>
				<?php endif; ?>

				<form class="contact-form" method="post" action="<?php echo esc_url( admin_url( 'admin-post.php' ) ); ?>">
					<input type="hidden" name="action" value="mukhtarat_contact_form">
					<?php wp_nonce_field( 'mukhtarat_contact', 'mukhtarat_contact_nonce' ); ?>
					<input type="text" name="contact_name" placeholder="<?php esc_attr_e( 'الاسم الكامل', 'mukhtarat' ); ?>" required>
					<input type="email" name="contact_email" placeholder="<?php esc_attr_e( 'البريد الإلكتروني', 'mukhtarat' ); ?>" required>
					<input type="text" name="contact_subject" placeholder="<?php esc_attr_e( 'عنوان الرسالة', 'mukhtarat' ); ?>">
					<textarea name="contact_message" placeholder="<?php esc_attr_e( 'اكتب رسالتك هنا...', 'mukhtarat' ); ?>" required></textarea>
					<button type="submit"><?php esc_html_e( 'إرسال الرسالة', 'mukhtarat' ); ?></button>
				</form>
			</div>
		</div>
	<?php endwhile; ?>
</main>
<?php get_footer(); ?>
