<?php defined( 'ABSPATH' ) or exit;

$tabs = array(
	'fields'     => esc_html__( 'Fields', 'mailchimp-for-wp' ),
	'messages'   => esc_html__( 'Messages', 'mailchimp-for-wp' ),
	'settings'   => esc_html__( 'Settings', 'mailchimp-for-wp' ),
	'appearance' => esc_html__( 'Appearance', 'mailchimp-for-wp' ),
);

/**
 * Filters the setting tabs on the "edit form" screen.
 *
 * @param array $tabs
 * @ignore
 */
$tabs = apply_filters( 'mc4wp_admin_edit_form_tabs', $tabs );

?>
<div id="mc4wp-admin" class="wrap mc4wp-settings">

	<p class="mc4wp-breadcrumbs">
		<span class="prefix"><?php echo esc_html__( 'You are here: ', 'mailchimp-for-wp' ); ?></span>
		<a href="<?php echo esc_url( admin_url( 'admin.php?page=mailchimp-for-wp' ) ); ?>">Mailchimp for WordPress</a> &rsaquo;
		<a href="<?php echo esc_url( admin_url( 'admin.php?page=mailchimp-for-wp-forms' ) ); ?>"><?php echo esc_html__( 'Forms', 'mailchimp-for-wp' ); ?></a>
		&rsaquo;
		<span class="current-crumb"><strong><?php echo esc_html__( 'Form', 'mailchimp-for-wp' ); ?> <?php echo $form_id; ?>
				| <?php echo esc_html( $form->name ); ?></strong></span>
	</p>

	<!-- Main Content -->
	<div>

		<h1 class="mc4wp-page-title">
			<?php echo esc_html__( 'Edit Form', 'mailchimp-for-wp' ); ?>

			<!-- Form actions -->
			<?php

			/**
			 * @ignore
			 */
			do_action( 'mc4wp_admin_edit_form_after_title' );
			?>
		</h1>

		<h2 style="display: none;"></h2><?php // fake h2 for admin notices ?>

		<!-- Wrap entire page in <form> -->
		<form method="post">
			<?php // default submit button to prevent opening preview ?>
			<input type="submit" style="display: none;" />
			<input type="hidden" name="_mc4wp_action" value="edit_form"/>
			<?php wp_nonce_field( '_mc4wp_action', '_wpnonce' ); ?>
			<input type="hidden" name="mc4wp_form_id" value="<?php echo esc_attr( $form->ID ); ?>"/>

			<div id="titlediv" class="mc4wp-margin-s">
				<div id="titlewrap">
					<label class="screen-reader-text"
							for="title"><?php echo esc_html__( 'Enter form title here', 'mailchimp-for-wp' ); ?></label>
					<input type="text" name="mc4wp_form[name]" size="30"
							value="<?php echo esc_attr( $form->name ); ?>" id="title" spellcheck="true"
							autocomplete="off"
							placeholder="<?php echo esc_html__( 'Enter the title of your sign-up form', 'mailchimp-for-wp' ); ?>"
							style="line-height: initial;">
				</div>
				<div>
					<?php echo sprintf( esc_html__( 'Use the shortcode %s to display this form inside a post, page or text widget.', 'mailchimp-for-wp' ), '<input type="text" onfocus="this.select();" readonly="readonly" value="' . esc_attr( sprintf( '[mc4wp_form id=%d]', $form->ID ) ) . '" size="' . ( strlen( $form->ID ) + 15 ) . '">' ); ?>
				</div>
			</div>


			<div>
				<h2 class="nav-tab-wrapper" id="mc4wp-tabs-nav">
					<?php
					foreach ( $tabs as $tab => $name ) {
						$class = ( $active_tab === $tab ) ? 'nav-tab-active' : '';
						echo sprintf( '<a class="nav-tab nav-tab-%s %s"  data-tab="%s" href="%s">%s</a>', $tab, $class, $tab, esc_attr( $this->tab_url( $tab ) ), $name );
					}
					?>
				</h2>

				<div id="mc4wp-tabs">

					<?php

					foreach ( $tabs as $tab => $name ) :
						$class = ( $active_tab === $tab ) ? 'mc4wp-tab-active' : '';

						// start of .tab
						echo sprintf( '<div class="mc4wp-tab %s" id="mc4wp-tab-%s">', $class, $tab );

						/**
						 * Runs when outputting a tab section on the "edit form" screen
						 *
						 * @param string $tab
						 * @ignore
						 */
						do_action( 'mc4wp_admin_edit_form_output_' . $tab . '_tab', $opts, $form );

						$tab_file = __DIR__ . '/tabs/form-' . $tab . '.php';
						if ( file_exists( $tab_file ) ) {
							include $tab_file;
						}

						// end of .tab
						echo '</div>';

					endforeach; // foreach tabs
					?>

				</div><!-- / tabs -->
			</div>

		</form><!-- Entire page form wrap -->

		<?php require MC4WP_PLUGIN_DIR . '/includes/views/parts/admin-footer.php'; ?>

	</div>
</div>