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


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

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

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

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

    .select2-selection__clear{
        display : none;
    }      

    .remove-from-list:hover{
        cursor: pointer;
    }
</style>


@section('body')
<section class="no-duedate">
    <div class="row">
        <div class="col-xs-12">
            <h2 class="page-header">
                List of Customers With No Due Date
            </h2>            
        </div>
    </div>
    <div class="row">
        <div class="col-xs-8 customers">
            <table class="table table-condensed t-customers" id="t-customers">
                <thead>
                    <tr class="table-header-bg">
                        <th>#</th>
                        <th>Account No.</th>
                        <th>Book</th>
                        <th>SeQ.</th>                        
                        <th>Customer Name</th>
                        <th>Class</th>
                        <th>&nbsp;</th>
                    </tr>
                </thead>
            </table>
        </div>    
        <div class="col-xs-4">
            <div class="input-group">
                <select id               = "cust__account-id"
                        class            = "form-control select2 select2-hidden-accessible"
                        data-placeholder = "Select Customer"
                        style            = "width: 100%;"
                        aria-hidden      = "true">
                </select>
                <span class="input-group-btn">
                    <button type="button" class="btn btn-primary btn-flat" id="btn-add-to-list">
                        <i class="fa fa-plus"></i>                        
                        &nbsp;ADD TO LIST
                    </button>
                </span>
            </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/csr/no-duedate.js') }}"></script>
@endsection