@extends('layouts.dashboard')

@section('title-content')
    <title>{{ config('app.name') }} | Students Payments </title>
@endsection


@section('content')
    <div class="row">
        <div class="col-md-12">


            <div class="boxpane">
                <div class="boxpane-header">
                    <h2 class="blue"><i class="fa-fw fa fa-dashboard"></i>
                        Registration Process - Payments for :
                        <strong>{{ $semester1_fee->user->last_name . ',' . $semester1_fee->user->first_name . ' ' . $semester1_fee->user->middle_name . '(' . $semester1_fee->reg_no . ')' }}</strong>

                    </h2>

                    <div class="boxpane-icon">
                        <ul class="btn-tasks">
                            <li class="dropdown">
                                <a data-toggle="dropdown" href="#">
                                    <i class="icon fa fa-tasks" data-placement="left" title="{{ 'Actions' }}"></i>
                                </a>
                                <ul class="dropdown-menu pull-right" class="tasks-menus" role="menu"
                                    aria-labelledby="dLabel">
                                    <li>
                                        <a href="{{ route('finances.create-student-mean-test') }}">
                                            <i class="fa fa-plus-circle"></i>
                                            {{ 'Add Mean Test' }}
                                        </a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="boxpane-content">
                    <div class="row">
                        <div class="col-md-12">
                            <p class="introtext">
                                Here below is the payments summary please fill in the amount paid by student.Click here to
                                view min-financial statement

                            </p>
                            <p class="introtext">
                                To add or delete student mean test please click the appropriate link &nbsp;

                            </p>
                        </div>
                        <div class="col-md-12">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="icheck-primary m-3 pull-right">
                                        {{ Form::checkbox('mean-test', old('mean-test'), null, ['id' => 'mean-test']) }}
                                        {!! Form::label('mean-test', 'Add/Update Mean Test') !!}

                                    </div>
                                </div>
                            </div>
                            <div class="card m-3" id="mean-test-option" style="display: none">
                                {!! Form::open([
                                    'route' => 'finances.store-mean-test',
                                    'class' => 'create-mean-test',
                                    'method' => 'POST',
                                    'role' => 'form',
                                ]) !!}

                                <div class="card-body bg-light">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                {!! Form::label('tuition_fee', 'Tuition Fee') !!}
                                                {!! Form::text(
                                                    'tuition_fee',
                                                    old('tuition_fee'),
                                                    $errors->has('tuition_fee')
                                                        ? ['placeholder' => 'Tuition Fee.', 'class' => 'form-control is-invalid', 'id' => 'tuition_fee']
                                                        : ['placeholder' => 'Tuition Fee', 'class' => 'form-control', 'id' => 'tuition_fee'],
                                                ) !!}
                                                {!! Form::hidden('user_id', $semester1_fee->user_id) !!}
                                                {!! Form::hidden('reg_no', $semester1_fee->reg_no) !!}
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                {!! Form::button('Add Fee', ['type' => 'submit', 'class' => 'btn btn-warning pull-right mt-4']) !!}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                {{ Form::close() }}
                            </div>
                            @if ($loan != null)
                                <p><strong>Loan Beneficiary</strong></p>
                                <p><strong>Sponsored Tuition Fee : </strong>{{ $srs->formatMoney($loan->tuition_fee) }}</p>
                                <p><strong>Tuition fee to be paid by student : </strong>
                                    {{ $srs->formatMoney($semester1_fee->program->tuition_fee - $loan->tuition_fee) }}</p>

                                <table id="payTable" class="table table-bordered table-hover" style="width: 100%;">
                                    <tr>
                                        <td style='text-align:right;width:20%'><i><strong>Tuition fee Paid </strong></i>
                                            :&nbsp</td>
                                        <td>{{ $srs->formatMoney($total_fee_paid) }}</td>
                                    </tr>
                                    <tr>
                                        <td style='text-align:right;width:20%'><i><strong>Direct Cost Paid </strong></i>
                                            :&nbsp</td>
                                        <td>{{ $srs->formatMoney($total_direct_cost_paid) }}</td>
                                    </tr>
                                    <tr>
                                        <td style='text-align:right;width:20%'><i><strong>Outstanding Tuition
                                                    fee</strong></i> :&nbsp</td>
                                        <td>{{ $fee_outstanding }}</td>
                                    </tr>
                                    <tr>
                                        <td style='text-align:right;width:20%'><i><strong>Out Standing Direct Cost
                                                </strong></i> :&nbsp</td>
                                        <td>{{ $direct_cost_outstanding }}</td>
                                    </tr>
                                </table>
                            @else
                                <table id="payTable" class="table table-bordered table-hover" style="width: 100%;">
                                    <tr>
                                        <td style='text-align:right;width:20%'><i><strong>Tuition fee Paid </strong></i>
                                            :&nbsp</td>
                                        <td>{{ $srs->formatMoney($total_fee_paid) }}</td>
                                    </tr>
                                    <tr>
                                        <td style='text-align:right;width:20%'><i><strong>Direct Cost Paid </strong></i>
                                            :&nbsp</td>
                                        <td>{{ $srs->formatMoney($total_direct_cost_paid) }}</td>
                                    </tr>
                                    <tr>
                                        <td style='text-align:right;width:20%'><i><strong>Outstanding Tuition
                                                    fee</strong></i> :&nbsp</td>
                                        <td>{{ $fee_outstanding }}</td>
                                    </tr>
                                    <tr>
                                        <td style='text-align:right;width:20%'><i><strong>Out Standing Direct Cost
                                                </strong></i> :&nbsp</td>
                                        <td>{{ $direct_cost_outstanding }}</td>
                                    </tr>
                                </table>
                            @endif

                            <div class="form-group">
                                {{ $confirm_payments_link }}
                            </div>

                            <h2 class="text-center">Payments Made Through Banks</h2>
                            @if (!is_null($student_outstanding))
                                <table id="bankTable" class="table table-bordered table-hover" style="width: 100%;">
                                    @foreach ($student_outstanding as $row)
                                        <tr>
                                            <td style='text-align:right;width:20%'>
                                                <i><strong>{{ $row->name }}</strong></i> :&nbsp
                                            </td>
                                            <td>{{ $srs->formatMoney($row->amount_paid) }}</td>
                                            <td><i><strong>{{ $row->channel }}</strong></i></td>
                                        </tr>
                                    @endforeach
                                </table>
                            @else
                                <div class="alert alert-warning alert-dismissable mt-5">
                                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                                    Nothing found!!
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
@endsection

@section('scripts')
    <script src="{{ asset('assets/dashboard/js/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('assets/dashboard/js/dataTables.bootstrap4.min.js') }}"></script>
@endsection