<?php
\yii\widgets\Pjax::begin(['id' => 'popup_result']);
?>
    <div class="modal_right">
        <div class="ws_model_main_wrapper">
<?php
if($response['result']=='Not Found'){
    $this->registerJs('
        $("#backToTrack").click(function(){
            $.pjax.reload({
                container: "#popup_result", 
                url: "'.\yii\helpers\Url::to(['site/popup']).'", 
                data: {query: '.((int)$post['step']).'},
                history: false
            });
            return false;
        });
    ',\yii\web\View::POS_END);
?>
            <h2>Nothing found.</h2>
            <p>Please check the information you entered.</p>
            <div class="gc_causes_single_form_btn">
                <ul>
                    <li><a href="#" id="backToTrack">Back</a></li>
                </ul>
            </div>
    <?php
}elseif($response['result']=='Found'){
    ?>
        <div class="row">
            <div class="col-md-6">
                <h2>Order #<?=$response['order_id']?></h2>
            </div>
            <div class="col-md-6 text-right">
                <h3>Status: </h3>
            </div>
        </div>
        <p>
            <b>Tracking number: <?=$response['tracking']?$response['tracking']:'Not Assigned'?></b><br /><br />
        </p>

        <div class="row">
            <div class="col-md-6">
                Shipping information: <br />
                <?=$response['first_name']?> <?=$response['last_name']?><br />
                <?=$response['address']?> <?=$response['address1']?><br />
                <?=$response['city']?>, <?=$response['state']?>, <?=$response['country']?>, <?=$response['zip']?><br /><br />
            </div>
            <div class="col-md-6">
                <table border="0" width="100%">
                    <tr>
                        <th style="font-size: 12px;">Title</th>
                        <th style="font-size: 12px; width:50px;text-align: right;">QTY</th>
                    </tr>
                    <? foreach ($response['products'] as $product){ ?>
                        <tr>
                            <td style="font-size: 12px;"><?=$product['title']?></td>
                            <td style="font-size: 12px;" class="text-right">&nbsp;<?=$product['qty']?></td>
                        </tr>
                    <? } ?>
                </table>
            </div>
            <? if($response['checkpoints']){ ?>
                <div class="col-md-12">
                    <h3>Shipment details</h3><br />
                    <ul>
                        <? foreach ($response['checkpoints'] as $checkpoint){ ?>
                            <li style="line-height: 16px;margin-bottom: 5px;">• <?=$checkpoint['message']?> - <?=$checkpoint['date']?><br><span style="font-size: 10px;margin-left: 12px;"><?=$checkpoint['location']?></span> </li>
                        <? } ?>
                    </ul>
                </div>
            <? }?>


            <? if($post['refund']){ ?>
                <? if($response['tracking']){ ?>
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 pt-4">
                        <b>Your order already shipped, please contact support to cancel your order</b>
                        <?=$this->render('popup_contact')?>
                    </div>
                <? }else{ ?>
                    <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="<?=\yii\helpers\Url::to(['site/refund'])?>?order_id=<?=$post['order_id']?>&email=<?=$post['email']?>&first_name=<?=$post['first_name']?>&last_name=<?=$post['last_name']?>&number_first_6=<?=$post['number_first_6']?>&number_last_4=<?=$post['number_last_4']?>" id="RefundOrder">Refund</a></li>
                            </ul>
                        </div>
                    </div>
                <? } ?>
            <? } ?>
        </div>

    <?php
}
?>
        </div>
    </div>
<?php
\yii\widgets\Pjax::end();
?>