@extends('layouts.app')
@section('title', 'BWSI')

<style type="text/css">
    section.discount-tax{
        background : #FFF;
        padding    : 5px 20px 10px 20px;
        height     : 85%;
        font-size  : 14px;
    }	

    table{
        font-size: 14px;
    }

    .select2-selection__arrow, 
    .select2-selection__clear{
        display : none;
    }    

    div.dataTables_filter input {
        font-size: 14px !important;        
    }    

    #t-01_filter{
        margin-top  : 10px; 
        margin-left : -10px; 
    }

    .page-header{
        margin-bottom: 10px !important;
    }

    .table thead tr th,
    .table tbody tr td{
        padding : 3px 5px !important;
        vertical-align: middle;
    }

    .table thead tr th{
        border-bottom: 0px !important;
        white-space: nowrap;
    }

    .table tbody tr td{
        white-space: nowrap;
        border-bottom: 1px solid #eee;
        vertical-align: middle !important;
    }       
</style>


@section('body')
<section class="discount-tax">
    <div class="row">
        <div class="col-xs-12">   
            <h2 class="page-header">
				List of Customers w/ Sales Discount and Tax
            </h2>
        </div>
    </div>   

    <div class="row">    
        <div class="col-xs-12">
            <div class="nav-tabs-custom">
                <ul class="nav nav-tabs">
                    <li class="active">
                        <a href="#tab_1" data-toggle="tab" aria-expanded="true">Sales Discount</a>
                    </li>
                    <li class="">
                        <a href="#tab_2" data-toggle="tab" aria-expanded="false">Tax</a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane active" id="tab_1">
                        <div class="pull-right" style="margin-bottom: 10px;">
                            <button class="btn btn-sm btn-success" id="btn__sd-add">
                                <i class="fa fa-fw fa-plus"></i>&nbsp;Add Customer
                            </button>
                        </div>      
<!--     <div class="col-xs-3 pull-right">
        <div class="form-group">
            <select id               = "cust__account-id"
                    class            = "form-control select2 select2-hidden-accessible"
                    data-placeholder = "Select"
                    style            = "width: 100%;"
                    aria-hidden      = "true">
            </select>       
        </div>
    </div>                                             
                 -->        <div >
                            <table class="table t__sales-discount" id="t-01">
                                <thead>
                                    <tr class="table-header-bg">
                                        <th>Customer Name</th>
                                        <th>Account Number</th>                                    
                                        <th>Address</th>
                                        <th>Old Account Number</th>
                                        <th>Classification</th>
                                        <th>&nbsp;</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr><td>last</td></tr>
                                </tbody>
                            </table>                      
                        </div>
                    </div>            
                    <div class="tab-pane" id="tab_2">
                        <div class="pull-right" style="margin-bottom: 10px;">
                            <button class="btn btn-sm btn-success" id="btn__tax-add">
                                <i class="fa fa-fw fa-plus"></i>&nbsp;Add Customer
                            </button>
                        </div>                           
                        <div >
                            <table class="table t__tax" id="t-01">
                                <thead>
                                    <tr class="table-header-bg">
                                        <th>Customer Name</th>
                                        <th>Account Number</th>                                    
                                        <th>Address</th>
                                        <th>Old Account Number</th>
                                        <th>Classification</th>
                                        <th>&nbsp;</th>
                                    </tr>
                                </thead>
                            </table>                      
                        </div>                    
                    </div>
                </div>
            </div>   	
        </div>

	</div>          	
</section>  
@endsection

@section('scripts')
<script src="{{ URL::asset('js/helper.js') }}"></script>
<script src="{{ URL::asset('js/elite.js') }}"></script>
<script src="{{ URL::asset('js/teller/discount-tax.js') }}"></script>
@endsection