@php
  use App\Models\Fee;use App\Models\Payment;$configData = Helper::appClasses();
@endphp

@extends('layouts/layoutMaster')

@section('title', 'Tuition')

@section('vendor-style')
  <link rel="stylesheet" href="{{asset('assets/vendor/libs/datatables-bs5/datatables.bootstrap5.css')}}">
  <link rel="stylesheet" href="{{asset('assets/vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.css')}}">
  <link rel="stylesheet" href="{{asset('assets/vendor/libs/datatables-buttons-bs5/buttons.bootstrap5.css')}}">

@endsection

@section('vendor-script')
  <script src="{{asset('assets/vendor/libs/moment/moment.js')}}"></script>
  <script src="{{asset('assets/vendor/libs/datatables-bs5/datatables-bootstrap5.js')}}"></script>
@endsection



@section('content')
  <h4 class="py-3 breadcrumb-wrapper mb-4">
    <span class="text-muted fw-light">Student /fees/</span> RRR
  </h4>
  @isset($msg)
    <div class="alert alert-info alert-dismissible d-flex align-items-center" role="alert">
      <i class="bx bx-xs bx-detail me-2"></i>
      {{$msg }}
      <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
      </button>
    </div>

  @endisset

  @error('msg')
  <div class="alert alert-danger alert-dismissible d-flex align-items-center" role="alert">
    <i class="bx bx-xs bx-detail me-2"></i>
    {{$message }}
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
    </button>
  </div>

  @enderror

  <!-- Bootstrap Table with Header - Dark -->
  <div class="card">
    <div class="card-header header-elements">
      <span class=" me-2">PAYMENT FOR {{strtoupper($fee->name)}}</span>

      <div class="card-header-elements ms-auto">
        <button type="button" class="btn btn-sm btn-primary" data-bs-toggle="modal" data-bs-target="#modalCenter">
          <span class="tf-icon bx bx-plus bx-sm me-1"></span>Add Payment</button>
      </div>
    </div>
    {{--    <h5 class="card-header">Dark Table head</h5>--}}
    <div class="table-responsive text-nowrap">
      <table class="table">
        <thead class="table-dark">
        <tr>

          <th>Year</th>
          <th>Level</th>
          <th>Semester</th>
          <th>Amount Paid</th>
          <th>RRR</th>
          <th>Status</th>
          <th>Action</th>

        </tr>
        </thead>
        <tbody class="table-border-bottom-0">

        @foreach($pay as $f)
          @foreach(\App\Models\Payment_rrr::listrrr($f->id) as $rr)
          <tr>
            <td>
              {{$f->payment_year}}
            </td>
            <td>
              {{$f->student_level}}00 Level
            </td>
            <td>
              @if($rr->semester==1) First Semester @else Second Semester @endif
            </td>
            <td>&#8358; {{$rr->amount}}
            </td>
            <td>
              {{$rr->rrr}}
            </td>
            @if($rr->status==0)
              <td>
                <span class="badge bg-label-warning me-1">Not Paid</span>
              </td>
              <td>
                <div class="row">
                  <div class="col-6">
                    <a class="btn btn-primary w-55 my-3" href="{{route('paymentverification',$rr->rrr)}}"  style="color: white">Verify Payment</a>
                  </div>

                </div>
              </td>
            @else
              <td>
                <span class="badge bg-label-success me-1"> Paid</span>
              </td>
              <td></td>

            @endif


           </tr>
          @endforeach
        @endforeach
        </tbody>
      </table>
    </div>
  </div>
  <!--/ Bootstrap Table with Header Dark -->

  <div class="modal fade" id="modalCenter" tabindex="-1" aria-hidden="true">
    <form method="post" action="{{route('payotherfee')}}" >
      @csrf
      <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="modalCenterTitle">Pay For {{$fee->name}}</h5>
            <button
              type="button"
              class="btn-close"
              data-bs-dismiss="modal"
              aria-label="Close"></button>
          </div>
          <div class="modal-body">
            <input type="hidden" name="plevel" id="paylvl" value="{{Auth::user()->s_level}}">
            <input type="hidden" name="pyear" id="payyear" value="{{$current_period->c_year}}">
            <input type="hidden" name="paysess" id="paysess" value="{{$current_period->c_session}}">
            <input type="hidden" name="psem" id="paysem" value="{{$current_semester->id}}">
            <input type="hidden" name="fee" id="fee" value="{{$fee->id}}">
            <table class="table">

              <tbody class="table-border-bottom-0">
              <tr>

                <td>Level</td>
                <td>{{Auth::user()->s_level}}00 Level</td>
              </tr>
              <tr>

                <td>Year</td>
                <td>{{$current_period->c_year}}</td>
              </tr>
              <tr>

                <td>Semester</td>
                <td>{{$current_semester->name}}</td>
              </tr>

              <tr>

                <td>Amount</td>
                <td>{{$fee->full_amount}}</td>
              </tr>


              </tbody>

            </table>

          </div>
          <div class="modal-footer">

            <button type="button" class="btn btn-label-secondary" data-bs-dismiss="modal">
              Close
            </button>
            <button type="submit" class="btn btn-primary">Generate RRR</button>
          </div>
        </div>
      </div>

    </form>
  </div>

@endsection