Filtry v šablonách

{{ 'contact'|app }}              <!-- /contact -->
{{ 'products/detail'|app }}      <!-- /products/detail -->

{{ 'product'|app({'id': 123}) }}     <!-- /product?id=123 -->
{{ 'search'|app({'q': 'laptop'}) }}  <!-- /search?q=laptop -->

{{ 'about'|page }}               <!-- /about -->
{{ 'blog/post'|page }}           <!-- /blog/post -->

{{ 'blog-post'|page({'slug': 'my-article'}) }}    <!-- /blog/my-article -->
{{ 'product'|page({'id': 456}) }}                 <!-- /product/456 -->

{{ 'assets/css/style.css'|theme }}        <!-- /themes/mytheme/assets/css/style.css -->
{{ 'assets/js/app.js'|theme }}            <!-- /themes/mytheme/assets/js/app.js -->
{{ 'assets/images/logo.png'|theme }}      <!-- /themes/mytheme/assets/images/logo.png -->

<link rel="stylesheet" href="{{ 'assets/css/style.css'|theme }}">
<script src="{{ 'assets/js/app.js'|theme }}"></script>
<img src="{{ 'assets/images/logo.png'|theme }}" alt="Logo">

{{ 'uploads/image.jpg'|media }}          <!-- /storage/app/media/uploads/image.jpg -->
{{ 'documents/manual.pdf'|media }}       <!-- /storage/app/media/documents/manual.pdf -->

{% if product.image %}
    <img src="{{ product.image|media }}" alt="{{ product.name }}">
{% endif %}

{{ 'uploads/photo.jpg'|media|resize(300, 200) }}     <!-- Přesná velikost -->
{{ 'uploads/photo.jpg'|media|resize(300) }}          <!-- Šířka 300px, proporcionální výška -->

{{ image|media|resize(800, 600, {mode: 'crop'}) }}           <!-- Oříznutí -->
{{ image|media|resize(400, 300, {mode: 'stretch'}) }}        <!-- Roztažení -->
{{ image|media|resize(500, 400, {quality: 90}) }}           <!-- Kvalita 90% -->

<picture>
    <source media="(min-width: 1200px)" srcset="{{ image|media|resize(1200, 800) }}">
    <source media="(min-width: 768px)" srcset="{{ image|media|resize(800, 600) }}">
    <img src="{{ image|media|resize(400, 300) }}" alt="{{ alt }}">
</picture>

{{ user.name|default('Anonymní uživatel') }}
{{ product.description|default('Popis není dostupný') }}
{{ settings.title|default('Výchozí název') }}

<h1>{{ page.title|default('Bez názvu') }}</h1>
<p>{{ page.description|default('Popis stránky nebyl zadán.') }}</p>

{{ content|raw }}                    <!-- HTML obsah bude vykreslen -->
{{ '<strong>Text</strong>'|raw }}    <!-- Zobrazí tučný text -->

{{ article.content|raw }}           <!-- Obsah z editoru -->
{{ settings.footer_html|raw }}      <!-- HTML z administrace -->

{{ '**Tučný text**'|md }}           <!-- <strong>Tučný text</strong> -->
{{ '*Kurzíva*'|md }}                <!-- <em>Kurzíva</em> -->

{% set markdownText %}
# Nadpis
Tohle je **tučný text** a tohle *kurzíva*.

- První položka
- Druhá položka

