@if($order->payment_method == 'cc')
    <div class="box">
        <div class="box-header">
            <h3 class="box-title">Credit Card Information</h3>
        </div>
        <div class="box-body no-padding">
            <table class="table table-condensed">
                <tr>
                    <td><strong>Card Type</strong></td>
                    <td style="word-break: break-all;">{{$order->card_type}}</td>
                </tr>
                @if(Auth::user()->role_id == 2  || Auth::user()->role_id == 7)
                    <tr>
                        <td><strong>Name on Card</strong></td>
                        <td style="word-break: break-all;">{{$order->card_name}}</td>
                    </tr>
                    <tr>
                        <td><strong>Card Number <span class="text-info"  onclick="viewCardNumber2()"  style="cursor: pointer">(view)</span></strong></td>
                        <td style="word-break: break-all;"><span id="card_number_hidden2">***************</span><span id="card_number2">{{$order->card_number}}</span></td>
                    </tr>
                    <tr>
                        <td><strong>Validation Code <span class="text-info"  onclick="viewCardCode2()" style="cursor: pointer">(view)</span></strong></td>
                        <td style="word-break: break-all;"><span id="card_code_hidden2">***</span><span id="card_code2">{{$order->card_code}}</span></td>
                    </tr>
                    <tr>
                        <td><strong>Expiration Date</strong></td>
                        <td style="word-break: break-all;">{{$order->card_month}}/{{$order->card_year}}</td>
                    </tr>
                @endif
            </table>
        </div>
    </div>
@endif
{{--INVOICE--}}
@if($order->payment_method == 'invoice')
    <div class="box">
        <div class="box-header">
            <h3 class="box-title">Invoice</h3>
        </div>
        <div class="box-body no-padding">
            <table class="table table-condensed">
                <tr>
                    <td style="width:35%;"><strong>Purchase Order
                            Number</strong></td>
                    <td style="word-break: break-all;">{{$order->id}}</td>
                </tr>
            </table>
        </div>
    </div>
@endif
<script>
    document.getElementById("card_number2").style.display = "none";
    document.getElementById("card_code2").style.display = "none";
    function viewCardNumber2() {
        var x = document.getElementById("card_number2");
        var y = document.getElementById("card_number_hidden2");
        if (x.style.display === "none") {
            x.style.display = "block";
            y.style.display = "none";
        } else {
            x.style.display = "none";
            y.style.display = "block";
        }
    }
    function viewCardCode2() {
        var x = document.getElementById("card_code2");
        var y = document.getElementById("card_code_hidden2");
        if (x.style.display === "none") {
            x.style.display = "block";
            y.style.display = "none";
        } else {
            x.style.display = "none";
            y.style.display = "block";
        }
    }
</script>