@extends('layouts.adminapp')
@section('content')

<x-app-flash/>
  <div class="d-flex  justify-content-start py-3">
    <a class="btn btn-primary btn-icon-split btn-sm" href="{{route('RentReport')}}">
        <span class="icon text-white-50">
            <i class="fas fa-arrow-left"></i>
        </span>
        <span class="text">{{__('lng.Back')}}</span>
    </a>
</div>
{{-- <div class="d-flex  justify-content-end p-2">
    <button   class="btn btn-success btn-icon-split btn-sm" data-toggle="modal" data-target="#exampleModal">
        <span class="icon text-white-50">
            <i class="fas fa-money-bill"></i>
        </span>
        <span class="text">{{__('lng.PayFee')}}</span>
    </button>
</div> --}}
    <div class="card shadow mb-4">
        <div class="card-header py-3 ">
            <div class="row">
               <div class="col-lg-2 col-sm-6">
                     <img width="100px" src="{{ asset('assets/images/user_logo.jpg') }}" />
               </div>
               <div class="col-lg-8 col-sm-6 pt-2">
                   @if ($PropertyRent->member_id)
                    <h2 class="m-0 font-weight-bold text-uppercase">{{$PropertyRent->Member->name}}</h2>
                    <h6 class="m-0 font-weight-bold text-uppercase mt-3">
                        <i class="fas fa-mobile pr-2"></i> {{$PropertyRent->Member->contact}}
                        <i class="fas fa-home px-2" ></i>{{$PropertyRent->Member->house->name}}
                    </h6>
                   @else
                    <h2 class="m-0 font-weight-bold text-uppercase">{{$PropertyRent->name}}</h2>
                    <h6 class="m-0 font-weight-bold text-uppercase mt-3">
                        <i class="fas fa-mobile pr-2"></i> {{$PropertyRent->phone}}
                        <i class="fas fa-home px-2" ></i>{{$PropertyRent->address}}
                    </h6>
                   @endif
               </div>
            </div>
        </div>
        <div class="card-body">
            <h5 class="m-0 font-weight-bold my-3  ">
                @if ($Balance > 0)
                {{__('lng.BalanceAmount')}} : <span class="text-danger"> @currency($Balance) <span>
                @else
                {{__('lng.Advance')}} : <span class="text-success"> @currency(abs($Balance)) <span>
                @endif
            </h5>
            <div class="table-responsive">
                <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                    <thead>
                        <tr>
                            <th>{{__('lng.SiNo')}}</th>
                            <th>{{__('lng.Date')}}</th>
                            <th>{{__('lng.Amount')}}</th>
                            <th>{{__('lng.Head')}}</th>
                        </tr>
                    </thead>
                    <tbody id="result-tbl">
                        @php $i=0;@endphp
                        @foreach ($RentPayments as $RentPayment)
                        @php $date =  date("F-d-Y",strtotime($RentPayment->date));@endphp
                            <tr>
                                <td>{{++$i}}</td>
                                <td>{{$date}}</td>
                                <td>@currency($RentPayment->amount)</td>
                                <td>{{$RentPayment->payhead->title}}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        <div class="card-footer">
  
         <form method="POST" action="{{ route('RentPayHistoryReportPrint') }}" enctype='multipart/form-data'>
            @csrf
            <input type="hidden" name="id" value="{{$PropertyRent->id}}">
            <div class="d-flex  justify-content-end p-2">
               <button onclick="getPrint()" type="submit" class="btn btn-info btn-icon-split">
                  <span class="icon text-white-50">
                     <i class="fas fa-print"></i>
                  </span>
                  <span class="text">{{ __('lng.Print') }}</span>
               </button>
            </div>
         </form>
        </div>
    </div>

@endsection