@extends('mainlayout.layout')

@php

use App\Models\{Property,PropertyOwner,Customer,PropertyPlotPricing,LandUse,User,PropertyPlot};
@endphp
@section('title')
{{env('APP_NAME')}} | {{$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')}}">
<link rel="stylesheet" href="/font-awesome/css/font-awesome.min.css">
@endpush


@section('content')

<div class="row">
    <div class="col-xl-12">
        <div class="card">
            <div class="card-body">
                <label><b>{{$title}}</b></label>

                <p class="text-muted"><b>{{ $orders->total() }}</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>Customer</th>
                                <th>Amount</th>
                                <th>Plot Number</th>
                                <th>Order Type</th>
                                <th>Completion Percentage</th>
                                <th>Status</th>

                                <th>Action</th>
                                <!-- <th></th> -->
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($orders as $index => $order)
                            <tr>
                                <th scope="row">{{ $orders->firstItem() + $index }}</th>
                                <td><a href="/property/orders/view/@encrypt($order->id)"
                                        class="text-coffee  p-1">{{$order->referenceid}}</a></td>
                                <td>{{ optional($order->user)->first_name }} {{ optional($order->user)->last_name }}</td>
                                <td>{{number_format($order->amount,0,'.',',')}}</td>
                                <td>{{ optional($order->plot)->plotnumber ?: '—' }}</td>
                                <td>{{$order->order_type}}</td>
                                <td>{{calculate_percentage_completion($order)}} %</td>
                                <td>{{$order->status_description}}@if($order->ownerDisbursementOrder)<small class="d-block text-success">Paid to owner</small>@elseif((int) $order->status === 2)<small class="d-block text-muted">Awaiting disbursement</small>@endif</td>





                                <td><a href="/property/orders/view/@encrypt($order->id)" class="text-coffee  p-1">View
                                        More</a>
                                </td>


                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                <div class="mt-3">{{ $orders->links() }}</div>

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

@endsection