
<div class="card mb-g border shadow-0">
    <div class="card-header bg-white p-0 header">
        <div class="p-3 d-flex flex-row">
            <div class="d-block ml-2">
                <span class="h6 font-weight-bold text-uppercase d-block m-0">
                    <?php echo $title;?> 
                </span>
                <div class="clearfix"></div>  
            </div>
        </div>
    </div>

    <div class="card-body">
     <br>
        <ul class="nav nav-pills" role="tablist">
            <li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#list" role="tab" style="font-weight: bold;"><i class="fa fa-bars"></i>Purchase Order List </a></li>
            <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#newrec" role="tab" style="font-weight: bold;"><i class="fa fa-edit"></i> New PO</a></li>
        </ul>
        
        <div class="tab-content p-3">
            <div class="tab-pane fade show active" id="list" role="tabpanel" aria-labelledby="tab-home">                        
                <?php include 'listPo.php';?>
            </div>
            
            <div class="tab-pane fade" id="newrec" role="tabpanel" aria-labelledby="tab-profile">
                <?php include 'newPo.php';?>
            </div>
      
        </div>

    </div>
</div>