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

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

    table{
        font-size: 14px;
    }

    input[type=number]::-webkit-inner-spin-button, 
    input[type=number]::-webkit-outer-spin-button { 
      -webkit-appearance: none; 
      margin: 0; 
    }  

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

    .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="final-bill">
    <div class="row">
        <div class="col-xs-12">
            <h2 class="page-header">
				Final Bill
            </h2>
        </div>
    </div>

    @include('layouts._search-customer')

    <div class="row">
        <div class="col-xs-12 table-responsive">
            @include('billing.final._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::asset('js/billing/fb.js') }}"></script> -->
<script src="{{ url(mix('js/fb.js')) }}"></script>
@endsection