@extends('layouts.adminapp')

@section('content')

{{-- Trail Balance --}}
<x-app-flash/>

  <h1 class="h3 mb-2 text-gray-800">{{__('lng.TrailBalance')}}</h1>

  <div class="card shadow mb-4">
    <div class="container">
        <div class="row py-3">
            <div class="col-sm-3 form-group">
                <label for="dtFrom">{{__('lng.FromDate')}}</label>
                <input type="date" class="form-control" name="from_dt" id="dtFrom"/>
            </div>
            <div class="col-sm-3">
                <label for="dtTo">{{__('lng.ToDate')}}</label>
                <input type="date" class="form-control" name="to_dt" id="dtTo"/>
            </div>
            <div class="col-sm-3">
                <label for="cbVoucherType">{{__('lng.VoucherType')}}</label>
                <select class="form-control" id="cbVoucherType" name="vouchertype_id" >
                    <option value="0" selected>{{__('lng.All')}}</option>
                    @php
                        echo App\Http\Controllers\VoucherTypeController::VoucherTypeCombo(0);
                    @endphp
                </select>
            </div>
            <div class="col-sm-3">
                <label for="cbLedger">{{__('lng.Ledger')}}</label>
                <select class="form-control" id="cbLedger" name="ledeger_id" >
                    <option value="0" selected>{{__('lng.All')}}</option>
                    @php
                        echo App\Http\Controllers\AccountLedgerController::AccountLedgerListForCombo(0);
                    @endphp
                </select>
            </div>
            <div class="col-sm-12">
                <button onclick="SearchAccountLedger()" class="btn btn-primary float-right" type="button">
                    <span class="icon text-white-50">
                        <i class="fas fa-search"></i>
                    </span>
                    <span class="text">{{__('lng.Search')}}</span>
                </button>
            </div>
        </div>
    </div>
</div>
    
    <!-- DataTales Example -->
    <div class="card shadow mb-4">
        <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
            <h6 class="m-0 font-weight-bold text-primary">{{__('lng.DetailsTable')}}</h6>
            <div class="input-group w-25">
              <input type="text" class="form-control bg-light border-0 small" placeholder="{{__('lng.SearchFor')}}" aria-label="Search" aria-describedby="basic-addon2">
              <div class="input-group-append">
                <button class="btn btn-primary" type="button">
                    <i class="fas fa-search fa-sm"></i>
                </button>
              </div>
            </div>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                    <thead>
                        <tr>
                            <th>{{__('lng.SiNo')}}</th>
                            <th>{{__('lng.AccountLedger')}}</th>
                            <th>{{__('lng.OpeningBalance')}}</th>
                            <th>{{__('lng.Debit')}}</th>
                            <th>{{__('lng.Credit')}}</th>
                            <th>{{__('lng.Closing')}}</th>
                        </tr>
                    </thead>
                    <tbody id="result-tbl">

                    </tbody>
                </table>
                
            </div>
        </div>
        <div class="card-footer">
            <form method="POST" action="{{route('LedgerReportPrint')}}" enctype='multipart/form-data'>
            @csrf
                <input type="hidden" name="from" id="FromDate">
                <input type="hidden" name="to" id="ToDate">
                <input type="hidden" name="vouchertype" id="Voucher">
                <input type="hidden" name="ledger" id="Ledger">
            <div class="d-flex  justify-content-end p-2">
                <button type="submit" class="btn btn-info btn-icon-split">
                    <span class="icon text-white-50">
                        <i class="fas fa-print"></i>
                    </span>
                    <span class="text">{{__('lng.Print')}}</span>
                </button>
            </div>
            </form>
        </div>
    </div>

<script>
    function SearchAccountLedger() {
        var From = document.getElementById('dtFrom').value;
        var To = document.getElementById('dtTo').value;
        var VoucherType = document.getElementById('cbVoucherType').value;
        var Ledger = document.getElementById('cbLedger').value;
        
        document.getElementById('FromDate').value=From;
        document.getElementById('ToDate').value=To;
        document.getElementById('Voucher').value=VoucherType;
        document.getElementById('Ledger').value=Ledger;

        $.ajax({
            url: '{{ route('SearchAccountLedger') }}',
            method: "get",
            data: {_token: '{{ csrf_token() }}',from:From,to:To,ledger:Ledger,vouchertype:VoucherType},
            success: function (response){  
                document.getElementById('result-tbl').innerHTML=response; 
            }
        });
    }
</script>

@endsection