@extends('layouts.app')
@section('title', session('company_code') . ' Elite System')

<style type="text/css">
    section.bill-alteration{
        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  : -30px; 
        margin-left : -10px; 
    }

    #t-02_filter{
        margin-top: -30px;
        margin-left: -5px !important;
    }

    .col-pad{
        padding-bottom: 5px;
    }

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

    address{
        margin-bottom: 10px !important;
    }    	

    div.invoice-info .fa{
    	color : #26a69a;
    }
</style>

@section('body')
<section class="bill-alteration">
    <div class="row"> 
        <div class="col-xs-12">

            <div class="pull-right" style="padding-left: 10px;">
                <button class="btn btn-success" id="btn-view-pending-alterations">
                                        &nbsp;
                    View Pending Alterations                    
                </button>
            </div>    

            <h2 class="page-header">
				Bill Alteration
            </h2>
        </div>
    </div>

    @include('layouts._search-customer')

    <div class="row">
        <div class="col-xs-12 table-responsive">
			@include('billing.alteration._datatable')        	
        </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(mix('js/alteration.js')) }}"></script>
@endsection