@extends('layouts.app')
@section('title', __('Day Book'))
@section('content')
<section class="content-header"><h1>@lang('Day Book')</h1></section>
<section class="content">
    <div class="box box-primary">
        <div class="box-header with-border">
            <div class="row">
                <div class="col-md-4">{!! Form::text('date', date('Y-m-d'), ['class' => 'form-control', 'id' => 'date', 'readonly']) !!}</div>
                <div class="col-md-4">{!! Form::select('location_id', $locations, null, ['class' => 'form-control select2', 'id' => 'location_id', 'placeholder' => __('All Locations')]) !!}</div>
                <div class="col-md-4"><button class="btn btn-primary" id="apply_filter"><i class="fas fa-search"></i> @lang('Apply')</button></div>
            </div>
        </div>
        <div class="box-body">
            <table class="table table-bordered table-striped" id="day_book_table" style="width:100%">
                <thead><tr><th>@lang('Date/Time')</th><th>@lang('Type')</th><th>@lang('Reference')</th><th>@lang('Contact')</th><th class="text-right">@lang('Amount')</th><th>@lang('Status')</th></tr></thead>
            </table>
        </div>
    </div>
</section>
@endsection
@section('javascript')
<script>
$(document).ready(function() {
    $('#date').datepicker({ dateFormat: 'yy-mm-dd', autoclose: true });
    var table = $('#day_book_table').DataTable({ processing: true, serverSide: true,
        ajax: { url: '{{ route("advancedreports.accounts-register.day-book") }}', data: function(d) { d.date = $('#date').val(); d.location_id = $('#location_id').val(); } },
        columns: [{ data: 'transaction_date' },{ data: 'type' },{ data: 'reference' },{ data: 'contact_name' },{ data: 'final_total', className: 'text-right' },{ data: 'payment_status' }]
    });
    $('#apply_filter').click(function() { table.ajax.reload(); });
});
</script>
@endsection