@extends('admin.layouts.app')

@section('title', 'Pending Customers')

@section('content')
<h4 class="font-weight-bold py-3 mb-0">Pending Customers
  @if ($pendingCount > 0)
    <span class="badge badge-warning ml-2">{{ $pendingCount }}</span>
  @endif
</h4>
<p class="text-muted mb-3">All customers with inactive / pending status — from website registration or added by admin.</p>

<div class="card" style="padding-right:10px;padding-left:10px;">
<div class="card-datatable">
<table id="example" class="table table-striped table-bordered" style="width:100%">
    <thead>
        <tr>
            <th>Photo</th>
            <th>Customer ID</th>
            <th>Customer Name</th>
            <th>Source</th>
            <th>Executive Name</th>
            <th>Contact No</th>
            <th>Email Id</th>
            <th>Address</th>
            <th>Register Date</th>
            <th>Action</th>
        </tr>
    </thead>
    <tbody>
        @foreach ($customers as $row)
            @php
                $isWebsite = $row->isWebsiteRegistration();
                $editUrl = route('admin.customers.edit', $row).($isWebsite ? '?from=registration' : '');
            @endphp
            <tr>
                <td>
                    <img src="{{ $row->photoUrl() }}" class="d-block ui-w-40 rounded-circle" alt="" style="width: 40px;height: 40px;">
                </td>
                <td>{{ $row->CustomerId }}</td>
                <td>{{ trim($row->Fname.' '.$row->Lname) }}</td>
                <td>
                    @if ($isWebsite)
                        <span class="badge badge-info">Website</span>
                    @else
                        <span class="badge badge-secondary">Admin</span>
                    @endif
                </td>
                <td>{{ trim(($row->executive->Fname ?? '').' '.($row->executive->Lname ?? '')) }}</td>
                <td>{{ $row->Phone }}</td>
                <td>{{ $row->EmailId }}</td>
                <td>{{ $row->Address }}</td>
                <td>{{ $row->CreatedDate ? $row->CreatedDate->format('d/m/Y') : '' }}</td>
                <td>
                    <a href="{{ $editUrl }}" class="btn btn-sm btn-primary">Edit / Approve</a>
                </td>
            </tr>
        @endforeach
    </tbody>
</table>
</div>
</div>
@endsection

@push('scripts')
<script type="text/javascript">
$(document).ready(function() {
    $('#example').DataTable({
        order: [[8, 'desc']],
        responsive: false,
        dom: 'Bfrtip',
        buttons: ['excelHtml5']
    });
});
</script>
@endpush