@if ($fee['data']['outstanding_amount'] != 0)
<div class="bg-gray-200 p-4 border-t-2 bg-opacity-5 border-indigo-400 rounded-t mt-5">
    <div class="max-w-sm mx-auto md:w-full md:mx-0">
      <div class="inline-flex items-center space-x-4">
        <h1 class="text-gray-600">{{$fee['data']['student_name']}}</h1>
      </div>
    </div>
  </div>
  <div class="bg-gray-100 space-y-6">
    <div class="md:inline-flex space-y-4 md:space-y-0 w-full p-4 text-gray-500 items-center">
        <div class="md:w-3/4 max-w-sm mx-auto">
          <label class="text-sm text-gray-400">Total Amount</label>
          <div class="w-full inline-flex border">
            <input
              type="text"
              class="w-full focus:outline-none focus:text-gray-600 p-2"
              value="{{$fee['data']['grand_total']}}"
              disabled
            />
          </div>
        </div>
        <div class="md:w-3/4 max-w-sm mx-auto">
            <label class="text-sm text-gray-400">Outstanding Amount</label>
            <div class="w-full inline-flex border">
              <input
                type="text"
                class="w-full focus:outline-none focus:text-gray-600 p-2"
                value="{{$fee['data']['outstanding_amount']}}"
                disabled
              />
            </div>
          </div>
          <div class="md:w-3/4 max-w-sm mx-auto">
            <label class="text-sm text-gray-400">Post Date</label>
            <div class="w-full inline-flex border">
              <input
                type="text"
                class="w-full focus:outline-none focus:text-gray-600 p-2"
                value="{{$fee['data']['posting_date']}}"
                disabled
              />
            </div>
          </div>
          <div class="md:w-3/4 max-w-sm mx-auto">
            <label class="text-sm text-gray-400">Due Date</label>
            <div class="w-full inline-flex border">
              <input
                type="email"
                class="w-full focus:outline-none focus:text-gray-600 p-2"
                value="{{$fee['data']['due_date']}}"
                disabled
              />
            </div>
          </div>
    </div>
    @livewire('payment.list-method', ["fee"=>$fee['data']])
    </div>
  </div>
  @else
  <div></div>
@endif