<?php
/**
 * Title: Appointment Section
 * Slug: online-notary/appointment-section
 * Categories: online-notary, appointment-section
 */
$online_notary_pluginsList = get_option( 'active_plugins' );
$online_notary_plugin = 'contact-form-7/wp-contact-form-7.php';
$online_notary_results = in_array( $online_notary_plugin , $online_notary_pluginsList);
if ( $online_notary_results )  {
?>
<!-- wp:group {"className":"appointment-section","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"padding":{"left":"0px","right":"0px","top":"var:preset|spacing|80","bottom":"var:preset|spacing|80"}},"typography":{"fontSize":"18px","fontStyle":"normal","fontWeight":"600"}},"backgroundColor":"secondary","layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-group appointment-section has-secondary-background-color has-background" style="margin-top:0px;margin-bottom:0px;padding-top:var(--wp--preset--spacing--80);padding-right:0px;padding-bottom:var(--wp--preset--spacing--80);padding-left:0px;font-size:18px;font-style:normal;font-weight:600"><!-- wp:columns {"verticalAlignment":"center","className":"appointment-cont-box wow zoomIn"} -->
<div class="wp-block-columns are-vertically-aligned-center appointment-cont-box wow zoomIn"><!-- wp:column {"verticalAlignment":"center","className":"appointment-form-box"} -->
<div class="wp-block-column is-vertically-aligned-center appointment-form-box"><!-- wp:group {"className":"appointment-head-box","layout":{"type":"default"}} -->
<div class="wp-block-group appointment-head-box"><!-- wp:paragraph {"className":"appointment-sub-title","style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"typography":{"textTransform":"capitalize"},"spacing":{"padding":{"bottom":"10px","right":"22px"}}},"textColor":"primary","fontFamily":"merriweather"} -->
<p class="appointment-sub-title has-primary-color has-text-color has-link-color has-merriweather-font-family" style="padding-right:22px;padding-bottom:10px;text-transform:capitalize"><?php echo esc_html__('online appointment booking','online-notary'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3,"className":"appointment-title","style":{"elements":{"link":{"color":{"text":"var:preset|color|heading"}}},"typography":{"fontSize":"25px","textTransform":"capitalize","fontStyle":"normal","fontWeight":"400","lineHeight":"1.3"},"spacing":{"margin":{"top":"10px"}}},"textColor":"heading","fontFamily":"lato"} -->
<h3 class="wp-block-heading appointment-title has-heading-color has-text-color has-link-color has-lato-font-family" style="margin-top:10px;font-size:25px;font-style:normal;font-weight:400;line-height:1.3;text-transform:capitalize"><?php echo esc_html__('schedule your notary appointment in seconds','online-notary'); ?></h3>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:spacer {"height":"25px"} -->
<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:group {"className":"form-in-box","style":{"border":{"radius":{"topLeft":"10px","topRight":"30px","bottomRight":"10px","bottomLeft":"10px"}},"spacing":{"padding":{"top":"40px","bottom":"40px","left":"40px","right":"40px"}}},"backgroundColor":"form-bg","layout":{"type":"default"}} -->
<div class="wp-block-group form-in-box has-form-bg-background-color has-background" style="border-top-left-radius:10px;border-top-right-radius:30px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px"><!-- wp:shortcode --><!-- /wp:shortcode --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","className":"appointment-img-box wow zoomIn"} -->
<div class="wp-block-column is-vertically-aligned-center appointment-img-box wow zoomIn"><!-- wp:image {"id":56,"width":"auto","height":"600px","sizeSlug":"large","linkDestination":"none","align":"center"} -->
<figure class="wp-block-image aligncenter size-large is-resized"><img src="<?php echo esc_url( get_template_directory_uri() . '/images/appointment-img.png'); ?>" alt="" class="wp-image-56" style="width:auto;height:600px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

<?php } else { ?>

<!-- wp:group {"className":"appointment-section","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"padding":{"left":"0px","right":"0px","top":"var:preset|spacing|80","bottom":"var:preset|spacing|80"}},"typography":{"fontSize":"18px","fontStyle":"normal","fontWeight":"600"}},"backgroundColor":"secondary","layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-group appointment-section has-secondary-background-color has-background" style="margin-top:0px;margin-bottom:0px;padding-top:var(--wp--preset--spacing--80);padding-right:0px;padding-bottom:var(--wp--preset--spacing--80);padding-left:0px;font-size:18px;font-style:normal;font-weight:600"><!-- wp:columns {"verticalAlignment":"center","className":"appointment-cont-box wow zoomIn"} -->
<div class="wp-block-columns are-vertically-aligned-center appointment-cont-box wow zoomIn"><!-- wp:column {"verticalAlignment":"center","className":"appointment-form-box"} -->
<div class="wp-block-column is-vertically-aligned-center appointment-form-box"><!-- wp:group {"className":"appointment-head-box","layout":{"type":"default"}} -->
<div class="wp-block-group appointment-head-box"><!-- wp:paragraph {"className":"appointment-sub-title","style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"typography":{"textTransform":"capitalize"},"spacing":{"padding":{"bottom":"10px","right":"22px"}}},"textColor":"primary","fontFamily":"merriweather"} -->
<p class="appointment-sub-title has-primary-color has-text-color has-link-color has-merriweather-font-family" style="padding-right:22px;padding-bottom:10px;text-transform:capitalize"><?php echo esc_html__('online appointment booking','online-notary'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3,"className":"appointment-title","style":{"elements":{"link":{"color":{"text":"var:preset|color|heading"}}},"typography":{"fontSize":"25px","textTransform":"capitalize","fontStyle":"normal","fontWeight":"400","lineHeight":"1.3"},"spacing":{"margin":{"top":"10px"}}},"textColor":"heading","fontFamily":"lato"} -->
<h3 class="wp-block-heading appointment-title has-heading-color has-text-color has-link-color has-lato-font-family" style="margin-top:10px;font-size:25px;font-style:normal;font-weight:400;line-height:1.3;text-transform:capitalize"><?php echo esc_html__('schedule your notary appointment in seconds','online-notary'); ?></h3>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:spacer {"height":"25px"} -->
<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:group {"className":"form-in-box","style":{"border":{"radius":{"topLeft":"10px","topRight":"30px","bottomRight":"10px","bottomLeft":"10px"}},"spacing":{"padding":{"top":"40px","bottom":"40px","left":"40px","right":"40px"}}},"backgroundColor":"form-bg","layout":{"type":"default"}} -->
<div class="wp-block-group form-in-box has-form-bg-background-color has-background" style="border-top-left-radius:10px;border-top-right-radius:30px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px"><!-- wp:html -->
<form>

  <div class="services mb-3">
    <select id="services" class="form-select" required>
      <option value="" selected disabled><?php echo esc_html__('Select Services','online-notary'); ?></option>
      <option><?php echo esc_html__('Online Notarization','online-notary'); ?></option>
      <option><?php echo esc_html__('E-Signature Service','online-notary'); ?></option>
      <option><?php echo esc_html__('Loan Signing','online-notary'); ?></option>
      <option><?php echo esc_html__('Power of Attorney','online-notary'); ?></option>
      <option><?php echo esc_html__('Affidavit Notarization','online-notary'); ?></option>
      <option><?php echo esc_html__('Real Estate Docs','online-notary'); ?></option>
      <option><?php echo esc_html__('ID Verification','online-notary'); ?></option>
      <option><?php echo esc_html__('Apostille Help','online-notary'); ?></option>
      <option><?php echo esc_html__('Certified Copies','online-notary'); ?></option>
      <option><?php echo esc_html__('Document Witnessing','online-notary'); ?></option>
    </select>
  </div>

  <div class="date mb-3">
    <input type="date" id="eventDate" placeholder="Select Date" required>
  </div>

  <div class="time mb-3">
    <input type="time" id="eventTime" required>
  </div>

  <div class="box-1 mb-3" style="display:flex; gap:15px;">
    <div class="name" style="flex:1;">
      <input type="text" id="fullName" placeholder="Full Name" required>
    </div>

    <div class="email" style="flex:1;">
      <input type="email" id="email" placeholder="Mail Here" required>
    </div>
  </div>

  <div class="box-1 mb-3" style="display:flex; gap:15px;">
    <div class="mobile-num" style="flex:1;">
      <input type="tel" id="mobile" placeholder="Mobile Number" required>
    </div>

    <div class="city" style="flex:1;">
      <input type="text" id="city" placeholder="City" required>
    </div>
  </div>

  <div>
    <button type="submit" class="btn appointment-btn">
      <?php echo esc_html__('Confirm Appointment ','online-notary'); ?><i class="fas fa-arrow-right"></i>
    </button>
  </div>

</form>

<!-- /wp:html --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","className":"appointment-img-box wow zoomIn"} -->
<div class="wp-block-column is-vertically-aligned-center appointment-img-box wow zoomIn"><!-- wp:image {"id":56,"width":"auto","height":"600px","sizeSlug":"large","linkDestination":"none","align":"center"} -->
<figure class="wp-block-image aligncenter size-large is-resized"><img src="<?php echo esc_url( get_template_directory_uri() . '/images/appointment-img.png'); ?>" alt="" class="wp-image-56" style="width:auto;height:600px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

<?php } ?>