@extends('app-new')

@push('head-script')
    <link rel="stylesheet" type="text/css" href="/app-assets/css/components.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/vendors.min.css">
@endpush

@push('content-header')
    <div class="row breadcrumbs-top">
        <div class="col-12">
            <h2 class="content-header-title float-start mb-0">Cooperative Loan + Thrift Fund</h2>
            <div class="breadcrumb-wrapper">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="/">Home</a></li>
                    <li class="breadcrumb-item active">Settlements</li>
                </ol>
            </div>
        </div>
    </div>
@endpush


@section('content')
<section id="column-search-datatable">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-datatable">
                    <div class="table-responsive">
                    <table class="table table-bordered">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Employee</th>
                                <th>Share Amount</th>
                                <th>Thrift Closing Balance</th>
                                <th>Loan Due (incl. interest)</th>
                                <th>Payable Amount</th>
                                <th>Settled Date</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($settlements as $key => $settlement)
                            <tr>
                                <td>{{ $settlements->firstItem() + $key }}</td>
                                <td>{{ optional($settlement->employee)->name ?? '-' }}</td>
                                <td>{{ $settlement->share_amount }}</td>
                                <td>{{ $settlement->thrift_closing_balance }}</td>
                                <td>{{ round($settlement->loan_outstanding_amount + $settlement->loan_interest_backlog_amount, 2) }}</td>
                                <td class="fw-bold {{ $settlement->payable_amount < 0 ? 'text-danger' : 'text-success' }}">
                                    {{ number_format(abs($settlement->payable_amount), 2) }}
                                    <small class="d-block fw-normal">{{ $settlement->payable_amount < 0 ? 'Recoverable from employee' : 'Payable to employee' }}</small>
                                </td>
                                <td>{{ $settlement->settled_date }}</td>
                                <td>
                                    <a class="btn btn-sm btn-icon" href="{{ url($alias.'/cooperative-thrift-settlements/'.$settlement->id.'/view') }}">
                                        <i data-feather="eye" class="font-small-4"></i>
                                    </a>
                                </td>
                            </tr>
                            @empty
                            <tr><td colspan="8" class="text-center">No settlements found</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                    </div>
                    <div class="p-1">
                        {{ $settlements->links('pagination::bootstrap-4') }}
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection

@push('footer-script')
    <script src="/app-assets/js/scripts/ui/ui-feather.js"></script>
<script>
$(function () {
    if (typeof feather !== 'undefined') {
        feather.replace({ width: 14, height: 14 });
    }
});
</script>
@endpush