<?php
/**
 * Title: Header (with job search form)
 * Slug: careers/header-with-job-search-form
 * Description: "Header" section with job search form.
 * Categories: careers-patterns, headers
 * Keywords:
 * Viewport Width: 1200
 * Inserter: true
 *
 * @package Teydea_Studio\Careers
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit; // Exit if accessed directly.
}

?>
<!-- wp:group {"align":"wide","style":{"position":{"type":""},"border":{"bottom":{"color":"var:preset|color|gray","width":"1px"}},"spacing":{"blockGap":"var:preset|spacing|40"}},"backgroundColor":"primary-accent","layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group alignwide has-primary-accent-background-color has-background" style="border-bottom-color:var(--wp--preset--color--gray);border-bottom-width:1px"><!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|50","right":"var:preset|spacing|50"},"blockGap":"var:preset|spacing|40"}},"backgroundColor":"light-gray","layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group has-light-gray-background-color has-background" style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--50)"><!-- wp:navigation {"textColor":"secondary","overlayMenu":"always","className":"desktop:hidden","style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"fontSize":"sm"} -->
<!-- wp:navigation-link {"label":"Home","url":"<?php echo esc_url( get_home_url() ); ?>","kind":"custom"} /-->

<!-- wp:navigation-link {"label":"Blog","url":"<?php echo esc_url( get_post_type_archive_link( 'post' ) ); ?>","kind":"custom"} /-->

<!-- wp:navigation-link {"label":"Open vacancies","url":"<?php echo esc_url( get_post_type_archive_link( 'job' ) ); ?>","kind":"custom"} /-->
<!-- /wp:navigation -->

<!-- wp:site-logo {"shouldSyncIcon":false} /--></div>
<!-- /wp:group -->

<!-- wp:navigation {"textColor":"secondary","className":"tablet:hidden mobile:hidden","style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"fontSize":"sm"} -->
<!-- wp:navigation-link {"label":"Home","url":"<?php echo esc_url( get_home_url() ); ?>","kind":"custom"} /-->

<!-- wp:navigation-link {"label":"Blog","url":"<?php echo esc_url( get_post_type_archive_link( 'post' ) ); ?>","kind":"custom"} /-->

<!-- wp:navigation-link {"label":"Open vacancies","url":"<?php echo esc_url( get_post_type_archive_link( 'job' ) ); ?>","kind":"custom"} /-->
<!-- /wp:navigation -->

<!-- wp:paragraph {"className":"tablet:hidden mobile:hidden","style":{"elements":{"link":{"color":{"text":"var:preset|color|gray"}}}},"textColor":"gray"} -->
<p class="tablet:hidden mobile:hidden has-gray-color has-text-color has-link-color">|</p>
<!-- /wp:paragraph -->

<!-- wp:hiring-center/query-loop-filtering-container {"metadata":{"categories":["hiring-center-patterns"],"patternName":"hiring-center/search-and-filtering","name":"Hiring Center: Search \u0026 Filtering"},"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|20","bottom":"var:preset|spacing|20","left":"0","right":"var:preset|spacing|20"}},"layout":{"selfStretch":"fill","flexSize":null}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"left"}} -->
<form class="wp-block-hiring-center-query-loop-filtering-container alignfull" style="padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:0"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40","padding":{"right":"0","left":"0"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"right"}} -->
<div class="wp-block-group" style="padding-right:0;padding-left:0"><!-- wp:hiring-center/query-loop-filtering-search-field {"className":"mobile:hidden","style":{"border":{"width":"0px","style":"none"},"typography":{"lineHeight":"1"},"spacing":{"padding":{"right":"0","left":"0"},"margin":{"right":"0","left":"0"}}},"fontSize":"sm"} -->
<input class="wp-block-hiring-center-query-loop-filtering-search-field mobile:hidden has-sm-font-size" style="border-style:none;border-width:0px;margin-right:0;margin-left:0;padding-right:0;padding-left:0;line-height:1" type="text" placeholder="Search by job title or description" name="hiring-center-qlff[s]"/>
<!-- /wp:hiring-center/query-loop-filtering-search-field -->

<!-- wp:paragraph {"className":"mobile:hidden","style":{"elements":{"link":{"color":{"text":"var:preset|color|gray"}}}},"textColor":"gray"} -->
<p class="mobile:hidden has-gray-color has-text-color has-link-color">|</p>
<!-- /wp:paragraph -->

<!-- wp:hiring-center/query-loop-filtering-filter {"filterToDisplay":"d:00000000000000001","className":"mobile:hidden"} /-->

<!-- wp:paragraph {"className":"mobile:hidden","style":{"elements":{"link":{"color":{"text":"var:preset|color|gray"}}}},"textColor":"gray"} -->
<p class="mobile:hidden has-gray-color has-text-color has-link-color">|</p>
<!-- /wp:paragraph -->

<!-- wp:hiring-center/query-loop-filtering-filter {"filterToDisplay":"d:00000000000000002","className":"mobile:hidden"} /-->

<!-- wp:hiring-center/query-loop-filtering-button {"style":{"layout":{"selfStretch":"fit","flexSize":null}}} -->
<button type="submit" class="wp-block-hiring-center-query-loop-filtering-button wp-element-button"><span>Show jobs</span></button>
<!-- /wp:hiring-center/query-loop-filtering-button --></div>
<!-- /wp:group --></form>
<!-- /wp:hiring-center/query-loop-filtering-container --></div>
<!-- /wp:group -->
