@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-upload')
                <a href="{{ route('loan_schedules.upload') }}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Upload Loan Schedules">
                    <i class="icon-plus"></i> Upload 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">
                        {!! Form::open(['method' => 'post', 'route' => 'loan_schedules.stop']) !!}
                            <button type="submit" class="float-right btn btn-primary" style="margin-top: 10px">Approve</button>
                        <table id="basicExample" class="table custom-table">
                            <thead>
                                <tr>
                                    <th>
                                        <div class="custom-control custom-checkbox">
                                        <input type="checkbox" class="custom-control-input" id="selectAll"/>
                                        <label class="custom-control-label" for="selectAll"></label>
                                    </div>
                                    </th>
                                    <th>S/N</th>
                                    @role('Super Admin')
                                    <th>Organization</th>
                                    @endrole
                                    <th>Employer</th>
                                    <th>Employee No.</th>
                                    <th>Name</th>
                                    <th>Monthly Installment</th>
                                    <th>Tenor</th>
                                    <th>Total Loan Amount</th>
                                    <th>Deduction Start</th>
                                    <th>Deduction End</th>
                                    <th>Status</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php
                                    $total_monthly = 0;
                                    $total_amount = 0;
                                @endphp
                                @foreach($loanSchedules as $sn => $loanSchedule)
                                    <tr>
                                        <td>
                                            <div class="custom-control custom-checkbox">
                                                {{ Form::checkbox('unique_id[]', $loanSchedule->id, $loanSchedule->stop ? true : false, array('class' => 'custom-control-input', 'id' => 'customCheck' . $sn + 1)) }}
                                            <label class="custom-control-label" for="customCheck{{ $sn + 1 }}">&nbsp;</label>
                                            </div>
                                        </td>
                                        <td>{{ $sn + 1 }}</td>
                                        @role('Super Admin')
                                            <td>{{ $loanSchedule->organization->name }}</td>
                                        @endrole
                                        <td>{{ $loanSchedule->source->name }}</td>
                                        <td>{{ $loanSchedule->computer_number }}</td>
                                        <td>{{ $loanSchedule->name }}</td>
                                        <td>₦{{ number_format($loanSchedule->monthly_installment, 2) }}</td>
                                        <td>{{ $loanSchedule->tenor }}</td>
                                        <td>₦{{ number_format($loanSchedule->total_loan_amount, 2) }}</td>
                                        <td>{{ $loanSchedule->deduction_start }}</td>
                                        <td>{{ $loanSchedule->deduction_end }}</td>
                                        <td>
                                            @if($loanSchedule->finish == 1)
                                                @if($loanSchedule->stop == 0)
                                                    <span class="badge badge-primary">Completed</span>
                                                @else
                                                    <span class="badge badge-primary">Stopped</span>
                                                @endif
                                            @else
                                                @if($loanSchedule->stop == 1)
                                                    <span class="badge badge-primary">Stopped</span>
                                                @else
                                                    <span class="badge badge-warning">Running</span>
                                                @endif
                                            @endif
                                        </td>
                                        <td>
                                            <div class="td-actions">
                                                    <a href="{{ url('loan_schedules/view/' . $loanSchedule->id) }}" class="btn btn-info btn-sm" data-toggle="tooltip" data-placement="top" title="View">
                                                        <i class="icon-eye"></i>
                                                    </a>
                                                    &nbsp;
                                                    @if($loanSchedule->stop == 0)
                                                        <a href="{{ url('loan_schedules/stop/' . $loanSchedule->id) }}" class="btn btn-danger btn-sm" data-toggle="tooltip" data-placement="top" title="" data-original-title="Stop Deduction">
                                                            <i class="icon-close"></i>
                                                        </a>
                                                    @endif
                                                    
                                            </div>
                                        </td>
                                    </tr>

                                    @php
                                        $total_monthly += $loanSchedule->monthly_installment;
                                        $total_amount += $loanSchedule->total_loan_amount;
                                    @endphp
                                @endforeach
                            </tbody>
                            <tfoot>
                                <td colspan="4">
                                    <strong>TOTAL</strong>
                                </td>
                                <td>
                                    <strong>₦{{ number_format($total_monthly, 2) }}</strong>
                                </td>
                                <td></td>
                                <td>
                                    <strong>₦{{ number_format($total_amount, 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);
        });

        $('#toggleStop').click(function(e){
            // var table= $(e.target).closest('table');
            // $('td input:checkbox',table).prop('checked',this.checked);

            let token = '@csrf';
            token = token.substr(42, 40);
            $.ajax({
                type: "post",
                url: `{{ url('/loan_schedules/toggle-stop') }}`,
                data: `_token=${token}`,
                error: function(err) {
                    console.log( $($(err.responseText)[1]).text() )
                    debugger;
                }
            });
        });
    </script>
@endpush