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

{% block title %}Tracking - {{ parent() }} {% endblock %}

{% block body %}


{% apply inline_css %}
<style>
.wpcf7-form-control::-moz-selection { /* Code for Firefox */
  color: red;
  background: white;
}
.wpcf7-form-control::selection {
  color: red;
  background: white;
}

.wpcf7-form-control::-webkit-input-placeholder { /* Edge */
  color: black;
}

.wpcf7-form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: black;
}

.wpcf7-form-control::placeholder {
  color: black;
}

</style>
{% endapply %}

<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">
                    Shipment Tracking            </h1>
                                    <div class="page-breadcrumbs">
                    <div class="breadcrumb"><a href="#">Home</a> > <span class="current">Shipment Tracking</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-12 col-xl-12">
            <main id="main" class="site-main">
<article id="post-80" class="post-80 page type-page status-publish hentry without-image">
    <header class="entry-header">
        <h1 class="entry-title">Homepage 02</h1>    
        </header><!-- .entry-header -->
    <div class="entry-content">
                <div data-elementor-type="wp-page" data-elementor-id="80" class="elementor elementor-80">
                        <div class="elementor-inner">
                <div class="elementor-section-wrap">


                    <section class="elementor-section elementor-top-section elementor-element elementor-element-2f3848ff cd-bg-color-white elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="2f3848ff" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
                        <div class="elementor-container elementor-column-gap-no">
                            <div class="elementor-row">
                    <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c9c1a9a cd-bg-color-transparent" data-id="c9c1a9a" data-element_type="column">
                                <div class="elementor-column-wrap elementor-element-populated">
                                                <div class="elementor-widget-wrap">
                                            <div class="elementor-element elementor-element-278ec17e elementor-widget elementor-widget-shortcode" data-id="278ec17e" data-element_type="widget" data-widget_type="shortcode.default">
                                    <div class="elementor-widget-container">
                                        <div class="elementor-shortcode"><div role="form" class="wpcf7" id="wpcf7-f3700-p80-o1" lang="en-US" dir="ltr">
                    <div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div>
                    <form action="{{ path('app_home_tracking_result') }}" method="post" class="wpcf7-form init" data-status="init">

                        <div class="get-quote-form row">
                            <div class="col-sm-12 get-quote-wrap">
                                <h4 class="get-quote-title">TRACK YOUR SHIPMENT</h4>
                                <div class="row">
                                    <div class="col-md-4 col-12">
                                        <p style="font-weight: bold; color: #f05122; font-size: 23px; margin-top: 10px;">Your Consignment Progress</p>
                                    </div>
                                    <div class="col-md-4 col-12">
                                        <span class="wpcf7-form-control-wrap your-last-name"><input type="text" name="awbNo" value="{{beforeAwbno}}" size="40" class="wpcf7-form-control wpcf7-text" aria-invalid="false"  placeholder="Enter Tracking Number" required style="color:black; font-weight:bold; font-size: 18px;" /></span>
                                    </div>
                                    <div class="col-md-4 col-12">
                                        <input type="submit" value="Track Now" class="wpcf7-form-control wpcf7-submit" style="margin-top: 5px;"/>
                                    </div>
                                </div>
                                
                                
                        </div>
                        </div>
                        {# <div class="wpcf7-response-output" aria-hidden="true"></div> #}
                        </form>
                    
                    </div></div>
                </div>
                </div>
                        </div>
                    </div>
        </div>
                                </div>
                    </div>
        </section>


                    
                </div>
            </div>
                    </div>
            </div><!-- .entry-content -->
    </article><!-- #post-80 -->
            </main><!-- #main -->
        </div><!-- #primary -->
            </div>
</div>
    </div><!-- #content -->
    <br>

{% endblock %}