<?php

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

<div class="modal_right">
    <div class="ws_model_main_wrapper">
        <h2>let's resolve your problem</h2>
        <p>How may we help you today?</p>
        <br />
        <div class="row">
            <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>
                    <select id="query">
                        <option value="1">I have a question about my purchase.</option>
                        <option value="2">I don't know how to use the product I purchased.</option>
                        <option value="3">I didn't receive what I ordered.</option>
                        <option value="4">I don't recognize this purchase.</option>
                        <option value="5">I want to cancel my order.</option>
                    </select>
                </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="enter">Enter</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>
    </div>
</div>