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

<style>
    input[type="checkbox"][readonly] {
    pointer-events: none;
    }
</style>
{{-- Salary Package --}}
<x-app-flash/>

   <div class="d-flex  justify-content-start p-2">
    <a class="btn btn-primary btn-icon-split btn-sm" href="{{route('RentPayment.index')}}">
        <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> --}}
    <!-- DataTales Example -->
    <div class="card shadow my-4">
        <div class="card-header py-3">
            <div class="row">
                @if ($PropertyRent->member_id)
                <div class="col-lg-2 col-sm-6">
                   @if ($PropertyRent->Member->photo)
                      <img width="100px" src="{{ asset('storage/Member/Photo/' . $PropertyRent->Member->photo) }}" />
                   @else
                      <img width="100px" src="{{ asset('assets/images/user_logo.jpg') }}" />
                   @endif
                </div>
                <div class="col-lg-8 col-sm-6 pt-2">
                    <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-home px-2"></i> {{$PropertyRent->Member->house->name}}
                        <i class="fas fa-mobile px-2"></i>{{$PropertyRent->Member->contact}}
                    </h6>
                </div>
                @else
                <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">
                    <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-home px-2"></i> {{$PropertyRent->address}}
                        <i class="fas fa-mobile px-2"></i>{{$PropertyRent->phone}}
                    </h6>
                </div>
                @endif
            </div>
        </div>
        <div class="card-body ">
            <h5 class="m-0 font-weight-bold mt-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="row">
                <div class="col-sm-5">
                    <div class="card shadow my-4">
                        <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
                            <h6 class="m-0 font-weight-bold text-primary">{{__('lng.PayRentDetails')}}</h6>
                            <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.PayRent')}}</span>
                            </button>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                                    <thead>
                                        <tr>
                                            <th>{{__('lng.SiNo')}}</th>
                                            <th>{{ __('lng.Month') }}</th>
                                            <th>{{ __('lng.Amount') }}</th>
                                            <th>{{__('lng.Paid')}}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @php
                                            $si=0;
                                            $Month=$month1;
                                            $Year=$year1;
                                            $PayAmount=$RentPayedAmout;
                                        @endphp
                                        @for ($i = 0; $i < $diff; $i++)
                                            <tr>
                                                @php
                                                    if($Month>12)
                                                    {
                                                        $Month=1;$Year++;
                                                    }
                                                    $Date=date('Y-m-d',strtotime($Year."-".$Month."-1"));
                                                    $monthName = date('F-Y',strtotime($Date)); 
                                                    $PayAmount -= $PropertyRent->monthly_rent;

                                                @endphp
                                                <td>{{++$si}}</td>
                                                <th>{{$monthName}} </th>
                                                <td>@currency($PropertyRent->monthly_rent)</td>
                                                <td>
                                                    <input type="checkbox" @if ($PayAmount >= 0 ) checked @endif readonly>
                                                </td>
                                            </tr>
                                            @php
                                            $Month++;
                                            @endphp
                                        @endfor
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="col-sm-7">
                    <div class="card shadow my-4">
                        <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
                            <h6 class="m-0 font-weight-bold text-primary">{{__('lng.PayHistory')}}</h6>
                            {{-- <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-body">
                            <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.PayAmount') }}</th>
                                            <th>{{__('lng.Action')}}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @php $si=0; @endphp
                                        @foreach($PropertyRent->RentPayment->where('isCancelled',0) as $RentPayment)
                                        <tr>
                                            @php $Date =  date("d-m-y",strtotime($RentPayment->date));@endphp
                                            <td>{{++$si}}</td>
                                            <td>{{ $Date }}</td>
                                            <td>@currency($RentPayment->amount)</td>
                                            <td>
                                                <div class="d-flex flex-row align-items-center">
                                                    <span class="mr-3">
                                                        <a href="{{route('RentPaymentReceipt',$RentPayment->id)}}" class="btn btn-primary btn-circle btn-sm" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Receipt">
                                                            <i class="fas fa-receipt"></i>
                                                        </a>
                                                    </span>
                                                    <form method="POST" action="{{route('RentPayment.destroy',$RentPayment->id)}}" Id="form-delete-{{$RentPayment->id}}">
                                                    @csrf
                                                    @method('delete')
                                                    <a class="btn btn-danger btn-circle btn-sm mr-3" onclick="
                                                    event.preventDefault();
                                                    if(confirm('Are you sure delete this'))
                                                    {
                                                        document.getElementById('form-delete-{{$RentPayment->id}}').submit();
                                                    }" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Delete">
                                                        <i class="fas fa-trash"></i>
                                                    </a>
                                                    </form>
                                                </div>
                                            </td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                      </div>

                </div>
            </div>
        </div>
        <div class="card-footer">
            {{-- <p class="mb-0">{{$Students->count()}} {{__('lng.Items')}}</p> --}}
            {{-- {{$Classes->links()}} --}}
        </div>
    </div>


    {{--  Modal  --}}
<div class="modal fade bd-example-modal-lg" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header bg-success py-3">
                <div class="row" style="width: 50%;">
                    <div class="subscription-authority">
                        <h5 class="modal-title text-white pl-4 text-center" id="txtAuthority">
                            @if ($PropertyRent->member_id)
                            {{$PropertyRent->Member->name}}
                            @else
                            {{$PropertyRent->name}}
                            @endif
                        </h5>
                    </div>
                </div>
                <button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form method="POST" action="{{route('RentPayment.store')}}" enctype='multipart/form-data'>
            @csrf
            <div class="modal-body">
                <h5 class="modal-title mb-3 text-dark">{{__('lng.PayRent')}}</h5>
                <div class="row">
                    <div class="col-sm-6 form-group">
                        <input type="hidden" name="property_rent_id" value="{{$PropertyRent->id}}" id="StudentID">
                        <label for="dtDate">{{__('lng.Date')}}</label>
                        <input type="date" value="{{date('Y-m-d')}}" class="form-control @error('date') is-invalid @enderror" name="date" id="dtDate" required/>
                        @error('date')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    @if ($Voucher->vouchernumber == PBConst::VOUCHER_NUMBER_AUTOMATIC)
                        <div class="col-sm-6 form-group">
                            <label for="numAmount">{{__('lng.VoucherNo')}}</label>
                            <input type="number" class="form-control" value="{{$VoucherNo}}" name="vouchernumber" id="numAmount" readonly/>
                        </div>
                    @else
                        <div class="col-sm-6 form-group">
                            <label for="numAmount">{{__('lng.VoucherNo')}}</label>
                            <input type="number" class="form-control" name="vouchernumber" id="numAmount" required/>
                        </div>
                    @endif
                    <div class="col-sm-6 form-group">
                        <label for="cbHead">{{__('lng.Head')}}</label>
                        <select class="form-control" id="cbHead" name="head" >
                            @php
                                echo App\Http\Controllers\PayFeeController::PayFeeHeadListForCombo(0);
                            @endphp
                        </select>
                    </div>
                    <div class="col-sm-6 form-group">
                        <label for="numAmount">{{__('lng.Amount')}}</label>
                        <input type="number" class="form-control" name="amount" id="numAmount" required/>
                    </div>
                    <div class="col-sm-12 form-group">
                        <label for="txtName">{{__('lng.Narration')}}</label>
                        <input type="text" class="form-control" name="narration" id="txtNarration"/>
                    </div>

                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary btn-icon-split mr-2" data-dismiss="modal">
                    <span class="icon text-white-50">
                        <i class="fas fa-times"></i>
                    </span>
                    <span class="text">{{__('lng.Close')}}</span>
                </button>
                <button type="submit" class="btn btn-success btn-icon-split">
                    <span class="icon text-white-50">
                        <i class="fas fa-check"></i>
                    </span>
                    <span class="text">{{__('lng.Save')}}</span>
                </button>
            </div>
            </form>
        </div>
    </div>
</div>




@endsection