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

<style type="text/css">
    section.due-dates{
        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="due-dates">
    <div class="row">
        <div class="col-xs-12">
            <h2 class="page-header">
				Due Dates
            </h2>
        </div>
    </div>   

    <div class="row">
        <div class="col-xs-6 table-responsive">
			<table class="table t__due-dates" id="t-01">
				<thead>
					<tr class="table-header-bg">
						<th>Book Code</th>
						<th>Description</th>
						<th>Due Date</th>
						<th style="width: 25%;">New Due Date</th>
						<th>&nbsp;</th>
					</tr>
				</thead>
			</table>     	
        </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/due-dates.js') }}"></script>
@endsection