Fri Dec 13 2024 10:40:58 GMT+0000 (Coordinated Universal Time)
Saved by @mohsenkoushki ##blog ##ui ##template #front-end
Learn how to enable support for right-to-left text in Bootstrap across our layout, components, and utilities.
https://getbootstrap.com/docs/5.3/getting-started/rtl/
{% set my_path = page.path %}
{% if my_path %}
{% set path_parts = my_path.strip('/').split('/') %}
{% endif %}
<section class="breadcrumbs">
{% set breadcrumbs = get_breadcrumbs(include_home=True) %}
<div class="st-container-lg">
<div class="st-flex st-breadcrumbs">
{% for item in breadcrumbs.breadcrumbs[:2] %}
{% if loop.last %}
<span class="current-page">{{ item.name }}</span>
{% else %}
<a href="{{ item.link }}">{{ item.name }}</a>
<span class="breadcrumbs-seperator">|</span>
{% endif %}
{% endfor %}
</div>
{% do set_schema_overrides('breadcrumbs', breadcrumbs.as_schema()) %}
</div>
</section>
{% if my_path.startswith('/blog/') %}
<!--HOME CARE TIPS BLOG-->
<div class="st-container-md posts-list-wrapper">
{% set all_cats = get_categories() %}
<div class="post-list-header main">
<h1>Home Care Tips</h1>
<ul class="blog-categories st-flex st-desktop">
<li><a href="/blog/">All posts</a></li>
{% for cat in all_cats %}
<li class="{% if path_parts %}{% if path_parts[2] == cat.name|slugify %}active-category{% endif %}{% endif %}">
<a href="{{ cat.url }}"><span>{{ cat.name }}</span></a>
</li>
{% endfor %}
</ul>
<div class="selector-cont st-mobile">
<select id="catSelector" class="cat-selector bg-color">
<option value="/blog/">Select A Category</option>
{% for cat in all_cats %}
<option value="{{ cat.url }}" {% if cat.url == page.path %}selected{% endif %}>{{ cat.name }}</option>
{% endfor %}
</select>
<svg class="selector-arrow" width="16" height="8" viewBox="0 0 16 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1 0.940236L1.48072 0.5L8 6.60928L14.5193 0.5L15 0.940236L8 7.5L1 0.940236Z" fill="#666666" stroke="#666666" stroke-width="0.5"/>
</svg>
</div>
</div>
<div class="post-list-cat-wrap st-third">
<!--Blog Root-->
{% if page.path == '/blog/' %}
{% for post in filter_posts(category_slug='blogs') %}
<a itemprop="articleBody" class="article-body st-item" href="{{ post.url(**post_url_params) }}">
<div itemscope="" itemtype="http://schema.org/BlogPosting" class="post-list-item" title="{{ post.title }}">
<div itemprop="image" itemscope itemtype="https://schema.org/ImageObject" class="blog-image-wrap">
{% if post.featured_img %}
<div style="background-image:url('{{ post.featured_img.src }}')" itemprop="image" class="blog-featured-img"></div>
{% else %}
<div style="background-image: url('/img/upload/hwcg-blog-fallback.jpg')" itemprop="image" class="blog-featured-img"></div>
{% endif %}
</div>
<div class="blog-cont">
<p class="st-h4" itemprop="name headline">{{ post.title }}</p>
<ul class="cat-list">
{% if post.categories %}
{% for category in post.categories[:3] %}
{% if category.name != "Blogs" %}
<li>
<p>{{ category.name }}</p>
</li>
{% endif %}
{% endfor %}
{% endif %}
</ul>
</div>
</div>
</a>
{% endfor %}
{% else %}
<!--Category Page-->
{% for post in posts %}
{% if post %}
<a itemprop="articleBody" class="article-body st-item article-cat-page" href="{{ post.url(**post_url_params) }}">
<div itemscope="" itemtype="http://schema.org/BlogPosting" class="post-list-item" title="{{ post.title }}">
<div itemprop="image" itemscope itemtype="https://schema.org/ImageObject" class="blog-image-wrap">
{% if post.featured_img %}
<div style="background-image:url('{{ post.featured_img.src }}')" itemprop="image" class="blog-featured-img"></div>
{% else %}
<div style="background-image: url('/img/upload/hwcg-blog-fallback.jpg')" itemprop="image" class="blog-featured-img"></div>
{% endif %}
</div>
<div class="blog-cont">
<p class="st-h4" itemprop="name headline">{{ post.title }}</p>
{% if post.categories %}
<ul class="cat-list">
{% for category in post.categories[:3] %}
{% if category.name != "Blogs" %}
<li>
<p>{{ category.name }}</p>
</li>
{% endif %}
{% endfor %}
</ul>
{% endif %}
</div>
</div>
</a>
{% endif %}
{% endfor %}
{% endif %}
</div>
<div class="next-prev-wrapper st-flex">
{% if posts.has_previous() %}
<a class="st-btn v1" href="{{ posts.prev_link }}"><span>{% trans %}Previous Page{% endtrans %}</span></a>
{% endif %}
{% if posts.has_next() %}
<a class="st-btn v1" href="{{ posts.next_link }}"><span>{% trans %}Next Page{% endtrans %}</span></a>
{% endif %}
</div>
</div>
<!--end Home Care Tips Blog-->
{% elif my_path.startswith('/resources/') %}
<!--RESOURCES BLOG-->
<div class="st-container-lg resources-wrapper">
<div class="post-list-header main">
<h1>Home Care Resource Center</h1>
<p>Learn how to set yourself and your loved ones up for success with in-home care.</p>
</div>
{% if page.path == '/resources/' %}
<!--Resources Root-->
<div class="resources-body">
<div class="resources-top st-flex st-half">
<div class="featured-resources st-item">
<div class="green-tab"><h3>Featured Resource:</h3></div>
{% for post in filter_posts(category_slug='resources')[:1] %}
<a itemprop="articleBody" class="article-body st-item" href="{{ post.url(**post_url_params) }}">
<div itemscope="" itemtype="http://schema.org/BlogPosting" class="post-list-item" title="{{ post.title }}">
<div itemprop="image" itemscope itemtype="https://schema.org/ImageObject" class="blog-image-wrap">
{% if post.featured_img %}
<div style="background-image:url('{{ post.featured_img.src }}')" itemprop="image" class="blog-featured-img"></div>
{% else %}
<div style="background-image: url('/img/upload/hwcg-blog-fallback.jpg')" itemprop="image" class="blog-featured-img"></div>
{% endif %}
</div>
<div class="blog-cont">
<p class="st-h2 st-teal-900" itemprop="name headline">{{ post.title }}</p>
<div class="card-footer">
{% if post.categories %}
<ul class="cat-list">
{% for category in post.categories[:3] %}
{% if category.name != "Blogs" %}
<li>
<p>{{ category.name }}</p>
</li>
{% endif %}
{% endfor %}
</ul>
{% endif %}
<button class="explore-btn">
Explore Subject <span class="arrow">→</span>
</button>
</div>
</div>
</div>
</a>
{% endfor %}
</div>
<div class="popular-resources st-item">
<div class="green-tab"><h3>Other popular resources:</h3></div>
<div class="post-list-cat-wrap">
{% for post in filter_posts(category_slug='resources')[:3] %}
<a itemprop="articleBody" class="article-body st-item" href="{{ post.url(**post_url_params) }}">
<div itemscope="" itemtype="http://schema.org/BlogPosting" class="post-list-item" title="{{ post.title }}">
<div itemprop="image" itemscope itemtype="https://schema.org/ImageObject" class="blog-image-wrap">
{% if post.featured_img %}
<div style="background-image:url('{{ post.featured_img.src }}')" itemprop="image" class="blog-featured-img"></div>
{% else %}
<div style="background-image: url('/img/upload/hwcg-blog-fallback.jpg')" itemprop="image" class="blog-featured-img"></div>
{% endif %}
</div>
<div class="blog-cont">
<p class="st-h4" itemprop="name headline">{{ post.title }}</p>
{% if post.categories %}
<ul class="cat-list">
{% for category in post.categories[:3] %}
{% if category.name != "Blogs" %}
<li>
<p>{{ category.name }}</p>
</li>
{% endif %}
{% endfor %}
</ul>
{% endif %}
</div>
</div>
</a>
{% endfor %}
</div>
</div>
</div>
<!-- Navigate by Topic -->
<section class="topics-section">
<h2 class="topics-title">Navigate Resources by Topic</h2>
<div class="topic-buttons">
<a href="/resources/in-home-senior-safety/" class="topic-btn">In-Home Senior Safety</a>
<a href="/resources/support-for-caregivers/" class="topic-btn">Support for Family Caregivers</a>
<a href="/about-home-care/how-much-does-home-care-cost/" class="topic-btn">Home Care Costs & Payment Options</a>
<a href="/home-care-services/chronic-conditions/" class="topic-btn">Chronic Condition Management</a>
<div class="compass-icon">
<img src="/img/upload/hwcg_compass_1.webp" width="120" height="120" alt="Compass" />
</div>
</div>
</section>
<div class="latest-resources">
<div class="green-panel st-flex ">
<h3>Latest Resources:</h3>
<div class="selector-cont">
<select id="catSelector" class="cat-selector bg-color">
<option value="/blog/">Filter by Category</option>
<option class="category" value="in-home-senior-safety">In-Home Senior Safety</option>
<option class="category" value="support-for-caregivers">Support for Family Caregivers</option>
</select>
<svg class="selector-arrow" width="16" height="8" viewBox="0 0 16 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1 0.940236L1.48072 0.5L8 6.60928L14.5193 0.5L15 0.940236L8 7.5L1 0.940236Z" fill="#666666" stroke="#666666" stroke-width="0.5"/>
</svg>
</div>
</div>
<div class="post-list-cat-wrap st-third">
{% for post in filter_posts(category_slug='resources') %}
{% set ns = namespace(categoryname='') %}
{% if post.categories %}
{% for category in post.categories %}
{% if category.name != "Blogs" and category.name != "Resources" and ns.categoryname == '' %}
{% set ns.categoryname = category.name|slugify %}
{% endif %}
{% endfor %}
{% endif %}
<a itemprop="articleBody" class="article-body st-item" href="{{ post.url(**post_url_params) }}" data-cat="{{ ns.categoryname }}">
<div itemscope="" itemtype="http://schema.org/BlogPosting" class="post-list-item" title="{{ post.title }}">
<div itemprop="image" itemscope itemtype="https://schema.org/ImageObject" class="blog-image-wrap">
{% if post.featured_img %}
<div style="background-image:url('{{ post.featured_img.src }}')" itemprop="image" class="blog-featured-img"></div>
{% else %}
<div style="background-image: url('/img/upload/homstretch-team.jpg')" itemprop="image"></div>
{% endif %}
</div>
<div class="blog-cont">
<p class="st-h4" itemprop="name headline">{{ post.title }}</p>
{% if post.categories %}
<ul class="cat-list">
{% for category in post.categories[:3] %}
{% if category.name != "Blogs" and category.name != "Resources" %}
<li>
<p>{{ category.name }}</p>
</li>
{% endif %}
{% endfor %}
</ul>
{% endif %}
</div>
</div>
</a>
{% endfor %}
</div>
<div class="next-prev-wrapper st-flex">
{% if posts.has_previous() %}
<a class="st-btn v1" href="{{ posts.prev_link }}"><span>{% trans %}Previous Page{% endtrans %}</span></a>
{% endif %}
{% if posts.has_next() %}
<a class="st-btn v1" href="{{ posts.next_link }}"><span>{% trans %}Next Page{% endtrans %}</span></a>
{% endif %}
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
const selector = document.getElementById('catSelector');
const posts = document.querySelectorAll('.article-body');
selector.addEventListener('change', function() {
const selected = this.value;
posts.forEach(post => {
const cat = post.getAttribute('data-cat');
// Show all if default option, or only matching category
if (selected === '/blog/' || selected === '' || selected === 'Filter by Category') {
post.style.display = '';
} else if (cat === selected) {
post.style.display = '';
} else {
post.style.display = 'none';
}
});
});
});
</script>
</div>
{% else %}
<!--Category Page-->
<div class="resources-body">
<div class="latest-resources">
<div class="post-list-cat-wrap st-third">
{% for post in filter_posts(category_slug='resources') %}
<a itemprop="articleBody" class="article-body st-item" href="{{ post.url(**post_url_params) }}">
<div itemscope="" itemtype="http://schema.org/BlogPosting" class="post-list-item" title="{{ post.title }}">
<div itemprop="image" itemscope itemtype="https://schema.org/ImageObject" class="blog-image-wrap">
{% if post.featured_img %}
<div style="background-image:url('{{ post.featured_img.src }}')" itemprop="image" class="blog-featured-img"></div>
{% else %}
<div style="background-image: url('/img/upload/homstretch-team.jpg')" itemprop="image"></div>
{% endif %}
</div>
<div class="blog-cont">
<p class="st-h4" itemprop="name headline">{{ post.title }}</p>
{% if post.categories %}
<ul class="cat-list">
{% for category in post.categories[:3] %}
{% if category.name != "Blogs" and category.name != "Resources" %}
<li>
<p>{{ category.name }}</p>
</li>
{% endif %}
{% endfor %}
</ul>
{% endif %}
</div>
</div>
</a>
{% endfor %}
</div>
<div class="next-prev-wrapper st-flex">
{% if posts.has_previous() %}
<a class="st-btn v1" href="{{ posts.prev_link }}"><span>{% trans %}Previous Page{% endtrans %}</span></a>
{% endif %}
{% if posts.has_next() %}
<a class="st-btn v1" href="{{ posts.next_link }}"><span>{% trans %}Next Page{% endtrans %}</span></a>
{% endif %}
</div>
</div>
</div>
{% endif %}
</div>
<!--end Resources Blog-->
{% endif %}
Text HELP for support.
<script defer>
$(document).ready(function () {
const smsLabel = document.querySelector('.sb-formfield--sms-consent label');
if (smsLabel) {
// replace SMS consent label text
smsLabel.innerHTML = "<label for='id_sms-consent'>By checking this box, I expressly consent to receive recurring text messages by or on behalf of Homewatch CareGivers, regarding customer care (such as, among others, appointment reminders, billing), account notifications, marketing, products, services, offers, promotions and franchise opportunities, at the number provided above, including via automated technology. Consent is not a condition of purchase. Msg & data rates may apply. Msg frequency varies. Unsubscribe at any time by replying STOP. Text HELP for support. <a href='/privacy-policy/'>Privacy Policy</a> & <a href='/privacy-policy/'>Terms of Use</a>.";
}
});
</script>
NON WORKING
<script>
$(document).on('ajax-form-failure', function() {
console.log('works');
const smsLabel = document.querySelector('.sb-formfield--sms-consent label');
if (smsLabel) {
// replace SMS consent label text
smsLabel.innerHTML =
'I consent to receive marketing SMS text messages from Homewatch CareGivers at the number provided, including messages sent by autodialer. Consent is not a condition for advancing with this form. MSG & data rates may apply. MSG frequency varies. Unsubscribe at any time by replying STOP. View our <a href="/privacy-policy/">Privacy Policy</a> & <a href="/terms-of-use/">Terms of Use</a>.';
}
});
</script>
{% set my_path = page.path %}
{% if my_path %}
{% set path_parts = my_path.strip('/').split('/') %}
{% endif %}
<section class="breadcrumbs">
{% set breadcrumbs = get_breadcrumbs(include_home=True) %}
<div class="st-container-lg">
<div class="st-flex st-breadcrumbs">
{% for item in breadcrumbs.breadcrumbs[:2] %}
{% if loop.last %}
<span class="current-page">{{ item.name }}</span>
{% else %}
<a href="{{ item.link }}">{{ item.name }}</a>
<span class="breadcrumbs-seperator">|</span>
{% endif %}
{% endfor %}
</div>
{% do set_schema_overrides('breadcrumbs', breadcrumbs.as_schema()) %}
</div>
</section>
{% if my_path.startswith('/blog/') %}
<!--HOME CARE TIPS BLOG-->
<div class="st-container-md posts-list-wrapper">
{% set all_cats = get_categories() %}
<div class="post-list-header main">
<h1>Home Care Tips</h1>
<ul class="blog-categories st-flex st-desktop">
<li><a href="/blog/">All posts</a></li>
{% for cat in all_cats %}
<li class="{% if path_parts %}{% if path_parts[2] == cat.name|slugify %}active-category{% endif %}{% endif %}">
<a href="{{ cat.url }}"><span>{{ cat.name }}</span></a>
</li>
{% endfor %}
</ul>
<div class="selector-cont st-mobile">
<select id="catSelector" class="cat-selector bg-color">
<option value="/blog/">Select A Category</option>
{% for cat in all_cats %}
<option value="{{ cat.url }}" {% if cat.url == page.path %}selected{% endif %}>{{ cat.name }}</option>
{% endfor %}
</select>
<svg class="selector-arrow" width="16" height="8" viewBox="0 0 16 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1 0.940236L1.48072 0.5L8 6.60928L14.5193 0.5L15 0.940236L8 7.5L1 0.940236Z" fill="#666666" stroke="#666666" stroke-width="0.5"/>
</svg>
</div>
</div>
<div class="post-list-cat-wrap st-third">
<!--Blog Root-->
{% if page.path == '/blog/' %}
{% for post in filter_posts(category_slug='blogs') %}
<a itemprop="articleBody" class="article-body st-item" href="{{ post.url(**post_url_params) }}">
<div itemscope="" itemtype="http://schema.org/BlogPosting" class="post-list-item" title="{{ post.title }}">
<div itemprop="image" itemscope itemtype="https://schema.org/ImageObject" class="blog-image-wrap">
{% if post.featured_img %}
<div style="background-image:url('{{ post.featured_img.src }}')" itemprop="image" class="blog-featured-img"></div>
{% else %}
<div style="background-image: url('/img/upload/hwcg-blog-fallback.jpg')" itemprop="image" class="blog-featured-img"></div>
{% endif %}
</div>
<div class="blog-cont">
<p class="st-h4" itemprop="name headline">{{ post.title }}</p>
<ul class="cat-list">
{% if post.categories %}
{% for category in post.categories[:3] %}
{% if category.name != "Blogs" %}
<li>
<p>{{ category.name }}</p>
</li>
{% endif %}
{% endfor %}
{% endif %}
</ul>
</div>
</div>
</a>
{% endfor %}
{% else %}
<!--Category Page-->
{% for post in posts %}
{% if post %}
<a itemprop="articleBody" class="article-body st-item article-cat-page" href="{{ post.url(**post_url_params) }}">
<div itemscope="" itemtype="http://schema.org/BlogPosting" class="post-list-item" title="{{ post.title }}">
<div itemprop="image" itemscope itemtype="https://schema.org/ImageObject" class="blog-image-wrap">
{% if post.featured_img %}
<div style="background-image:url('{{ post.featured_img.src }}')" itemprop="image" class="blog-featured-img"></div>
{% else %}
<div style="background-image: url('/img/upload/hwcg-blog-fallback.jpg')" itemprop="image" class="blog-featured-img"></div>
{% endif %}
</div>
<div class="blog-cont">
<p class="st-h4" itemprop="name headline">{{ post.title }}</p>
{% if post.categories %}
<ul class="cat-list">
{% for category in post.categories[:3] %}
{% if category.name != "Blogs" %}
<li>
<p>{{ category.name }}</p>
</li>
{% endif %}
{% endfor %}
</ul>
{% endif %}
</div>
</div>
</a>
{% endif %}
{% endfor %}
{% endif %}
</div>
<div class="next-prev-wrapper st-flex">
{% if posts.has_previous() %}
<a class="st-btn v1" href="{{ posts.prev_link }}"><span>{% trans %}Previous Page{% endtrans %}</span></a>
{% endif %}
{% if posts.has_next() %}
<a class="st-btn v1" href="{{ posts.next_link }}"><span>{% trans %}Next Page{% endtrans %}</span></a>
{% endif %}
</div>
</div>
<!--end Home Care Tips Blog-->
{% elif my_path.startswith('/resources/') %}
<!--RESOURCES BLOG-->
<div class="st-container-lg resources-wrapper">
<div class="post-list-header main">
<h1>Home Care Resource Center</h1>
<p>Learn how to set yourself and your loved ones up for success with in-home care.</p>
</div>
{% if page.path == '/resources/' %}
<!--Resources Root-->
<div class="resources-body">
<div class="resources-top st-flex st-half">
<div class="featured-resources st-item">
<div class="green-tab"><h3>Featured Resource:</h3></div>
{% for post in filter_posts(category_slug='resources')[:1] %}
<a itemprop="articleBody" class="article-body st-item" href="{{ post.url(**post_url_params) }}">
<div itemscope="" itemtype="http://schema.org/BlogPosting" class="post-list-item" title="{{ post.title }}">
<div itemprop="image" itemscope itemtype="https://schema.org/ImageObject" class="blog-image-wrap">
{% if post.featured_img %}
<div style="background-image:url('{{ post.featured_img.src }}')" itemprop="image" class="blog-featured-img"></div>
{% else %}
<div style="background-image: url('/img/upload/hwcg-blog-fallback.jpg')" itemprop="image" class="blog-featured-img"></div>
{% endif %}
</div>
<div class="blog-cont">
<p class="st-h2 st-teal-900" itemprop="name headline">{{ post.title }}</p>
<div class="card-footer">
{% if post.categories %}
<ul class="cat-list">
{% for category in post.categories[:3] %}
{% if category.name != "Blogs" %}
<li>
<p>{{ category.name }}</p>
</li>
{% endif %}
{% endfor %}
</ul>
{% endif %}
<button class="explore-btn">
Explore Subject <span class="arrow">→</span>
</button>
</div>
</div>
</div>
</a>
{% endfor %}
</div>
<div class="popular-resources st-item">
<div class="green-tab"><h3>Other popular resources:</h3></div>
<div class="post-list-cat-wrap">
{% for post in filter_posts(category_slug='resources')[:3] %}
<a itemprop="articleBody" class="article-body st-item" href="{{ post.url(**post_url_params) }}">
<div itemscope="" itemtype="http://schema.org/BlogPosting" class="post-list-item" title="{{ post.title }}">
<div itemprop="image" itemscope itemtype="https://schema.org/ImageObject" class="blog-image-wrap">
{% if post.featured_img %}
<div style="background-image:url('{{ post.featured_img.src }}')" itemprop="image" class="blog-featured-img"></div>
{% else %}
<div style="background-image: url('/img/upload/hwcg-blog-fallback.jpg')" itemprop="image" class="blog-featured-img"></div>
{% endif %}
</div>
<div class="blog-cont">
<p class="st-h4" itemprop="name headline">{{ post.title }}</p>
{% if post.categories %}
<ul class="cat-list">
{% for category in post.categories[:3] %}
{% if category.name != "Blogs" %}
<li>
<p>{{ category.name }}</p>
</li>
{% endif %}
{% endfor %}
</ul>
{% endif %}
</div>
</div>
</a>
{% endfor %}
</div>
</div>
</div>
<!-- Navigate by Topic -->
<section class="topics-section">
<h2 class="topics-title">Navigate Resources by Topic</h2>
<div class="topic-buttons">
<a href="/resources/in-home-senior-safety/" class="topic-btn">In-Home Senior Safety</a>
<a href="/resources/support-for-caregivers/" class="topic-btn">Support for Family Caregivers</a>
<a href="/about-home-care/how-much-does-home-care-cost/" class="topic-btn">Home Care Costs & Payment Options</a>
<a href="/home-care-services/chronic-conditions/" class="topic-btn">Chronic Condition Management</a>
<div class="compass-icon">
<img src="/img/upload/hwcg_compass_1.webp" width="120" height="120" alt="Compass" />
</div>
</div>
</section>
<div class="latest-resources">
<div class="green-panel st-flex ">
<h3>Latest Resources:</h3>
<div class="selector-cont">
<select id="catSelector" class="cat-selector bg-color">
<option value="/blog/">Filter by Category</option>
<option class="category" value="in-home-senior-safety">In-Home Senior Safety</option>
<option class="category" value="support-for-caregivers">Support for Family Caregivers</option>
</select>
<svg class="selector-arrow" width="16" height="8" viewBox="0 0 16 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1 0.940236L1.48072 0.5L8 6.60928L14.5193 0.5L15 0.940236L8 7.5L1 0.940236Z" fill="#666666" stroke="#666666" stroke-width="0.5"/>
</svg>
</div>
</div>
<div class="post-list-cat-wrap st-third">
{% for post in filter_posts(category_slug='resources') %}
{% set ns = namespace(categoryname='') %}
{% if post.categories %}
{% for category in post.categories %}
{% if category.name != "Blogs" and category.name != "Resources" and ns.categoryname == '' %}
{% set ns.categoryname = category.name|slugify %}
{% endif %}
{% endfor %}
{% endif %}
<a itemprop="articleBody" class="article-body st-item" href="{{ post.url(**post_url_params) }}" data-cat="{{ ns.categoryname }}">
<div itemscope="" itemtype="http://schema.org/BlogPosting" class="post-list-item" title="{{ post.title }}">
<div itemprop="image" itemscope itemtype="https://schema.org/ImageObject" class="blog-image-wrap">
{% if post.featured_img %}
<div style="background-image:url('{{ post.featured_img.src }}')" itemprop="image" class="blog-featured-img"></div>
{% else %}
<div style="background-image: url('/img/upload/homstretch-team.jpg')" itemprop="image"></div>
{% endif %}
</div>
<div class="blog-cont">
<p class="st-h4" itemprop="name headline">{{ post.title }}</p>
{% if post.categories %}
<ul class="cat-list">
{% for category in post.categories[:3] %}
{% if category.name != "Blogs" and category.name != "Resources" %}
<li>
<p>{{ category.name }}</p>
</li>
{% endif %}
{% endfor %}
</ul>
{% endif %}
</div>
</div>
</a>
{% endfor %}
</div>
<div class="next-prev-wrapper st-flex">
{% if posts.has_previous() %}
<a class="st-btn v1" href="{{ posts.prev_link }}"><span>{% trans %}Previous Page{% endtrans %}</span></a>
{% endif %}
{% if posts.has_next() %}
<a class="st-btn v1" href="{{ posts.next_link }}"><span>{% trans %}Next Page{% endtrans %}</span></a>
{% endif %}
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
const selector = document.getElementById('catSelector');
const posts = document.querySelectorAll('.article-body');
selector.addEventListener('change', function() {
const selected = this.value;
posts.forEach(post => {
const cat = post.getAttribute('data-cat');
// Show all if default option, or only matching category
if (selected === '/blog/' || selected === '' || selected === 'Filter by Category') {
post.style.display = '';
} else if (cat === selected) {
post.style.display = '';
} else {
post.style.display = 'none';
}
});
});
});
</script>
</div>
{% else %}
<!--Category Page-->
<div class="resources-body">
<div class="latest-resources">
<div class="post-list-cat-wrap st-third">
{% for post in filter_posts(category_slug='resources') %}
<a itemprop="articleBody" class="article-body st-item" href="{{ post.url(**post_url_params) }}">
<div itemscope="" itemtype="http://schema.org/BlogPosting" class="post-list-item" title="{{ post.title }}">
<div itemprop="image" itemscope itemtype="https://schema.org/ImageObject" class="blog-image-wrap">
{% if post.featured_img %}
<div style="background-image:url('{{ post.featured_img.src }}')" itemprop="image" class="blog-featured-img"></div>
{% else %}
<div style="background-image: url('/img/upload/homstretch-team.jpg')" itemprop="image"></div>
{% endif %}
</div>
<div class="blog-cont">
<p class="st-h4" itemprop="name headline">{{ post.title }}</p>
{% if post.categories %}
<ul class="cat-list">
{% for category in post.categories[:3] %}
{% if category.name != "Blogs" and category.name != "Resources" %}
<li>
<p>{{ category.name }}</p>
</li>
{% endif %}
{% endfor %}
</ul>
{% endif %}
</div>
</div>
</a>
{% endfor %}
</div>
<div class="next-prev-wrapper st-flex">
{% if posts.has_previous() %}
<a class="st-btn v1" href="{{ posts.prev_link }}"><span>{% trans %}Previous Page{% endtrans %}</span></a>
{% endif %}
{% if posts.has_next() %}
<a class="st-btn v1" href="{{ posts.next_link }}"><span>{% trans %}Next Page{% endtrans %}</span></a>
{% endif %}
</div>
</div>
</div>
{% endif %}
</div>
<!--end Resources Blog-->
{% endif %}
{% set my_path = page.path %}
{% if my_path %}
{% set path_parts = my_path.strip('/').split('/') %}
{% endif %}
<section class="blog-post">
<article itemscope="" itemtype="http://schema.org/BlogPosting">
<section class="banner banner-light post-title-card">
<div class="st-container-lg st-flex st-half">
{% if my_path.startswith('/blog/') %}
<!--home care tips post headder-->
<div class="banner-left st-item hct-post-header">
<nav aria-label="Breadcrumb">
<ol class="breadcrumbs hero-breadcrumbs st-center st-flex" role="list">
<li><a href="/">Home</a></li>
<li><a href="/blog/">Home Care Tips</a></li>
<li class="current-page" aria-current="page">{{ post.title }}</li>
</ol>
</nav>
<div class="banner-content st-center post-info">
<h1 itemprop="name headline">{{ post.title }}</h1>
<h4 class="st-teal-900">{{ post.date|datefmt('long') }}</h4>
</div>
</div>
{% elif my_path.startswith('/resources/') %}
<!--resources post headder-->
<div class="banner-left st-item resources-post-header">
<nav aria-label="Breadcrumb">
<ol class="breadcrumbs hero-breadcrumbs st-center st-flex" role="list">
<li><a href="/">Home</a></li>
<li><a href="${base_directory}resources/">Home Care Resources</a></li>
{% if post.primary_category %}
<li><a href="{{ post.primary_category.url(**category_url_params) }}">{{ post.primary_category.name }}</a></li>
{% endif %}
<li class="current-page" aria-current="page">{{ post.title }}</li>
</ol>
</nav>
<div class="banner-content st-center post-info">
{% if post.primary_category %}
<h3 class="st-teal-700">{{ post.primary_category.name }}</h3>
{% endif %}
<h1 itemprop="name headline">{{ post.title }}</h1>
</div>
</div>
{% endif %}
<div class="banner-right st-item">
<picture class="img-clip post-featured-img" itemprop="image" itemscope itemtype="https://schema.org/ImageObject">
{% if post.featured_img %}
<div style="background-image:url({{ post.featured_img.src }})"></div>
{% else %}
<div style="background-image: url('/img/upload/hwcg-blog-fallback.jpg')"></div>
{% endif %}
</picture>
</div>
</div>
</section>
<div class="post-content thin st-html" temprop="articleBody">
{{ post.content|safe }}
</div>
</article>
</section>
{% if my_path.startswith('/blog/') %}
{% set primary_posts = get_posts(site_id=1988652, filters={'category_slug': 'blogs'}) %}
<section class="expert-tips-template">
<div class="st-container-lg expert-tips-wrap">
<h2 class="st-h1">Related Home Care Tips</h2>
<div class="expert-tips-carousel">
{% for primary_post in primary_posts[:3] %}
<a class="article-body" href="{{ primary_post.url(**post_url_params) }}">
<div class="post-list-item">
<div class="blog-image-wrap">
{% if primary_post.featured_img.src %}
<div style="background-image:url('{{ primary_post.featured_img.src }}')"
class="blog-featured-img"></div>
{% else %}
<div style="background-image:url('/img/upload/hwcg-blog-fallback.jpg')"
class="blog-featured-img"></div>
{% endif %}
</div>
<div class="blog-cont">
<p class="st-h4 st-teal-900" itemprop="name headline">{{ primary_post.title }}</p>
<div class="st-flex blog-item-bottom">
{% if primary_post.primary_category %}
<ul class="cat-list">
<li>
<p>{{ primary_post.primary_category.name }}</p>
</li>
</ul>
{% endif %}
</div>
</div>
</div>
</a>
{% endfor %}
</div>
<a class="st-btn v1" href="/blog/"><span>View All Home Care Tips</span></a>
</div>
</section>
{% elif my_path.startswith('/resources/') %}
{% if post.primary_category and post.primary_category.name %}
{% set primary_posts = get_posts(site_id=1988652, filters={'primary_category.name': post.primary_category.name, 'category_slug': 'resources'}) %}
{% else %}
{% set primary_posts = get_posts(site_id=1988652, filters={'category_slug': 'resources'}) %}
{% endif %}
<section class="expert-tips-template">
<div class="st-container-lg expert-tips-wrap">
<h2 class="st-h1">Related Home Care Resources</h2>
<div class="expert-tips-carousel">
{% for primary_post in primary_posts[:3] %}
<a class="article-body" href="{{ primary_post.url(**post_url_params) }}">
<div class="post-list-item">
<div class="blog-image-wrap">
{% if primary_post.featured_img.src %}
<div style="background-image:url('{{ primary_post.featured_img.src }}')"
class="blog-featured-img"></div>
{% else %}
<div style="background-image:url('/img/upload/hwcg-blog-fallback.jpg')"
class="blog-featured-img"></div>
{% endif %}
</div>
<div class="blog-cont">
<p class="st-h4 st-teal-900" itemprop="name headline">{{ primary_post.title }}</p>
<div class="st-flex blog-item-bottom">
{% if primary_post.primary_category %}
<ul class="cat-list">
<li><p>{{ primary_post.primary_category.name }}</p></li>
</ul>
{% endif %}
</div>
</div>
</div>
</a>
{% endfor %}
</div>
<a class="st-btn v1" href="/resources/"><span>View All Home Care Resources</span></a>
</div>
</section>
{% endif %}
<script>
window.cachedScript('{{ jquery_asset }}', function () {
window.cachedScript('https://cdn.jsdelivr.net/npm/@accessible360/accessible-slick@1.0.1/slick/slick.min.js', function () {
$('.expert-tips-carousel').slick({
infinite: false,
slidesToShow: 3,
slidesToScroll: 1,
autoplay: false,
arrows: true,
dots: true,
prevArrow:'<button id="reviewPrev" class="slider-prev"><svg><use xlink:href="#icon-prev-arrow"></use></svg></button>',
nextArrow:'<button id="reviewNext" class="slider-next"><svg><use xlink:href="#icon-next-arrow"></use></svg></button>',
responsive: [
{
breakpoint: 1000,
settings: {
slidesToShow: 2.1,
slidesToScroll: 1,
arrows: false,
dots: true
}
},{
breakpoint: 680,
settings: {
slidesToShow: 1.1,
slidesToScroll: 1,
arrows: false,
dots: true
}
}
]
});
});
});
</script>
<style>
li.header-nav-item {
flex-wrap: wrap;
justify-content: flex-start
}
li.t2-subnav-it>a.t2-subnav-lnk {
width: calc(100% - 44px)
}
.services-nav li.t2-subnav-it>a.t2-subnav-lnk {
width: calc(100% - 36px)
}
.services-nav .open-subnav {
background-color: var(--blue)
}
</style>
<section class="care-levels">
<div class="care-container st-container-md">
<!-- Left Panel -->
<div class="care-left-panel green-card">
<div class="care-header">
<h2 class="st-h1">Care Services</h2>
<p>Find the Right Home Care Services for You or Your Loved Ones</p>
</div>
<a class="st-btn v1" href="/contact-us/get-care-today/">Get Care Today</a>
</div>
<!-- Right Panel -->
<div class="care-right-panel">
<!-- Categories -->
<div class="care-categories">
<div class="care-category active" onclick="showServices('essential')">
<span>Essential Care</span>
</div>
<div class="care-category" onclick="showServices('specialized')">
<span>Specialized Care</span>
</div>
<div class="care-category" onclick="showServices('recovery')">
<span>Recovery-Focused Care</span>
</div>
</div>
{% if linklists.mainmenu %}
{% for item in linklists.mainmenu recursive -%}
{% if item.name == "Services" %}
{%- if item.children %}
<div class="services-mega subnav" style="display:block">
<ul class="t2-subnav sb-{{ item.name|slugify }}-subnav subnav">
{% for t2item in item.children %}
<li class="header-nav-item t2-subnav-it">
<a href="{{ t2item.link }}" class="t2-subnav-lnk">{{ t2item.name }}</a>
{% if t2item.children %}
<button class="open-subnav trg-plus-minus">
<svg class="icon-plus" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 0C8.76138 0 9.37931 0.617931 9.37931 1.37931L9.37931 6.62069L14.6207 6.62069C14.9865 6.62069 15.3373 6.76601 15.596 7.02468C15.8547 7.28335 16 7.63418 16 8C16 8.36582 15.8547 8.71665 15.596 8.97532C15.3373 9.23399 14.9865 9.37931 14.6207 9.37931H9.37931V14.6207C9.37931 14.9865 9.23399 15.3373 8.97532 15.596C8.71665 15.8547 8.36582 16 8 16C7.63418 16 7.28335 15.8547 7.02468 15.596C6.76601 15.3373 6.62069 14.9865 6.62069 14.6207L6.62069 9.37931L1.37931 9.37931C1.01349 9.37931 0.662662 9.23399 0.403991 8.97532C0.14532 8.71665 0 8.36582 0 8C0 7.63418 0.14532 7.28335 0.403991 7.02468C0.662662 6.76601 1.01349 6.62069 1.37931 6.62069L6.62069 6.62069L6.62069 1.37931C6.62069 0.617931 7.23862 0 8 0Z" fill="white"/></svg>
<svg class="icon-minus" width="16" height="3" viewBox="0 0 16 3" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.37931 0L14.6207 0C14.9865 0 15.3373 0.14532 15.596 0.40399C15.8547 0.662661 16 1.0135 16 1.37931C16 1.74513 15.8547 2.09596 15.596 2.35463C15.3373 2.6133 14.9865 2.75862 14.6207 2.75862L9.37931 2.75862C3.66667 2.75862 10.3333 2.75862 6.62069 2.75862L1.37931 2.75862C1.01349 2.75862 0.662662 2.6133 0.403991 2.35463C0.14532 2.09596 0 1.74513 0 1.37931C0 1.0135 0.14532 0.662661 0.403991 0.40399C0.662662 0.14532 1.01349 0 1.37931 0L6.62069 0C10.6667 1.0554e-06 5 2.22524e-06 9.37931 0Z" fill="white"/></svg>
</button>
<ul class="t3-subnav subnav">
{% for t3item in t2item.children %}
<li class="header-nav-item t3-subnav-it"><a href="{{ t3item.link }}" class="t3-subnav-lnk">{{ t3item.name }}</a></li>
{% endfor %}
</ul>
{% endif %}
</li>
{% endfor %}
</ul>
</div>
{% endif %}
{% endif %}
{% endfor %}
{% endif %}
<!-- Services -->
<div class="care-services">
<!-- Essential Care Services -->
<div id="essential-services" class="service-section care-service-list active">
<a href="/home-care-services/active-care/" class="care-service-item">Active Care</a>
<a href="/home-care-services/wellness-care/" class="care-service-item">Wellness Care</a>
<a href="/home-care-services/personal-care/" class="care-service-item">Personal Care</a>
<a href="/home-care-services/care-on-demand/" class="care-service-item">Care on Demand</a>
<a href="/home-care-services/respite-care/" class="care-service-item">Respite Care</a>
<a href="/home-care-services/care-for-children/" class="care-service-item">Childcare</a>
</div>
<!-- Specialized Care Services -->
<div id="specialized-services" class="service-section care-service-list">
<a href="/home-care-services/dementia/" class="care-service-item">Dementia & Alzheimers Care</a>
<a href="/home-care-services/chronic-conditions/" class="care-service-item">Chronic Condition Management</a>
<a href="/home-care-services/end-of-life-care/" class="care-service-item">End-of-Life / Hospice Care</a>
<a href="/home-care-services/developmental-disabilities-care/" class="care-service-item">Developmental Disabilities Care</a>
<a href="/home-care-services/care-in-facilities/" class="care-service-item">In-facility Care</a>
</div>
<!-- Recovery-Focused Care Services -->
<div id="recovery-services" class="service-section care-service-list">
<a href="/home-care-services/after-hospital-care/" class="care-service-item">Post-hospitalization Care</a>
<a href="/home-care-services/transitional-care/" class="care-service-item">Transitional Care</a>
<a href="/home-care-services/nursing-services/" class="care-service-item">Nursing Services</a>
<a href="/home-care-services/postpartum-care/" class="care-service-item">Postpartum Care</a>
<a href="/home-care-services/veteran-care/" class="care-service-item">Veteran Care</a>
</div>
</div>
</div>
</div>
</section>
<script>
function showServices(category) {
// Hide all service sections
const serviceSections = document.querySelectorAll('.service-section');
serviceSections.forEach(section => {
section.classList.remove('active');
});
// Show the selected service section
const selectedSection = document.getElementById(category + '-services');
if (selectedSection) {
selectedSection.classList.add('active');
}
// Update active category
const categories = document.querySelectorAll('.care-category');
categories.forEach(cat => {
cat.classList.remove('active');
});
// Add active class to clicked category
event.target.closest('.care-category').classList.add('active');
}
</script>
<?xml version="1.0"?><!DOCTYPE pdf PUBLIC "-//big.faceless.org//report" "report-1.1.dtd">
<pdf>
<head>
<link name="NotoSans" type="font" subtype="truetype" src="${nsfont.NotoSans_Regular}" src-bold="${nsfont.NotoSans_Bold}" src-italic="${nsfont.NotoSans_Italic}" src-bolditalic="${nsfont.NotoSans_BoldItalic}" bytes="2" />
<#if .locale == "zh_CN">
<link name="NotoSansCJKsc" type="font" subtype="opentype" src="${nsfont.NotoSansCJKsc_Regular}" src-bold="${nsfont.NotoSansCJKsc_Bold}" bytes="2" />
<#elseif .locale == "zh_TW">
<link name="NotoSansCJKtc" type="font" subtype="opentype" src="${nsfont.NotoSansCJKtc_Regular}" src-bold="${nsfont.NotoSansCJKtc_Bold}" bytes="2" />
<#elseif .locale == "ja_JP">
<link name="NotoSansCJKjp" type="font" subtype="opentype" src="${nsfont.NotoSansCJKjp_Regular}" src-bold="${nsfont.NotoSansCJKjp_Bold}" bytes="2" />
<#elseif .locale == "ko_KR">
<link name="NotoSansCJKkr" type="font" subtype="opentype" src="${nsfont.NotoSansCJKkr_Regular}" src-bold="${nsfont.NotoSansCJKkr_Bold}" bytes="2" />
<#elseif .locale == "th_TH">
<link name="NotoSansThai" type="font" subtype="opentype" src="${nsfont.NotoSansThai_Regular}" src-bold="${nsfont.NotoSansThai_Bold}" bytes="2" />
</#if>
</head>
<body padding="0.5in 0.5in 0.5in 0.5in" size="Letter">
<#list records as check>
<#assign use=check.custbody3?eval>
<div style="position: center; font-family: Helvetica, sans-serif; height: 750pt; width: 612pt; page-break-before: avoid; font-size: 8pt;">
<table align="center" border="0.5" cellspacing="0" style="height: 200px ; width: 500px;border-top: none;border-left: none;border-right: none;"><#list use?keys as item><#if item_index==0>
<thead style="border">
<tr>
<th style="border-bottom: 0.5px solid black;border-top: none;border-left: none;">GCI ID/Ref#</th>
<th style="border-bottom: 0.5px solid black;">Begin Date</th>
<th style="border-bottom: 0.5px solid black;">End Date</th>
<th style="border-bottom: 0.5px solid black;">Hours/Inv Amount</th>
<th style="border-bottom: 0.5px solid black;">Amount paid</th>
<th style="border-bottom: 0.5px solid black;">Disc Take</th>
<th style="border-bottom: 0.5px solid black;border-right: none;">Net check Amt</th>
</tr>
</thead>
</#if>
<tr>
<td style="border-left: 0.5px solid black;border-right: 0.5px solid black;">${use[item].billItemEmp?keep_before(" ")} ${use[item].billExpenseEmp?keep_before(" ")}</td>
<td style="border-right: 0.5px solid black;">${use[item].billStartDate}</td>
<td style="border-right: 0.5px solid black;">${use[item].billEndDate}</td>
<td style="border-right: 0.5px solid black;"><#if use[item].billItemQty ==0> <#else>${use[item].billItemQty}</#if><#if use[item].billExpenseAmt ==0><#else>${use[item].billExpenseAmt}</#if></td>
<td style="border-right: 0.5px solid black;">${use[item].originalAmountVal}</td>
<td style="border-right: 0.5px solid black;">${use[item].discTakenVal}</td>
<td style="border-right: 0.5px solid black;">${use[item].paymentAmountVal}</td>
</tr>
</#list><!-- end items --></table>
<br /><br />
<table align="center" border="0.5" cellspacing="0" style="height: 200px ; width: 500px;border-top: none;border-left: none;border-right: none;"><#list use?keys as item><#if item_index==0>
<thead style="border">
<tr>
<th style="border-bottom: 0.5px solid black;border-top: none;border-left: none;">GCI ID/Ref#</th>
<th style="border-bottom: 0.5px solid black;">Begin Date</th>
<th style="border-bottom: 0.5px solid black;">End Date</th>
<th style="border-bottom: 0.5px solid black;">Hours/Inv Amount</th>
<th style="border-bottom: 0.5px solid black;">Amount paid</th>
<th style="border-bottom: 0.5px solid black;">Disc Take</th>
<th style="border-bottom: 0.5px solid black;border-right: none;">Net check Amt</th>
</tr>
</thead>
</#if>
<tr>
<td style="border-left: 0.5px solid black;border-right: 0.5px solid black">${use[item].billItemEmp?keep_before(" ")} ${use[item].billExpenseEmp?keep_before(" ")}</td>
<td style="border-right: 0.5px solid black;">${use[item].billStartDate}</td>
<td style="border-right: 0.5px solid black;">${use[item].billEndDate}</td>
<td style="border-right: 0.5px solid black;"><#if use[item].billItemQty ==0> <#else>${use[item].billItemQty}</#if><#if use[item].billExpenseAmt ==0><#else>${use[item].billExpenseAmt}</#if></td>
<td style="border-right: 0.5px solid black;">${use[item].originalAmountVal}</td>
<td style="border-right: 0.5px solid black;">${use[item].discTakenVal}</td>
<td style="border-right: 0.5px solid black;">${use[item].paymentAmountVal}</td>
</tr>
</#list><!-- end items --></table>
<br /><br />
<table align="center" border="0" cellpadding="1" cellspacing="1" style="height:150px;width:500px;"><tr>
<td style="height: 227px;">
<table border="1" cellpadding="1" cellspacing="1" style="width:501.333px;"><tr>
<td style="height: 69px; width: 137px;"><img src="http://7315200-sb1.shop.netsuite.com/core/media/media.nl?id=1462451&c=7315200_SB1&h=HP_0sf6mRAhLL48xHKSyAAAwG4yLSErFwdbBo4WqoMTmrHBS" style="width: 115px; height: 52px;" /></td>
<td colspan="3" rowspan="1" style="height: 69px; width: 103px;"> <b>BANK OF AMERICA</b><br /> PISCATAWAY<br /> PISCATAWAY, NJ</td>
<td colspan="2" rowspan="1" style="height: 69px; width: 238px;"> </td>
</tr>
<tr>
<td style="height: 68px; width: 137px;"><br /> 110 Allen Road<br /> Basking Ridge, NJ 07920</td>
<td colspan="3" rowspan="1" style="height: 68px; width: 103px;"> </td>
<td style="height: 68px; width: 95px;">
<table border="0" cellpadding="1" cellspacing="1" style="height:5px;width:91.3333px;"><tr>
<td style="width: 84px; height: 17px;"> </td>
</tr></table>
<table align="right" border="1" cellpadding="1" cellspacing="1" style="width: 84.3333px;"><tr>
<td style="width: 77px;">Check Date<br />${check.trandate}</td>
</tr></table>
<table border="0" cellpadding="1" cellspacing="1" style="width: 90.3333px;"><tr>
<td style="width: 83px;"> </td>
</tr></table>
</td>
<td style="height: 68px; width: 132px;">
<table align="right" border="0" cellpadding="1" cellspacing="1" style="width: 85.3333px;"><tr>
<td style="width: 78px; height: 13px; text-align: left;"><span style="font-size:10px;">CHECK # ${check.tranid}</span></td>
</tr></table>
<table align="right" border="1" cellpadding="1" cellspacing="1" style="width: 88.3333px;"><tr>
<td style="width: 81px;">Check Amount<br />${check.total}</td>
</tr></table>
<table align="right" border="0" cellpadding="1" cellspacing="1" style="width:95px;"><tr>
<td style="width: 113px; height: 10px; text-align: right;"> <span style="font-size:8px;"> **Void after 90 days**</span></td>
</tr></table>
</td>
</tr>
<tr>
<td colspan="6" style="height: 23px; width: 494px;"><i>Amount in Words: ${check.totalwords}************************USD</i></td>
</tr>
<tr>
<td style="height: 20px; width: 148px;"><b> Pay to the Order of</b></td>
<td style="height: 20px; width: 148px;"> </td>
<td colspan="4" style="height: 20px; width: 343px;"> </td>
</tr>
<tr>
<td colspan="3" rowspan="1" style="height: 52px; text-align: right;">
<table align="right" border="0" cellpadding="1" cellspacing="1" style="width: 176.333px;"><tr>
<td style="height: 44px; width: 169px; text-align: center;"><span style="font-size:8px;"></span><span style="font-size:8px;">${check.payeeaddress_text}</span></td>
</tr></table>
</td>
<td rowspan="1" style="height: 52px; text-align: right;"> </td>
<td colspan="2" style="width: 247px; height: 52px;">
<table align="right" border="0" cellpadding="1" cellspacing="1" style="width:242px;"><tr>
<td style="width: 236px;"><b> Authorised Signature</b><br /> **Not Valid over 50,000 without two signatures**</td>
</tr></table>
</td>
</tr></table>
</td>
</tr></table>
<br /><br /><br /><br /><br /><!-- Additional sections or styling can be added here --></div>
</#list>
</body>
</pdf>
<?xml version="1.0"?><!DOCTYPE pdf PUBLIC "-//big.faceless.org//report" "report-1.1.dtd">
<pdf>
<head>
<link name="NotoSans" type="font" subtype="truetype" src="${nsfont.NotoSans_Regular}" src-bold="${nsfont.NotoSans_Bold}" src-italic="${nsfont.NotoSans_Italic}" src-bolditalic="${nsfont.NotoSans_BoldItalic}" bytes="2" />
<#if .locale == "zh_CN">
<link name="NotoSansCJKsc" type="font" subtype="opentype" src="${nsfont.NotoSansCJKsc_Regular}" src-bold="${nsfont.NotoSansCJKsc_Bold}" bytes="2" />
<#elseif .locale == "zh_TW">
<link name="NotoSansCJKtc" type="font" subtype="opentype" src="${nsfont.NotoSansCJKtc_Regular}" src-bold="${nsfont.NotoSansCJKtc_Bold}" bytes="2" />
<#elseif .locale == "ja_JP">
<link name="NotoSansCJKjp" type="font" subtype="opentype" src="${nsfont.NotoSansCJKjp_Regular}" src-bold="${nsfont.NotoSansCJKjp_Bold}" bytes="2" />
<#elseif .locale == "ko_KR">
<link name="NotoSansCJKkr" type="font" subtype="opentype" src="${nsfont.NotoSansCJKkr_Regular}" src-bold="${nsfont.NotoSansCJKkr_Bold}" bytes="2" />
<#elseif .locale == "th_TH">
<link name="NotoSansThai" type="font" subtype="opentype" src="${nsfont.NotoSansThai_Regular}" src-bold="${nsfont.NotoSansThai_Bold}" bytes="2" />
</#if>
</head>
<body padding="0.5in 0.5in 0.5in 0.5in" size="Letter">
<#list records as check>
<#assign use=check.custbody3?eval>
<div style="position: center; font-family: Helvetica, sans-serif; height: 750pt; width: 612pt; page-break-before: avoid; font-size: 8pt;">
<table align="center" border="0.5" cellspacing="0" style="height: 200px ; width: 500px;border-top: none;border-left: none;border-right: none;"><#list use?keys as item><#if item_index==0>
<thead style="border">
<tr>
<th style="border-bottom: 0.5px solid black;border-top: none;border-left: none;">GCI ID/Ref#</th>
<th style="border-bottom: 0.5px solid black;">Begin Date</th>
<th style="border-bottom: 0.5px solid black;">End Date</th>
<th style="border-bottom: 0.5px solid black;">Hours/Inv Amount</th>
<th style="border-bottom: 0.5px solid black;">Amount paid</th>
<th style="border-bottom: 0.5px solid black;">Disc Take</th>
<th style="border-bottom: 0.5px solid black;border-right: none;">Net check Amt</th>
</tr>
</thead>
</#if>
<tr>
<td style="border-left: 0.5px solid black;border-right: 0.5px solid black;">${use[item].billItemEmp?keep_before(" ")} ${use[item].billExpenseEmp?keep_before(" ")}</td>
<td style="border-right: 0.5px solid black;">${use[item].billStartDate}</td>
<td style="border-right: 0.5px solid black;">${use[item].billEndDate}</td>
<td style="border-right: 0.5px solid black;"><#if use[item].billItemQty ==0> <#else>${use[item].billItemQty}</#if><#if use[item].billExpenseAmt ==0><#else>${use[item].billExpenseAmt}</#if></td>
<td style="border-right: 0.5px solid black;">${use[item].originalAmountVal}</td>
<td style="border-right: 0.5px solid black;">${use[item].discTakenVal}</td>
<td style="border-right: 0.5px solid black;">${use[item].paymentAmountVal}</td>
</tr>
</#list><!-- end items --></table>
<br /><br />
<table align="center" border="0.5" cellspacing="0" style="height: 200px ; width: 500px;border-top: none;border-left: none;border-right: none;"><#list use?keys as item><#if item_index==0>
<thead style="border">
<tr>
<th style="border-bottom: 0.5px solid black;border-top: none;border-left: none;">GCI ID/Ref#</th>
<th style="border-bottom: 0.5px solid black;">Begin Date</th>
<th style="border-bottom: 0.5px solid black;">End Date</th>
<th style="border-bottom: 0.5px solid black;">Hours/Inv Amount</th>
<th style="border-bottom: 0.5px solid black;">Amount paid</th>
<th style="border-bottom: 0.5px solid black;">Disc Take</th>
<th style="border-bottom: 0.5px solid black;border-right: none;">Net check Amt</th>
</tr>
</thead>
</#if>
<tr>
<td style="border-left: 0.5px solid black;border-right: 0.5px solid black">${use[item].billItemEmp?keep_before(" ")} ${use[item].billExpenseEmp?keep_before(" ")}</td>
<td style="border-right: 0.5px solid black;">${use[item].billStartDate}</td>
<td style="border-right: 0.5px solid black;">${use[item].billEndDate}</td>
<td style="border-right: 0.5px solid black;"><#if use[item].billItemQty ==0> <#else>${use[item].billItemQty}</#if><#if use[item].billExpenseAmt ==0><#else>${use[item].billExpenseAmt}</#if></td>
<td style="border-right: 0.5px solid black;">${use[item].originalAmountVal}</td>
<td style="border-right: 0.5px solid black;">${use[item].discTakenVal}</td>
<td style="border-right: 0.5px solid black;">${use[item].paymentAmountVal}</td>
</tr>
</#list><!-- end items --></table>
<br /><br />
<table align="center" border="0" cellpadding="1" cellspacing="1" style="height:150px;width:500px;"><tr>
<td style="height: 227px;">
<table border="1" cellpadding="1" cellspacing="1" style="width:501.333px;"><tr>
<td style="height: 69px; width: 137px;"><img src="http://7315200-sb1.shop.netsuite.com/core/media/media.nl?id=1462451&c=7315200_SB1&h=HP_0sf6mRAhLL48xHKSyAAAwG4yLSErFwdbBo4WqoMTmrHBS" style="width: 115px; height: 52px;" /></td>
<td colspan="3" rowspan="1" style="height: 69px; width: 103px;"> <b>BANK OF AMERICA</b><br /> PISCATAWAY<br /> PISCATAWAY, NJ</td>
<td colspan="2" rowspan="1" style="height: 69px; width: 238px;"> </td>
</tr>
<tr>
<td style="height: 68px; width: 137px;"><br /> 110 Allen Road<br /> Basking Ridge, NJ 07920</td>
<td colspan="3" rowspan="1" style="height: 68px; width: 103px;"> </td>
<td style="height: 68px; width: 95px;">
<table border="0" cellpadding="1" cellspacing="1" style="height:5px;width:91.3333px;"><tr>
<td style="width: 84px; height: 17px;"> </td>
</tr></table>
<table align="right" border="1" cellpadding="1" cellspacing="1" style="width: 84.3333px;"><tr>
<td style="width: 77px;">Check Date<br />${check.trandate}</td>
</tr></table>
<table border="0" cellpadding="1" cellspacing="1" style="width: 90.3333px;"><tr>
<td style="width: 83px;"> </td>
</tr></table>
</td>
<td style="height: 68px; width: 132px;">
<table align="right" border="0" cellpadding="1" cellspacing="1" style="width: 85.3333px;"><tr>
<td style="width: 78px; height: 13px; text-align: left;"><span style="font-size:10px;">CHECK # ${check.tranid}</span></td>
</tr></table>
<table align="right" border="1" cellpadding="1" cellspacing="1" style="width: 88.3333px;"><tr>
<td style="width: 81px;">Check Amount<br />${check.total}</td>
</tr></table>
<table align="right" border="0" cellpadding="1" cellspacing="1" style="width:95px;"><tr>
<td style="width: 113px; height: 10px; text-align: right;"> <span style="font-size:8px;"> **Void after 90 days**</span></td>
</tr></table>
</td>
</tr>
<tr>
<td colspan="6" style="height: 23px; width: 494px;"><i>Amount in Words: ${check.totalwords}************************USD</i></td>
</tr>
<tr>
<td style="height: 20px; width: 148px;"><b> Pay to the Order of</b></td>
<td style="height: 20px; width: 148px;"> </td>
<td colspan="4" style="height: 20px; width: 343px;"> </td>
</tr>
<tr>
<td colspan="3" rowspan="1" style="height: 52px; text-align: right;">
<table align="right" border="0" cellpadding="1" cellspacing="1" style="width: 176.333px;"><tr>
<td style="height: 44px; width: 169px; text-align: center;"><span style="font-size:8px;"></span><span style="font-size:8px;">${check.payeeaddress_text}</span></td>
</tr></table>
</td>
<td rowspan="1" style="height: 52px; text-align: right;"> </td>
<td colspan="2" style="width: 247px; height: 52px;">
<table align="right" border="0" cellpadding="1" cellspacing="1" style="width:242px;"><tr>
<td style="width: 236px;"><b> Authorised Signature</b><br /> **Not Valid over 50,000 without two signatures**</td>
</tr></table>
</td>
</tr></table>
</td>
</tr></table>
<br /><br /><br /><br /><br /><!-- Additional sections or styling can be added here --></div>
</#list>
</body>
</pdf>
<!doctype html>
<html lang="ar" dir="rtl">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.rtl.min.css" integrity="sha384-dpuaG1suU0eT09tx5plTaGMLBsfDLzUCCUXOY2j/LSvXYuG6Bqs43ALlhIqAJVRb" crossorigin="anonymous">
<title>مرحبًا بالعالم!</title>
</head>
<body>
<h1>مرحبًا بالعالم!</h1>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<!-- Option 2: Separate Popper and Bootstrap JS -->
<!--
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous"></script>
-->
</body>
</html>
Save
Comments