@extends('admin.layout.app')
@section('content')
    <div class="content-wrapper">
        <section class="content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-12">
                        <div class="card elevation-0">
                            <div class="card-header">
                                <h3 class="card-title"><i class="fas fa-users"></i> Installment Dues report</h3>
                                <div class="card-tools">
                                </div>
                            </div>
                            <div class="card-body pt-0">
                                <div class="table-responsive">
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <th>Sr</th>
                                                <th>Customer Name</th>
                                                <th>Customer Phone</th>
                                                <th>Installment No</th>
                                                <th>Due Amount</th>
                                                <th>Due Date</th>
                                                <th>Action</th>
                                            </tr>
                                        </thead>

                                        <tbody>
                                            @forelse($dueInstallments as $key => $row)
                                                <tr>
                                                    <td>{{ $key + 1 }}</td>
                                                    <td>{{ $row['customer_name'] }}</td>
                                                    <td>{{ $row['customer_phone'] }}</td>
                                                    <td>{{ $row['installment_no'] }}</td>
                                                    <td>{{ number_format($row['due_amount'], 2) }}</td>
                                                    <td>{{ \Carbon\Carbon::parse($row['due_date'])->format('d M Y') }}</td>
                                                    <td>
                                                        @php
                                                            $phone = $row['customer_phone'] ?? '';

                                                            // remove spaces, +, -, brackets
                                                            $phone = preg_replace('/[^0-9]/', '', $phone);

                                                            // ✅ Pakistan format convert 03xx... => 92xx...
                                                            if(strlen($phone) == 11 && substr($phone, 0, 1) == '0'){
                                                                $phone = '92' . substr($phone, 1);
                                                            }

                                                            $msg = "سلام ".$row['customer_name'].
                                                                "، آپ کا بل نمبر ".$row['bill_no'].
                                                                "، قسط Rs ".$row['due_amount'].
                                                                " واجب الادا ہے، براہ کرم اسے جلد از جلد ادا کریں۔".
                                                                " : اسلام آباد ٹائرز اینڈ رمز G10/4، اسلام آباد";
                                                        @endphp

                                                        @if(!empty($phone))
                                                            <a href="https://wa.me/{{ $phone }}?text={{ urlencode($msg) }}"
                                                            target="_blank"
                                                            class="btn btn-sm btn-outline-info">
                                                                <i class="fab fa-whatsapp text-success"></i> Whatsapp
                                                            </a>
                                                        @else
                                                            <span>-</span>
                                                        @endif

                                                    </td>
                                                </tr>
                                            @empty
                                                <tr>
                                                    <td colspan="6" class="text-center">No installment dues found.</td>
                                                </tr>
                                            @endforelse
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
@endsection