@extends('components.layout.master')
@section('title', ' Buyer List')
@section('module-icon', 'mdi mdi-account-outline mr-2')
@section('breadcrumb')
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="javascript:void(0);"></a></li>
    </ol>
@endsection

@section('content')

    <div class="page-content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body">
                            <br>

                            <table id="buyerListTable" class="table table-bordered dt-responsive nowrap"
                                style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                                <thead>
                                    <tr>
                                        <th>No.</th>
                                        <th>Buyer Name</th>
                                        <th>Mobile No</th>
                                        <th>Adhaar verfied ?</th>
                                        <th>PanCard verfied ?</th>
                                        <th>State</th>
                                        <th>City</th>
                                        <th>Address</th>
                                    </tr>
                                </thead>

                                <tbody>
                                    @foreach ($buyers as $key => $buyer)
                                        <tr>
                                            <td>{{ $loop->iteration ?? '' }}</td>
                                            <td>{{ $buyer->buyer_name ?? '' }}</td>
                                            <td>{{ $buyer->mobile_no ?? '' }}</td>
                                            <td>
                                                @if ($buyer->aadhar_verified == 'YES')
                                                    <span class="badge bg-success">Yes</span>
                                                @else
                                                    <span class="badge bg-danger">NO</span>
                                                @endif
                                            </td>
                                            <td>
                                                @if ($buyer->pan_verified == 'YES')
                                                    <span class="badge bg-success">Yes</span>
                                                @else
                                                    <span class="badge bg-danger">NO</span>
                                                @endif
                                            </td>
                                            <td>{{ $buyer->state->state_name ?? ''}}</td>
                                            <td>{{ $buyer->city->city_name ?? '' }}</td>
                                            <td>{{ $buyer->address ?? '' }}</td>

                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>

                        </div>
                    </div>
                </div> <!-- end col -->
            </div> <!-- end row -->

        </div>
    </div>

@endsection


@push('script')
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script>
    <script>
        var reset = true;
        $(document).ready(function() {
            $('#buyerListTable').DataTable({
                "language": {
                    "paginate": {
                        "previous": "<",
                        "next": ">"
                    }
                }
            });
        });
    </script>
@endpush