@extends('layouts.dashboard')

@section('content')

<div class="content-wrapper">
    <!-- Main content -->
    <br><br><br>
        @include('inc.contentheader', ['title' => 'Category Statement' ])
    <br>
    <br>

    <section class="content">
          <div class="container-fluid">
            <!-- /.row -->
            <!-- Main row -->
            <div class="">
              <!-- Left col -->
              <div class="">
                <!-- Left col -->
                <section class="col-lg-12 connectedSortable">
                    <div class="card card-primary">
                        <div class="card-header">
                        </div>
                        <div class="card-body">
                            <form method="POST" action="{{ url('/category/generate/statement') }}"
                            id="accountGenerator"
                           role="form" class="panel-heading">
                           @csrf
                               <div class="row all_entries_row">
                                      <div class="col-md-3">
                                        <div class="form-group">
                                            <label for="exampleInputPassword1">Account Number</label>
                                            <br>
                                            <select
                                              class="form-control custom-form-inputs "
                                              name="type"
                                              id="debit_account"
                                             required
                                              >
                                              <option value="">-- Select Type --</option>
                                                <option value="STT">STT</option>
                                                <option value="DLG">DLG</option>
                                              </select>
                                            <span class="invalid-feedback" id="statementClientError"
                                            style="display: none;"></span>
                                        </div>
                                      </div>
                                       <div class="col-md-3">
                                           <div class="form-group">
                                               <label for="exampleInputEmail1">From Date</label>
                                               <input type="date" class="form-control" name="statement_start_date"
                                               id="ledger_start_date"
                                               placeholder="Enter From Date" required>
                                               <span class="invalid-feedback" id="statementStartDateError"
                                               style="display: none;"></span>
                                           </div>
                                       </div>
                                       <div class="col-md-3">
                                           <div class="form-group">
                                               <label for="exampleInputEmail1">To Date</label>
                                               <input type="date" class="form-control" name="statement_end_date"
                                               id="ledger_end_date"
                                               placeholder="Enter To Date" required>
                                               <span class="invalid-feedback" id="statementEndDateError"
                                               style="display: none;"></span>
                                           </div>
                                       </div>
                                       <div class="col-md-3">
                                           <button type="submit" name="action" class="btn btn-success btn-sm journal-search-btn" value="normal">Data</button>
                                           <button type="submit" name="action" class="btn btn-success btn-sm journal-search-btn" value="excel">Excel</button>
                                       </div>
                                   </div>
                            </form>


                        </div>
                      </div>
                </section>
                <!-- /.Left col -->
                <br><br>
              </div>

              <section class="content">
                <div id="loadingDiv" class="loader"></div>
                <div class="container-fluid">
                  <!-- /.row -->
                  <!-- Main row -->
                  <div class="row">
                    <!-- Left col -->
                    <section class="col-lg-12 connectedSortable">
                        <div class="card">
                            <div class="card-header">
                                Category Name:                             </div>
                            <!-- /.card-header -->
                            <div class="card-body">
                                    <div class="card card-primary">
                                        <div class="card-header">
                                        </div>
                                        <!-- /.card-header -->
                                        <hr>
                                        <br>
                                        <div class="table-responsive" id="default_new_ledgers">
                                            <table id="" class="table table-bordered table-striped">
                                                <thead>
                                                    <tr>
                                                        <th>Date</th>
                                                        <th>Account Name</th>
                                                        <th>Description</th>
                                                        <th>Requested By</th>
                                                        <th>Category</th>
                                                        <th>Amount Disbursed</th>

                                                      </tr>
                                                </thead>
                                                <tbody>
                                                         <tr style="color: red;">
                                                            <td>Start Date: {{ date('F d, Y',strtotime($start_date)) }} </td>
                                                            <td></td>
                                                            <td></td>
                                                            <td></td>
                                                         </tr>
                                                    @foreach($account_journal_entries as $entry)
                                                        <tr>
                                                            <td>{{ date('F d, Y',strtotime($entry->created_at)) }}</td>
                                                            <td>