<script type="text/template" id="profileDetailsTemplate">
    <ul class="nav nav-tabs nav-tabs-primary top-icon nav-justified">
        <li class="nav-item">
            <a href="javascript:void(0);" data-target="#tab1" data-toggle="pill"
               class="nav-link active"><span
                    class="hidden-xs">Customer details</span></a>
        </li>
        <li class="nav-item">
            <a href="javascript:void(0);" data-target="#tab3" data-toggle="pill"
               class="nav-link"><span
                    class="hidden-xs">Orders History</span></a>
        </li>
    </ul>
    <div class="tab-content p-3">
        <div class="tab-pane active" id="tab1">
            <table class="table table-hover table-striped">
                <tbody>
                <tr>
                    <td>
                        <strong>Name: </strong> <%= name %>
                    </td>
                </tr>
                <tr>
                    <td>
                        <strong>Email: </strong> <%= email %>
                    </td>
                </tr>
                <tr>
                    <td>
                        <strong>Phone: </strong> <%= phone %>
                    </td>
                </tr>
                <tr>
                    <td>
                        <strong>Country: </strong> <%= billing_country %>
                    </td>
                </tr>
                <tr>
                    <td><strong>City: </strong> <%= billing_city %></td>
                </tr>
                <tr>
                    <td><strong>State: </strong> <%= billing_state %></td>
                </tr>
                <tr>
                    <td><strong>ZIP: </strong> <%= billing_zip %></td>
                </tr>
                <tr>
                    <td><strong>Address: </strong> <%= billing_address %></td>
                </tr>
                </tbody>
            </table>
        </div>
        <div class="tab-pane" id="tab3">
            <% if(website_orders.length > 0) { %>
                <table class="table table-hover table-striped">
                <thead>
                <tr>
                    <th>Order ID</th>
                    <th>Order Details</th>
                    <th>Price</th>
                    <th>Status</th>
                </tr>
                </thead>
                <tbody>
                <% _.each(website_orders, function(item) { %>
                    <tr>
                        <td><%= item.order_id %></td>
                        <td><a target="_blank" href="/admin/products?product=<%= item.order_product.product.id %>"><%= item.order_product.product.title %></a></td>
                        <td><%= item.order_price %></td>
                        <% if(item.status === 1) { %>
                            <td>Pending</td>
                        <% } %>
                        <% if(item.status === 2) { %>
                        <td>Order Reviewed</td>
                        <% } %>
                        <% if(item.status === 3) { %>
                        <td>Shipped</td>
                        <% } %>
                        <% if(item.status === 4) { %>
                        <td>Completed</td>
                        <% } %>
                        <% if(item.status === 5) { %>
                        <td>Cancelled</td>
                        <% } %>
                        <% if(item.status === 6) { %>
                        <td>Refunded</td>
                        <% } %>
                    <tr>
                <% }); %>
                </tbody>
            </table>
            <% } else { %>
                <p>No Order Found.</p>
            <% } %>
        </div>
    </div>
</script>
<?php /**PATH E:\xampp\htdocs\propco\resources\views/admin/users/profileDetailsTemplate.blade.php ENDPATH**/ ?>