
<div class="em-synchronization-header">
    <div class="em-py-3 em-d-flex em-align-items-center em-justify-content-between em-mb-4">
        <div class="em-d-flex em-d-flex em-align-items-center">
            <img src="<?php $this->asset('plugin/img/logo.svg') ?>" class="em-mr-3" />
            <span class="em-fs-4 em-fw-bold"><?php echo __('Formulario Incrustado', 'easymailing') ?></span>
        </div>
    </div>
</div>
<?php $this->include("Admin/Flashes/flashes.php") ?>
<div class="wrap">
    <div class="em-mb-3">
        <div class="em-alert em-alert-info"><?php echo __('Recuerda que también puedes añadir tu formulario incrustado desde cualquier post a través del editor Gutenberg', 'easymailing') ?>.</div>
        <p class="em-body-size-2"><?php echo __('Para configurar un formulario tipo incrustado, tienes que seleccionar primero una audiencia y después el formulario que quieres incrustar', 'easymailing') ?>.</p>
        <p class="em-body-size-2"><?php echo __('Si no encuentras el formulario asegúrate de esté publicado desde el panel de control Easymailing', 'easymailing') ?>.</p>

    </div>
    <div>
        <form id="em-embedded-form" autocomplete="off" method="post">
            <div class="em-form-group">
                <label for="em-audience-field"><?php echo __('Audiencia', 'easymailing') ?></label>
                <select name="audience_id" id="em-audience-field">
                    <option value=""><?php echo __('Selecciona una audiencia', 'easymailing') ?></option>
                    <?php foreach($audiences as $audience):?>
                    <option <?php if($audience->id === $config->getAudience() ? $config->getAudience()->id : null): echo "selected"; endif; ?> value="<?php echo $audience->id ?>" ><?php echo $audience->title ?></option>
                    <?php endforeach; ?>
                </select>
            </div>

            <div class="em-form-group em-d-none" id="suscription-form-div">

                <label for="em-suscription-form-field"><?php echo __('Formulario', 'easymailing') ?></label>
                <select name="suscription_form_id" id="em-suscription-form-field" data-text-empty="<?php echo __('Selecciona un formulario', 'easymailing') ?>">
                    <option value=""><?php echo __('Selecciona un formulario', 'easymailing') ?></option>
	                <?php foreach($popupForms as $popupForm):?>
                        <option  value="<?php echo $popupForm->id ?>" ><?php echo $popupForm->title ?></option>
	                <?php endforeach; ?>

                </select>
                <div id="no-forms-alert" class="em-d-none em-alert em-alert-warning"><?php echo __('No hay formularios tipo popup en la audiencia seleccionada', 'easymailing') ?></div>
            </div>

            <div class="em-position-relative " id="form-container-embedded">
                <iframe id="form-iframe-embedded" class="em-form-iframe em-border em-border-gray-4" src=""></iframe>
            </div>
            <div class="em-d-none em-mt-4" id="shorcode-container">
                <div class="em-body-size-2"><?php echo __('Copia el siguiente shortcode y pégalo en cualquier post para incrustar el formulario:', 'easymailing') ?></div>
                <div class="code-display em-mt-4">
                  <pre>
                    <code id="shorcode"></code>
                  </pre>
                </div>
            </div>
        </form>
    </div>
</div>



