@extends('mainlayout.layout')


@section('title')
@endsection

@push('css')
<link href="{{ asset('/web/assets/libs/bootstrap-datepicker/css/bootstrap-datepicker.min.css')}}" rel="stylesheet"
    type="text/css">
<link rel="stylesheet" href="{{ asset('/web/assets/libs/@chenfengyuan/datepicker/datepicker.min.css')}}">



@endpush


@php

use App\Models\{Property,PropertyOwner,Order,Transactions,User};

$customer=User::find($order->userid);
$transactions=Transactions::query();
$transactions=$transactions->where('reference',$order->referenceid)->get();
@endphp


@section('content')

<!-- start page title -->
<div class="row">
    <div class="col-12">
        <div class="page-title-box d-flex align-items-center justify-content-between">
            <a href="/customers/view_customer/@encrypt($customer->uid)">
                <h4 class="mb-0 font-size-18">ORDER [ {{Property::find($order->propertyid)->name}}:
                    {{$order->referenceid}} ] By [ {{$customer->first_name}}
                    {{$customer->middle_name}}
                    {{$customer->last_name}} ]
                </h4>
            </a>
        </div>
    </div>
</div>
<!-- end page title -->

<div class="row">


    <div class="col-lg-12">
        <div class="card">
            <div class="card-body">
                <!--  <div class="row">
                    <div class="col-10">
                        <h4 class="card-title" style="display:inline">Details</h4>
                    </div>
                    <div class="col-2">
                        <a href="/customers/edit_customer/@encrypt($customer->uid)" class="btn btn-warning"
                            style="width:100%">
                            <i class="bx bxs-cog align-middle mr-1"></i> Edit
                        </a>

                    </div>


                </div> -->


                <div class="row mt-2">


                    <div class="col-lg-12 align-items-left mt-2">
                        <div class="text-lg-left mt-4 mt-lg-0">
                            <div class="row mb-4">



                                <div class="col-2">
                                    <div>
                                        <p class="text-muted mb-2">Reference</p>
                                        <h5 class="mb-0">{{$order->referenceid}}</h5>
                                    </div>
                                </div>



                                <div class="col-2">
                                    <div>
                                        <p class="text-muted mb-2">Status</p>
                                        <h5 class="mb-0">{{$order->status_description}}</h5>
                                    </div>
                                </div>


                                <div class="col-2">
                                    <div>
                                        <p class="text-muted mb-2">Amount To Be Paid</p>
                                        <h5 class="mb-0">TZS {{ number_format($order->amount,0,'.',',') }}</h5>
                                    </div>
                                </div>

                                <div class="col-2">
                                    <div>
                                        <p class="text-muted mb-2">Order Type</p>
                                        <h5 class="mb-0">{{$order->order_type}}</h5>
                                    </div>
                                </div>

                                <div class="col-2">
                                    <div>
                                        <p class="text-muted mb-2"> Total Transaction</p>
                                        <h5 class="mb-0">{{$transactions->count()}}</h5>
                                    </div>
                                </div>

                                <div class="col-2">
                                    <div>
                                        <p class="text-muted mb-2">Amount Paid</p>
                                        <h5 class="mb-0">TZS {{
                                            number_format($transactions->sum('amount_paid'),0,'.',',')}}</h5>
                                    </div>
                                </div>





                            </div>
                            <div class="row mb-4">
                                <div class="col-2">
                                    <div>
                                        <p class="text-muted mb-2">Customer Name</p>
                                        <a href="/customers/view_customer/@encrypt($customer->uid)">
                                            <h5 style="color:orange;" class="mb-0">{{$customer->first_name}}
                                                {{$customer->middle_name}}
                                                {{$customer->last_name}}</h5>
                                        </a>
                                    </div>
                                </div>

                            </div>

                        </div>
                    </div>

                </div>




            </div>
        </div>

    </div>

</div>


<div class="row">
    <div class="col-xl-12">
        <div class="card">
            <div class="card-body">

                <p class="text-muted"><b>{{count($transactions)}}</b> Results found</p>

                <div class="table-responsive">

                    <table id="datatable-buttons" class="table table-striped table-bordered dt-responsive nowrap"
                        style="border-collapse: collapse; border-spacing: 0; width: 100%;">

                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Reference ID</th>
                                <th>Amount Paid</th>
                                <th>Receipt</th>
                                <th>Transaction ID</th>
                                <th>Source Institution</th>
                                <th>Status </th>
                                <th>Occured On</th>
                                <!-- <th></th> -->
                            </tr>
                        </thead>
                        <tbody>
                            @php

                            $total_paid=0;
                            @endphp
                            @foreach($transactions as $index => $transaction)
                            @php
                            $total_paid=$total_paid+$transaction->amount_paid;
                            @endphp
                            <tr>
                                <th scope="row">{{++$index}}</th>
                                <td>{{$transaction->reference}}</td>
                                <td>TZS {{number_format($transaction->amount_paid,0,'.',',') }}</td>
                                <td>{{$transaction->receipt}}</td>
                                <td>
                                    {{$transaction->transactionId}}
                                </td>
                                <td>{{$transaction->sourceInstitution}}</td>
                                <td>{{$transaction->status_description}}</td>

                                <td>{{$transaction->created_at}}</td>

                                <!--  <td> <a href="/customers/delete_customer/{{$customer->uid}}"
                                        class="text-danger p-1"><i class="bx bxs-trash"></i></a></td> -->

                            </tr>
                            @endforeach


                        </tbody>
                        <tfoot>
                            <tr style="background-color:#34495e;padding:0.5em 0.25em; color:#ffffff;">
                                <td colspan="2"><b>TOTA</b></td>
                                <td colspan="6"><b>TZS {{number_format($total_paid,0,'.',',')}} </b></td>




                            </tr>

                        </tfoot>
                    </table>
                </div>

            </div>
        </div>
    </div>
</div>


@endsection


@push('scripts')

<script src="{{ asset('/web/assets/libs/@chenfengyuan/datepicker/datepicker.min.js')}}"></script>

<script src="{{ asset('/web/assets/libs/bootstrap-datepicker/js/bootstrap-datepicker.min.js')}}"></script>

@endpush