| 1 |
<?php |
| 2 |
/** |
| 3 |
* View for upsell settings in Email global settings |
| 4 |
* |
| 5 |
* @since 6.25 |
| 6 |
* |
| 7 |
* @package FormidableForms |
| 8 |
*/ |
| 9 |
|
| 10 |
if ( ! defined( 'ABSPATH' ) ) { |
| 11 |
die( 'You are not allowed to call this page directly.' ); |
| 12 |
} |
| 13 |
|
| 14 |
FrmTipsHelper::show_tip( |
| 15 |
array( |
| 16 |
'tip' => __( 'Make every email match your brand — beautifully and effortlessly.', 'formidable' ), |
| 17 |
'call' => __( 'Upgrade to PRO', 'formidable' ), |
| 18 |
'link' => array( |
| 19 |
'medium' => 'tip', |
| 20 |
'content' => 'email-settings', |
| 21 |
), |
| 22 |
) |
| 23 |
); |
| 24 |
|
| 25 |
$upgrade_attrs = array( |
| 26 |
'data-upgrade' => __( 'Email Styles Settings', 'formidable' ), |
| 27 |
'class' => 'frm_show_upgrade', |
| 28 |
'style' => 'position:absolute;top:0;right:0;bottom:0;left:0;', |
| 29 |
); |
| 30 |
?> |
| 31 |
|
| 32 |
<table class="form-table"> |
| 33 |
<tbody> |
| 34 |
<tr> |
| 35 |
<th scope="row"> |
| 36 |
<strong><?php esc_html_e( 'Header Image', 'formidable' ); ?></strong> |
| 37 |
<p class="description frm-mt-xs"> |
| 38 |
<?php esc_html_e( 'Upload or choose a logo to be displayed at the top of email notifications.', 'formidable' ); ?> |
| 39 |
</p> |
| 40 |
</th> |
| 41 |
|
| 42 |
<td> |
| 43 |
<div style="position:relative;display:flex;align-items:center;"> |
| 44 |
<img src="<?php echo esc_url( FrmAppHelper::plugin_url() . '/images/email-styles/placeholder.png' ); ?>" alt="" style="width:120px;height:auto;margin-right:16px;" /> |
| 45 |
<button type="button" class="frm-button-secondary" disabled><?php esc_html_e( 'Upload Image', 'formidable' ); ?></button> |
| 46 |
<div <?php FrmAppHelper::array_to_html_params( $upgrade_attrs, true ); ?>></div> |
| 47 |
</div> |
| 48 |
|
| 49 |
<div class="frm_grid_container frm-mt-xs" style="position:relative;"> |
| 50 |
<div class="frm6"> |
| 51 |
<p> |
| 52 |
<label for="frm-email-image-size"><?php esc_html_e( 'Size', 'formidable' ); ?></label> |
| 53 |
<select id="frm-email-image-size" disabled> |
| 54 |
<option><?php esc_html_e( 'Small', 'formidable' ); ?></option> |
| 55 |
</select> |
| 56 |
</p> |
| 57 |
</div> |
| 58 |
|
| 59 |
<div class="frm6"> |
| 60 |
<p> |
| 61 |
<label for="frm-email-image-align"><?php esc_html_e( 'Image Alignment', 'formidable' ); ?></label> |
| 62 |
<select id="frm-email-image-align" disabled> |
| 63 |
<option><?php esc_html_e( 'Centered', 'formidable' ); ?></option> |
| 64 |
</select> |
| 65 |
</p> |
| 66 |
</div> |
| 67 |
|
| 68 |
<div class="frm6 frm-mt-sm"> |
| 69 |
<p> |
| 70 |
<label for="frm-email-image-location"><?php esc_html_e( 'Image Location', 'formidable' ); ?></label> |
| 71 |
<select id="frm-email-image-location" disabled> |
| 72 |
<option><?php esc_html_e( 'Outside', 'formidable' ); ?></option> |
| 73 |
</select> |
| 74 |
</p> |
| 75 |
</div> |
| 76 |
|
| 77 |
<div <?php FrmAppHelper::array_to_html_params( $upgrade_attrs, true ); ?>></div> |
| 78 |
</div> |
| 79 |
</td> |
| 80 |
</tr> |
| 81 |
|
| 82 |
<tr> |
| 83 |
<th scope="row" class="frm-pt-xl"> |
| 84 |
<strong><?php esc_html_e( 'Color Scheme', 'formidable' ); ?></strong> |
| 85 |
<p class="description frm-mt-xs"><?php esc_html_e( 'Change how your email looks by changing these values.', 'formidable' ); ?></p> |
| 86 |
</th> |
| 87 |
|
| 88 |
<td class="frm-pt-xl"> |
| 89 |
<div class="frm_grid_container" style="position:relative;"> |
| 90 |
<div class="frm6"> |
| 91 |
<label style="margin-bottom:4px;"><?php esc_html_e( 'Email Background', 'formidable' ); ?></label> |
| 92 |
<?php FrmSettingsController::fake_color_picker( '#eaecf0' ); ?> |
| 93 |
</div> |
| 94 |
<div class="frm6"> |
| 95 |
<label style="margin-bottom:4px;"><?php esc_html_e( 'Container Background', 'formidable' ); ?></label> |
| 96 |
<?php FrmSettingsController::fake_color_picker( '#ffffff' ); ?> |
| 97 |
</div> |
| 98 |
<div class="frm6 frm-mt-sm"> |
| 99 |
<label style="margin-bottom:4px;"><?php esc_html_e( 'Text', 'formidable' ); ?></label> |
| 100 |
<?php FrmSettingsController::fake_color_picker( '#3d3d3d' ); ?> |
| 101 |
</div> |
| 102 |
<div class="frm6 frm-mt-sm"> |
| 103 |
<label style="margin-bottom:4px;"><?php esc_html_e( 'Link', 'formidable' ); ?></label> |
| 104 |
<?php FrmSettingsController::fake_color_picker( '#4199fd' ); ?> |
| 105 |
</div> |
| 106 |
<div class="frm6 frm-mt-sm"> |
| 107 |
<label style="margin-bottom:4px;"><?php esc_html_e( 'Field Divider', 'formidable' ); ?></label> |
| 108 |
<?php FrmSettingsController::fake_color_picker( '#dddddd' ); ?> |
| 109 |
</div> |
| 110 |
|
| 111 |
<div <?php FrmAppHelper::array_to_html_params( $upgrade_attrs, true ); ?>></div> |
| 112 |
</div> |
| 113 |
</td> |
| 114 |
</tr> |
| 115 |
|
| 116 |
<tr> |
| 117 |
<th scope="row" class="frm-pt-xl"> |
| 118 |
<strong><?php esc_html_e( 'Typography', 'formidable' ); ?></strong> |
| 119 |
<p class="description frm-mt-xs"><?php esc_html_e( 'Choose the style that’s applied to all text in email notifications.', 'formidable' ); ?></p> |
| 120 |
</th> |
| 121 |
|
| 122 |
<td class="frm-pt-xl"> |
| 123 |
<div class="frm_grid_container" style="position:relative;"> |
| 124 |
<div class="frm6"> |
| 125 |
<select disabled> |
| 126 |
<option><?php esc_html_e( 'Sans serif', 'formidable' ); ?></option> |
| 127 |
</select> |
| 128 |
</div> |
| 129 |
|
| 130 |
<div <?php FrmAppHelper::array_to_html_params( $upgrade_attrs, true ); ?>></div> |
| 131 |
</div> |
| 132 |
</td> |
| 133 |
</tr> |
| 134 |
</tbody> |
| 135 |
</table> |
| 136 |
|
| 137 |
<hr class="frm-mt-md frm-mb-md" /> |
| 138 |
|
