@extends('dashboards.admins.layouts.admin-dash-layout')
@section('title', 'Collection')

@section('content')


    <!-- Content Header (Page header) -->
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1>Collection Of Fees</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="#">Home</a></li>
                        <li class="breadcrumb-item active">Collection</li>
                    </ol>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </section>

    <!-- Main content -->
    <section class="content">
        <div class="container-fluid">

            <!-- /.card -->

            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Collection Of Fees</h3>
                </div>
                <!-- /.card-header -->
                <div class="card-body">

                    <table id="example2" class="table table-bordered table-striped">
                        <thead>
                            <tr>
                                <th>Student ID</th>
                                <th>Student Name</th>
                                <th>Course ID</th>
                                <th>Total Amount</th>
                                <th>Discount</th>
                                <th>Paid</th>
                                <th>Receivables</th>
                                <th>Pay Way</th>
                                <th>The amount to be paid</th>
                                <!-- <th>Password</th> -->
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($fees as $fin)
                                <tr>
                                    <td>{{ $fin->studentRegno }}</td>
                                    <td>

                                        {{ $arabicName . ' ' . $arabic_name2 . ' ' . $arabic_name3 . ' ' . $arabic_name4 }}

                                    </td>
                                    <td>{{ $fin->course }}</td>
                                    <td>{{ $fin->requiredAmount }}</td>
                                    <td>{{ $fin->discountAmount }}</td>
                                    <td>{{ $fin->paidAmount }}</td>
                                    <td>{{ $fin->requiredAmount - $fin->discountAmount - $fin->paidAmount }}</td>
                                    <form action="{{ route('admin.paid') }}" method="POST">
                                        @csrf
                                        <td>
                                            <select class="custom-select form-control-border" id="exampleSelectBorder"
                                                name="way" required>
                                                <option selected disabled value="">
                                                    Please Select
                                                </option>
                                                <option value="Cash">
                                                    Cash
                                                </option>
                                                <option value="Check">
                                                    Check
                                                </option>
                                                <option value="Visa">
                                                    Visa
                                                </option>
                                                <option value="Online">
                                                    Online
                                                </option>
                                            </select>
                                        </td>
                                        <td>
                                            <input type="number" step=".000001" class="form-control" name="paid"
                                                required placeholder="Enter The Amount" required>
                                            <input type="hidden" value="{{ $fin->studentRegno }}" name="student">
                                            <input type="hidden" value="{{ $fin->course }}" name="course">
                                            <br>
                                            <button type="submit" class="btn btn-primary">Paying</button>
                                        </td>
                                    </form>
                                </tr>
                            @endforeach

                        </tbody>
                        <tfoot>
                            <tr>
                                <th>Student ID</th>
                                <th>Student Name</th>
                                <th>Course ID</th>
                                <th>Total Amount</th>
                                <th>Discount</th>
                                <th>Paid</th>
                                <th>Receivables</th>
                                <th>Pay Way</th>
                                <th>The amount to be paid</th>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </section>
    <!-- /.content -->


@endsection