{% extends 'theme.html.twig' %}

{% block title %} Air Cargo and Freight Services - {{ parent() }} {% endblock %}

{% block body %}

<div class="dilevars-page-title d-flex align-items-center  header-layout-2 title-align-center title-color-white">
    <div class="dilevars-page-title-layer container">
        <div class="row">
            <div class="col-md-12">            
                <h1 class="page-title">
                    {{ blog.title }}                
                </h1>
                <div class="page-breadcrumbs">
                    <div class="breadcrumb"><a href="{{ path('app_home') }}">Home</a> > <span class="dilevars-readcrumb"><a href="{{ path('app_home_blog') }}">Blog</a></span> > <span class="current">Blog Details</span></div>                    </div>
                </div>                
        </div>
    </div>
</div>

    <div id="content" class="site-content"><div class="container">
    <div class="row">

           

            <div id="primary" class="content-area col-sm-12 col-md-12 col-lg-8 col-xl-9">
                <main id="main" class="site-main">
                <article id="post-254" class="post-254 post type-post status-publish format-standard has-post-thumbnail hentry category-international tag-management tag-moving">
    <div class="dilevars-blog-classic">

    {% for blogDetail in blog.blogDetails %}

        <div class="post-thumbnail">
                <img width="771" height="610" src="{{ asset('/public/uploads/blogimage/' ~ blogDetail.imagePath) }}" class="attachment-dilevars-project-detail size-dilevars-project-detail wp-post-image" alt="" decoding="async" />        
        </div><!-- .post-thumbnail -->
                
        <div class="dilevars-blog-classic-inner" style="padding: 40px 30px;">
            <header class="entry-header" >
                <div class="entry-meta" >
                            
                    <span class="posted-on" style="width: 100px;"><a href="#" rel="bookmark">
                        <time class="entry-date published updated" datetime="2020-06-28T16:04:28+00:00">
                        {{ blog.publishDate|date('d') }}            <span>{{ blog.publishDate|date("F, Y") }}</span></time></a>
                    </span>
                </div><!-- .entry-meta -->
            </header><!-- .entry-header -->
                                            
            <div class="entry-content" style="text-align: justify;">
                <p>
                {{ blogDetail.content|markdown_to_html|sanitize_html }}
                </p>
            </div><!-- .entry-content -->
                                    
        </div>

    {% endfor %}


    </div>
</article><!-- #post-254 -->        

    
            

    
                </main><!-- #main -->
            </div><!-- #primary -->



        <aside id="secondary" class="widget-area sidebar col-sm-12 col-md-12 col-lg-4 col-xl-3 column">
    


            <section id="dilevars-recent-posts-1" class="widget widget_dilevars_recent_entries">        <h2 class="widget-title">Recent Posts</h2>        
             <ul>

                        {% for blog in blogs %}
                                            <li>
                                            <div class="dilevars-post-image">
                            <img width="200" height="200" src="{{ asset('/public/uploads/bloglistimage/' ~ blog.listImage) }}" class="attachment-thumbnail size-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" />                        </div>
                                        <div class="dilevars-post-content">
                                                    <span class="dilevars-post-date">{{ blog.publishDate|date("F d, Y") }}</span>
                                                <a href="{{ path('app_home_blog_details', {'id': blog.id, 'slug': blog.slug}) }}" aria-current="page">{{ blog.title }}</a>
                                    </div>
                                </li>
                        {% endfor %}

                    </ul>
        </section>
        


</aside><!-- #secondary -->

    </div>
</div>
    </div><!-- #content -->

{% endblock %}