<div class="col-sm-8 col-sm-offset-1">
    <div class="row gray_ttc">
        <div class="col-sm-12 ">
            <span class="col-sm-12 h3 text-left"> Student Invoice</span>
        </div>
        <div class="col-sm-12">
            <hr><br>
        </div>
        <div class="col-sm-12  text-left">
            <span class="col-sm-12  text-left" style="background-color: #F0F0F0">
                <a href="<?php echo base_url(); ?>">Dashboard</a> -> 
                <a href="">Student Invoice</a> -> 
                View Invoice -> 
                Invoice # <?php echo '123456'; ?>
            </span>
        </div>
        <div class="col-sm-12 ">
            <br>
        </div>
        
        <div class="col-sm-12 ">
            <div class="col-sm-12 text-left">Invoice# <?php echo '123456'; ?></div>
            <hr> 
            <br>
            <br>
        </div>

        <div class="col-sm-12 ">
            <div class="col-sm-6 text-left">
                <address>
                    Billing BY <br>
                    <?php echo 'Student Name'; ?></br>
                    <?php
                    echo '<br>';
                    echo 'Student Country Name';
                    ?>
                </address>
            </div>

            <div class="col-sm-6 text-right">
                <span style="color: green;font-size: 22px;font-weight: bold"> 
                    <?php
                    $status = array('', 'Paid', 'Partial Paid', 'Unpaid', 'Droped', 'Cancel', 'Pending', 'Refund Request', 'Refund');
                    $status_color = array('', 'green', 'blue', 'red', '#dba900', 'red', 'red', 'red', 'red');
                    echo "<span style='color:" . $status_color[1] . "'>" . $status[1] . "</span><br>";
                    ?>
                </span></br><br>
            </div>
            <div class="col-sm-6">
                <address class="text-right">
                    Invoice Date : <span style="margin-left: 30px"> <?php echo '1-1-2017'; ?></span> <br>
                    Invoice Due Date : <span style="margin-left: 5px">  
                        <?php
                        echo '2-1-2017';
                        ?>
                    </span><br>
                </address>
            </div>

        </div>
        <div class="col-sm-12"><br></div>

        <div class="col-sm-12">
            <table style="border: 1px solid #ddd" class="table table-striped table-hover col-sm-12 table-responsive">
                <thead>
                    <tr>
                        <th class="col-sm-6 text-center">Description </th>
                        <th class="col-sm-3 text-center">Unit Price</th>
                        <th class="col-sm-3 text-center">Total</th>
                    </tr>
                </thead>
                <tbody>
                    <tr class="gray_ttc">
                        <td class="col-sm-6 text-left">
                            <a href=""><?php echo 'course description'; ?></a>
                        </td>

                        <td class="col-sm-3 text-center" id="unitPrice">
                            <?php echo '1500'; ?>
                        </td>
                        <td class="col-sm-3 text-right" id="totalPrice">
                            <?php echo '2400'; ?>
                        </td>
                    </tr>
                    <tr class="gray_ttc">
                        <td class="text-right" colspan="2">
                            Sub Total
                        </td>
                        <td class="col-sm-2 text-right" id="totalPrice1">
                            <?php echo '2400'; ?>
                        </td>
                    </tr>
                    <tr class="gray_ttc">
                        <td class="text-right" colspan="2">
                            Discount
                        </td>
                        <td class="col-sm-2 text-right" id="totalPrice1">
                            <?php echo '0'; ?>
                        </td>
                    </tr>
                    <tr class="gray_ttc">
                        <td class="text-right" colspan="2"> Due </td>
                        <td class="col-sm-2 text-right" id="dueAmount">
                            <?php
                            echo '100';
                            ?>
                        </td>
                    </tr>
                    <tr class="gray_ttc">
                        <td class="text-right" colspan="2">
                            Total Paid
                        </td>
                        <td class="col-sm-2 text-right" >
                            <?php echo '1200'; ?>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <!--All modal view-->
</div>
