@extends('layouts.app')

@section('title', 'Loan Schedules')

@section('content')
    <!-- Page header start -->
    <div class="page-header">
        <ol class="breadcrumb">
            <li class="breadcrumb-item">Dashboards</li>
            <li class="breadcrumb-item active">Loan Schedules</li>
        </ol>

        <ul class="app-actions">
            <li>
                @can('loan-schedule-list')
                <a href="{{ route('loan_schedules.index') }}" data-toggle="tooltip" data-placement="top" title="" data-original-title="List Loan Schedules">
                    <i class="icon-dehaze"></i> List Loan Schedules
                </a>
                @endcan
            </li>
        </ul>
    </div>
    <!-- Page header end -->

    <!-- Main container start -->
    <div class="main-container">

        <!-- Row start -->
        <div class="row gutters">
            <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="table-container">
                    <div class="t-header">Loan Schedules List</div>
                    <div class="table-responsive">
                        
                        <table id="basicExample" class="table custom-table">
                            <thead>
                                <tr>
                                    <th>S/N</th>
                                    <th>Employer</th>
                                    <th>Computer No</th>
                                    <th>Name</th>
                                    <th>Month</th>
                                    <th>Monthly Installment</th>
                                    <th>Status</th>
                                    <th>Stopped</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php
                                    $total = 0;
                                @endphp
                                @foreach($loanSchedules as $sn => $loanSchedule)
                                    <tr>
                                        <td>{{ $sn + 1 }}</td>
                                        <td>{{ $loanSchedule->loanSchedule->source->name }}</td>
                                        <td>{{ $loanSchedule->computer_number }}</td>
                                        <td>{{ $loanSchedule->loanSchedule->name }}</td>
                                        <td>{{ $loanSchedule->month_year }}</td>
                                        <td>₦{{ number_format($loanSchedule->loanSchedule->monthly_installment, 2) }}</td>
                                        <td>
                                            @if($loanSchedule->status == 1)
                                                <span class="badge badge-primary">Deducted</span>
                                            @else
                                                <span class="badge badge-warning">Not Deducted</span>
                                            @endif
                                        </td>
                                        <td>
                                            @if($loanSchedule->stopped == 0)
                                                <span class="badge badge-primary">Running</span>
                                            @else
                                                <span class="badge badge-danger">Stopped</span>
                                            @endif
                                        </td>
                                    </tr>

                                    @php
                                        $total += $loanSchedule->loanSchedule->monthly_installment;
                                    @endphp
                                @endforeach
                            </tbody>
                            <tfoot>
                                <td colspan="5">
                                    <strong>TOTAL</strong>
                                </td>
                                <td>
                                    <strong>₦{{ number_format($total, 2) }}</strong>
                                </td>
                            </tfoot>
                        </table>
                        {!! Form::close() !!}
                    </div>
                </div>
            </div>
        </div>
        <!-- Row ends -->
    </div>
    <!-- Main container end -->
@endsection

@push('scripts')
    <!-- <script>
        $('#selectAll').click(function(e){
            var table= $(e.target).closest('table');
            $('td input:checkbox',table).prop('checked',this.checked);
        });
    </script> -->
@endpush