<?php

$this->registerJs('
        $("#findReOrdTr").click(function(){        
            $.pjax.reload({
                container: "#popup_result", 
                url: "'.\yii\helpers\Url::to(['site/tracking']).'", 
                method: "POST",
                data: $("#orderRecognizeForm").serialize(),
                history: false
            });
            return false;
        });
    ',\yii\web\View::POS_END);
?>


    <div class="ws_model_main_wrapper">
        <h2>Please enter your credentials</h2>
        <form id="orderRecognizeForm">
            <input type="hidden" name="step" value="4" />
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <p>Do you have order number?</p>
                </div>
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="gc_causes_single_forms">
                        <i class="fa fa-globe"></i>
                        <input type="text" name="order_id" placeholder="Order number" />
                    </div>
                </div>
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <br /><p>Or use card information</p>
                </div>
                <div class="col-md-6">
                    <div class="gc_causes_single_forms">
                        <i class="fa fa-user"></i>
                        <input type="text" name="first_name" placeholder="First Name" />
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="gc_causes_single_forms">
                        <i class="fa fa-user"></i>
                        <input type="text" name="last_name" placeholder="Last Name" />
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="gc_causes_single_forms">
                        <i class="fa fa-lock"></i>
                        <input type="text" name="number_first_6" placeholder="Card Number First 6" />
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="gc_causes_single_forms">
                        <i class="fa fa-lock"></i>
                        <input type="text" name="number_last_4" placeholder="Card Number Last 4" />
                    </div>
                </div>
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="gc_causes_single_form_btn">
                        <ul>
                            <li><a href="#" id="findReOrdTr">Find</a></li>
                        </ul>
                    </div>
                    <h6>by clicking  this button, you agree to our <a href="#"> T &amp; C </a> and <a href="#">Security Policy </a></h6>
                </div>
            </div>
        </form>
    </div>