@extends('pwa.template.app.main')


@section('app-content')
<div class="container py-3" >
    <div class="mb-3">
        <a class="text-black" href="{{ route('profile') }}">
            <i class="fa-solid fa-arrow-left me-1"></i> <span>Kembali Ke Profile</span>
        </a>
    </div>
    <div class="mb-3">
        <a class="text-black" href="{{ route('home') }}">
            <h5>Cashflow Desa</h5>

        </a>
    </div>
    <form action="" method="GET">
        <label class="form-label" for="tahun">Periode tahun : </label>
        <div class="d-flex mb-2">
            <input type="number" class="form-control  w-75 me-2" id="tahun" name="tahun" placeholder="Masukkan periode tahun" value="{{$tahun}}" min="1999" max="{{date("Y")}}">
            <button type="submit" class="btn btn-danger w-25">Filter</button>
        </div>
    </form>
    <!--/ Total Revenue -->
    <div class="col-12 col-md-12 col-lg-12 order-3 order-md-2" >
        <div class="row">
            <div class="col-lg-4 mb-3">
                <div class="card">
                    <div class="card-body">
                        <h3 class="card-title mb-2">@currency($pemasukkan - $pengeluaran)</h3>
                        <small class="text-primary fw-semibold">TOTAL DANA</small>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-sm-6 mb-2">
                <div class="card">
                    <div class="card-body">
                        <h3 class="card-title mb-2">@currency($pemasukkan)</h3>
                        <small class="text-success fw-semibold"><i class="bx bx-up-arrow-alt"></i> TOTAL
                            PEMASUKKAN</small>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-sm-6 mb-2">
                <div class="card">
                    <div class="card-body">
                        <h3 class="card-title text-nowrap mb-2">@currency($pengeluaran)</h3>
                        <small class="text-danger fw-semibold"><i class="bx bx-down-arrow-alt"></i> TOTAL
                            PENGELUARAN</small>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <div style="overflow: auto;">
        <table class="table table-striped" id="table-cashflow" >
            <thead>
                <tr>
                    <th>No</th>
                    <th>Nominal</th>
                    <th>Nama</th>
                    <th>Dokumen</th>
                    <th>Deskripsi</th>
                    <th>Jenis</th>
                    <th>Tanggal</th>
                </tr>
            </thead>
            <tbody>
                @forelse ($cashflow as $item)
                <tr>
                    <td>{{$loop->iteration}}</td>
                    <td>@currency($item->nominal)</td>
                    <td>{{$item->nama}}</td>
                    <td> <img width="100" src="{{ asset('storage/' . $item->dokumen) }}" alt="foto"></td>
                    <td>{{$item->deskripsi}}</td>
                    <td>
                        @if ($item->jenis == 1)
                        <span class="alert alert-success p-1">PEMASUKKAN</span>
                        @else
                        <span class="alert alert-danger p-1">PENGELUARAN</span>
                        @endif
                    </td>
                    <td>{{$item->created_at->diffForHumans()}}</td>
                </tr>
                @empty
                <tr>
                    <td colspan="7" class=" text-center">Riwayat Transfer Kosong</td>
                </tr>
                @endforelse
            </tbody>
        </table></div>

</div>
@endsection