@extends('layouts.app')
@section('title', __('home.home'))

@section('content')
<section class="content-header">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb bg-transparent mb-0 pb-0 pt-1 px-0 me-sm-6 me-5">
            <li class="breadcrumb-item text-sm">
              <a class="text-white opacity-7" href="javascript:;">
                <i class="fa far fas fa-building text-sm-i opacity-10"></i> Hostel
              </a>
            </li>
             <li class="breadcrumb-item text-sm text-white">
                Student Room Allocation
            </li>
        </ol>
    </nav>
</section>

<!-- Main content -->
<section class="content content-custom no-print">
	<div class="row">
        <div class="col-md-4 col-xs-12">
        </div>
		<div class="col-md-8 col-xs-12">
            <div class="form-group pull-right">
                <div class="input-group"></div>
            </div>
		</div>
	</div>
     <div class="pad-15">
        <div class="row">
        <!-- /.col -->
        @foreach($hostel as $row)
            @php
                $amountDue = $row->total_invoice - $row->invoice_received - $row->total_ledger_discount;
            @endphp

             <div class="col-md-3 col-sm-6 col-xs-12 col-custom">
                <div class="card card-b-shadow border-radius-lg mb-20">
                  <div class="card-body p-3">
                    <div class="row pad-15 mt-20">
                      <div class="col-md-9 col-xs-9">
                        <div class="numbers mb-20">
                            <a href="/contacts/{{$row->id}}" >
                          <p class="text-sm mb-0 text-uppercase font-weight-bold">{{$row->name }}</p> </a>
                          <h4 class="font-weight-bolder">
                          Roll No - {{$row->id }}            
                          </h4>
                          <p class="mb-0">
                            <span class="text-primary text-sm font-weight-bolder">Total Invoice - </span>
                            {{number_format($row->total_invoice, 2) }}
                          </p>
                          <p class="mb-0">
                            <span class="text-success text-sm font-weight-bolder">Amount Paid - </span>
                            {{number_format($row->invoice_received, 2) }}
                          </p>


                           @if($amountDue > 0)
                               <p class="mb-0">
                                    <span class="text-danger text-sm font-weight-bolder">Amount Due - </span>
                                    {{number_format($amountDue, 2)}}
                                </p>
                            @else
                                <p class="mb-0">
                                    <span class="text-success text-sm font-weight-bolder">Amount Due - </span>
                                    {{number_format($amountDue, 2)}}
                                </p>
                            @endif
                                <p class="mb-0">
                                    <span class="text-warning text-sm font-weight-bolder">Op.Balance - {{number_format($row->opening_balance, 2) }} </span>
                                </p>
                        </div>
                      </div>
                      <div class="col-md-3 col-xs-3 text-end">
                        @if($amountDue > 0)
                        <div class="icon icon-shape bg-gradient-x-danger shadow-danger text-center rounded-circle">
                          <i class="fa fa-exclamation-triangle text-lg opacity-10" aria-hidden="true"></i>
                        </div>
                        @else
                        <div class="icon icon-shape bg-gradient-success shadow-success text-center rounded-circle">
                          <i class="fa fa-user-check text-lg opacity-10" aria-hidden="true"></i>
                        </div>
                        @endif
                      </div>
                    </div>
                  </div>
                </div>
            </div>

                <!-- <div class="col-md-3 col-sm-6 col-xs-12 col-custom">                 
                   <div class="info-box info-box-new-style">
                        <span class="info-box-icon bg-aqua"></span>
                        <div class="info-box-content">
                            <a href="/contacts/{{$row->id}}">
                          <span class="info-box-number total_sell">{{$row->name }}</span> </a>
                          <span class="info-box-text">Roll No - {{$row->id }} </span>
                          <span class="info-box-text">Total Invoice- {{number_format($row->total_invoice, 2) }} </span>
                          <span class="info-box-text">Amount Paid - {{number_format($row->invoice_received, 2) }} </span>
                          @if($amountDue > 0)
                            <span style="color:red; font-weight: bold;" class="info-box-text">Amount Due - {{number_format($amountDue, 2)}}</span>
                            @else
                            <span class="info-box-text">Amount Due - {{number_format($amountDue, 2)}}</span>
                            @endif
                          <span class="info-box-text">Op.Balance - {{number_format($row->opening_balance, 2) }} </span>
                        </div>
                   </div>
                </div> -->
                @endforeach
    </div>
            <!-- can('dashboard.data') end -->
    </div>
</section>
@stop