[Odkaz](http://example.com)
{% endset %}

{{ markdownText|md }}

{{ 'Vítejte'|_ }}                   <!-- Přeložený text podle aktuálního jazyka -->
{{ 'Přihlásit se'|_ }}              <!-- Login/Se connecter/etc. -->

{{ 'Zbývá :amount'|_({'amount': price}) }}
{{ 'Vytvořeno :date'|_({'date': created_at}) }}

<button>
    {% if user.isLoggedIn %}
        {{ 'Odhlásit se'|_ }}
    {% else %}
        {{ 'Přihlásit se'|_ }}
    {% endif %}
</button>

{{ 'hello world'|upper }}          <!-- HELLO WORLD -->
{{ 'HELLO WORLD'|lower }}          <!-- hello world -->
{{ 'hello world'|title }}          <!-- Hello World -->

{{ products|length }}               <!-- Počet produktů -->
{{ user.name|length }}              <!-- Délka jména -->

{{ products|slice(0, 5) }}          <!-- Prvních 5 produktů -->
{{ text|slice(0, 100) }}            <!-- Prvních 100 znaků -->

{{ tags|join(', ') }}               <!-- tag1, tag2, tag3 -->
{{ categories|join(' | ') }}        <!-- cat1 | cat2 | cat3 -->

{{ 'now'|date('d.m.Y') }}           <!-- 15.03.2024 -->
{{ created_at|date('H:i') }}        <!-- 14:30 -->
{{ event.date|date('j. n. Y') }}    <!-- 15. 3. 2024 -->

{{ 1234.567|number_format(2, ',', ' ') }}    <!-- 1 234,57 -->
{{ price|number_format(0, ',', ' ') }}       <!-- 1 500 -->

{{ product.name|upper|slice(0, 20)|default('Bez názvu') }}
{{ image|media|resize(400, 300)|default('assets/images/placeholder.jpg'|theme) }}
{{ content|striptags|slice(0, 150)|raw ~ '...' }}

<div class="gallery">
    {% for image in gallery %}
        <div class="gallery-item">
            <picture>
                <source media="(min-width: 768px)" 
                        srcset="{{ image.path|media|resize(800, 600) }}">
                <img src="{{ image.path|media|resize(400, 300) }}" 
                     alt="{{ image.alt|default('Obrázek ' ~ loop.index) }}">
            </picture>
        </div>
    {% endfor %}
</div>

<nav class="main-navigation">
    <a href="{{ 'home'|page }}">{{ 'Domů'|_ }}</a>
    <a href="{{ 'about'|page }}">{{ 'O nás'|_ }}</a>
    <a href="{{ 'products'|page }}">{{ 'Produkty'|_ }}</a>
    <a href="{{ 'contact'|page }}">{{ 'Kontakt'|_ }}</a>
</nav>

<article class="blog-post">
    <header>
        <h1>{{ post.title|default('Bez názvu') }}</h1>
        <time datetime="{{ post.created_at|date('c') }}">
            {{ post.created_at|date('j. n. Y v H:i') }}
        </time>
    </header>
    
    {% if post.featured_image %}
        <img src="{{ post.featured_image|media|resize(800, 400) }}" 
             alt="{{ post.title }}">
    {% endif %}
    
    <div class="content">
        {% if showFullContent %}
            {{ post.content|md }}
        {% else %}
            {{ post.excerpt|default(post.content|striptags|slice(0, 200) ~ '...')|md }}
            <a href="{{ post.slug|page }}">{{ 'Číst více'|_ }}</a>
        {% endif %}
    </div>
</article>

<div class="product-card">
    <div class="product-image">
        {% if product.image %}
            <img src="{{ product.image|media|resize(300, 200) }}" 
                 alt="{{ product.name }}">
        {% else %}
            <img src="{{ 'assets/images/no-product.jpg'|theme }}" 
                 alt="{{ 'Bez obrázku'|_ }}">
        {% endif %}
    </div>
    
    <div class="product-info">
        <h3>{{ product.name|slice(0, 50) }}</h3>
        <p class="price">{{ product.price|number_format(0, ',', ' ') }} {{ 'Kč'|_ }}</p>
        
        {% if product.description %}
            <p class="description">
                {{ product.description|striptags|slice(0, 100) }}...
            </p>
        {% endif %}
        
        <a href="{{ 'product'|page({'slug': product.slug}) }}" class="btn btn-primary">
            {{ 'Zobrazit detail'|_ }}
        </a>
    </div>
</div>