<div class="col-sm-10" >
    <div class="row gray">

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

            <div class="col-sm-8">
                <h4>Payment Details </h4>
            </div>
            <div class="col-sm-4">

                <div class="input-group">
                    <input type="text" class="form-control"  placeholder="Search here..." aria-describedby="basic-addon1">
                    <span class="input-group-addon" id="basic-addon1"><i class="fa fa-search"></i></span>
                </div>
            </div>
        </div>

    </div>
    <br>

    <div class="col-sm-12 gray_ttc text-left" style="border-bottom: 2px solid #a70b0c;padding-top: 10px;padding-bottom: 10px;font-weight: bold">

        <div class="col-sm-3">Description</div>
        <div class="col-sm-2">Unit Price</div>
        <div class="col-sm-1">Quantity</div>
        <div class="col-sm-1">Discount</div>
        <div class="col-sm-2">Total</div>
        <div class="col-sm-2">Date</div>
        <div class="col-sm-1">Action</div>
    </div>
    <div class="col-sm-12"><br></div> 
    <div class="col-sm-12 gray_ttc text-left" >

        <div class="col-sm-3" style="padding: 10px ">Laravel the PHP Framework </div>
        <div class="col-sm-2" style="padding: 10px">10000</div>
        <div class="col-sm-1" style="padding: 10px">1</div>
        <div class="col-sm-1" style="padding: 10px">10%</div>
        <div class="col-sm-2" style="padding: 10px">9000</div>
        <div class="col-sm-2" style="padding: 10px">14/09/2015</div>
        <div class="col-sm-1" style="padding: 10px"><a href="<?php echo base_url() ?>index.php/welcome/payment_invoice">Invoice</a></div>

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

        <div class="col-sm-3" style="padding: 10px ">Laravel the PHP Framework </div>
        <div class="col-sm-2" style="padding: 10px">10000</div>
        <div class="col-sm-1" style="padding: 10px">1</div>
        <div class="col-sm-1" style="padding: 10px">10%</div>
        <div class="col-sm-2" style="padding: 10px">9000</div>
        <div class="col-sm-2" style="padding: 10px">14/09/2015</div>
        <div class="col-sm-1" style="padding: 10px"><a href="payment_invoice.html">Invoice</a></div>
    </div>
    <nav class="course-pagination">
        <ul class="pagination">
            <li>
                <a href="#" aria-label="Previous">
                    <span aria-hidden="true" title="First Page">&laquo;&laquo;</span>
                </a>
            </li>
            <li>
                <a href="#" aria-label="Previous">
                    <span aria-hidden="true" title="Previous Page">&laquo;</span>
                </a>
            </li>
            <li><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li>
                <a href="#" aria-label="Next">
                    <span aria-hidden="true" title="Next Page">&raquo;</span>
                </a>
            </li>
            <li>
                <a href="#" aria-label="Next">
                    <span aria-hidden="true" title="Last Page">&raquo;&raquo;</span>
                </a>
            </li>
        </ul>
    </nav>

    <div class="col-sm-12 ">
        <div class="col-sm-12 gray text-left">
            <label><a href="<?php echo base_url() ?>super_admin">Dashboard </a>->><a href="#"> User Management </a>->> Payment Details</label>
        </div>    
    </div>   

</div>

<!--<script>
if($.browser.chrome) {
   alert('chrome');
} else if ($.browser.mozilla) {
   alert('mozilla');
} else if ($.browser.msie) {
   alert(3);
}
</script>-->