@extends('layouts.app')
@section('title', __('accounting::lang.cheques'))
@section('content')
@include('accounting::layouts.nav')
<section class="content-header"><h1>@lang('accounting::lang.cheques')</h1></section>
<section class="content">
    <div class="box box-primary">
        <form action="{{ url('accounting/cheques') }}" method="POST" class="box-body">
            @csrf
            <div class="row">
                <div class="col-md-2">{!! Form::select('direction', ['received' => __('accounting::lang.received'), 'paid' => __('accounting::lang.paid')], null, ['class'=>'form-control','required']) !!}</div>
                <div class="col-md-2"><input name="cheque_number" class="form-control" placeholder="@lang('accounting::lang.cheque_number')" required></div>
                <div class="col-md-2"><input name="bank_name" class="form-control" placeholder="@lang('accounting::lang.bank')"></div>
                <div class="col-md-2"><input name="amount" type="number" step="0.01" class="form-control" placeholder="@lang('sale.amount')" required></div>
                <div class="col-md-2"><input name="issue_date" type="date" class="form-control" required></div>
                <div class="col-md-2"><input name="due_date" type="date" class="form-control"></div>
            </div>
            <div class="row" style="margin-top:10px">
                <div class="col-md-3">{!! Form::select('accounting_account_id', $accounts, null, ['class'=>'form-control','placeholder'=>__('accounting::lang.bank_account')]) !!}</div>
                <div class="col-md-3">{!! Form::select('counter_account_id', $accounts, null, ['class'=>'form-control','placeholder'=>__('accounting::lang.counter_account')]) !!}</div>
                <div class="col-md-4"><input name="note" class="form-control" placeholder="@lang('purchase.note')"></div>
                <div class="col-md-2"><button class="btn btn-primary">@lang('messages.save')</button></div>
            </div>
        </form>
    </div>
    <div class="box box-primary">
        <div class="box-body table-responsive">
            <table class="table table-bordered" id="cheques_table">
                <thead>
                    <tr>
                        <th>@lang('accounting::lang.cheque_number')</th>
                        <th>@lang('sale.type')</th>
                        <th>@lang('sale.amount')</th>
                        <th>@lang('accounting::lang.due_date')</th>
                        <th>@lang('sale.status')</th>
                        <th>@lang('messages.action')</th>
                    </tr>
                </thead>
            </table>
        </div>
    </div>
</section>
@endsection
@section('javascript')
<script>
$(function(){
    var table = $('#cheques_table').DataTable({
        processing: true,
        serverSide: true,
        ajax: '{{ route("accounting.cheques") }}',
        columns: [
            {data: 'cheque_number', name: 'cheque_number'},
            {data: 'direction', name: 'direction'},
            {data: 'amount', name: 'amount'},
            {data: 'due_date', name: 'due_date'},
            {data: 'status', name: 'status'},
            {data: 'action', name: 'action', orderable: false, searchable: false}
        ]
    });
});
</script>
@endsection