@extends('admin.template.app')
@section('title', 'kyc verification')

@section('content')
    @php
        $image =
            'https://th.bing.com/th/id/OIP.96jr1HSRWR7xgokN2rZrSAHaLH?w=133&h=108&c=7&qlt=90&bgcl=d59854&r=0&o=6&pid=13.1';
    @endphp

    <div class="container-fluid px-4">
        {{-- <h1 class="mt-4">App Configuration</h1> --}}
        <div class="d-flex justify-content-between align-items-center mt-4">
            <h1 class="mb-0">Kyc Verification</h1>
            <a href="#" class="btn btn-primary">
                Add new config
            </a>
        </div>
        <table class="table table-striped">
            <thead>
                <tr>
                    <th scope="col">SN.</th>
                    <th scope="col">User Name</th>
                    <th scope="col">Photo</th>
                    <th scope="col">Phone number</th>
                    <th scope="col">Nationality</th>
                    <th scope="col">Gender</th>
                    <th scope="col">Bank name</th>
                    <th scope="col">Account holder name</th>
                    <th scope="col">Account number</th>
                    <th scope="col">Passport No.</th>
                    <th scope="col">Date of birth</th>
                    <th scope="col">Date of issue</th>
                    <th scope="col">Expired date</th>
                    <th scope="col">passport photo font</th>
                    <th scope="col">passport photo back</th>
                    <th scope="col">compony name</th>
                    <th scope="col">compony address</th>
                    <th scope="col">Status</th>
                    <th scope="col">Action</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <th scope="row">1</th>
                    <td>John Doe</td>
                    <td><img src="{{ $image }}" alt="photo" width="60"></td>
                    <td>+8801712345678</td>
                    <td>Bangladeshi</td>
                    <td>Male</td>
                    <td>DBBL</td>
                    <td>John Doe</td>
                    <td>1234567890</td>
                    <td>P1234567</td>
                    <td>1990-05-10</td>
                    <td>2020-01-01</td>
                    <td>2030-01-01</td>
                    <td><img src="{{ $image }}" alt="passport front" width="60"></td>
                    <td><img src="{{ $image }}" alt="passport back" width="60"></td>
                    <td>ABC Ltd.</td>
                    <td>Dhaka, Bangladesh</td>
                    <td>Pending</td>
                    <td>
                        <div class="dropdown">
                            <button class="btn btn-primary dropdown-toggle" type="button" data-bs-toggle="dropdown"
                                aria-expanded="false">
                                Status
                            </button>
                            <ul class="dropdown-menu">
                                <li><a class="dropdown-item" href="#">Approved</a></li>
                                <li><a class="dropdown-item" href="#">Rejected</a></li>
                                <li><a class="dropdown-item" href="#">Pending</a></li>
                            </ul>
                        </div>
                    </td>
                </tr>
                <tr>
                    <th scope="row">2</th>
                    <td>Jane Smith</td>
                    <td><img src="{{ $image }}" alt="photo" width="60"></td>
                    <td>+8801812345678</td>
                    <td>Indian</td>
                    <td>Female</td>
                    <td>BRAC Bank</td>
                    <td>Jane Smith</td>
                    <td>2234567890</td>
                    <td>P7654321</td>
                    <td>1995-08-15</td>
                    <td>2019-03-12</td>
                    <td>2029-03-12</td>
                    <td><img src="{{ $image }}" alt="passport front" width="60"></td>
                    <td><img src="{{ $image }}" alt="passport back" width="60"></td>
                    <td>XYZ Corp.</td>
                    <td>Chittagong, Bangladesh</td>
                    <td>Pending</td>
                    <td>
                        <button class="btn btn-primary">Approved</button>
                    </td>
                </tr>
                <tr>
                    <th scope="row">3</th>
                    <td>Rahim Uddin</td>
                    <td><img src="{{ $image }}" alt="photo" width="60"></td>
                    <td>+8801912345678</td>
                    <td>Bangladeshi</td>
                    <td>Male</td>
                    <td>Islami Bank</td>
                    <td>Rahim Uddin</td>
                    <td>3234567890</td>
                    <td>P9988776</td>
                    <td>1988-11-20</td>
                    <td>2018-06-10</td>
                    <td>2028-06-10</td>
                    <td><img src="{{ $image }}" alt="passport front" width="60"></td>
                    <td><img src="{{ $image }}" alt="passport back" width="60"></td>
                    <td>Rahim Traders</td>
                    <td>Sylhet, Bangladesh</td>
                    <td>Pending</td>
                    <td>
                        <button class="btn btn-primary">Approved</button>
                    </td>
                </tr>
                <tr>
                    <th scope="row">4</th>
                    <td>Ayesha Khan</td>
                    <td><img src="{{ $image }}" alt="photo" width="60"></td>
                    <td>+8801612345678</td>
                    <td>Pakistani</td>
                    <td>Female</td>
                    <td>City Bank</td>
                    <td>Ayesha Khan</td>
                    <td>4234567890</td>
                    <td>P5544332</td>
                    <td>1992-02-25</td>
                    <td>2021-07-01</td>
                    <td>2031-07-01</td>
                    <td><img src="{{ $image }}" alt="passport front" width="60"></td>
                    <td><img src="{{ $image }}" alt="passport back" width="60"></td>
                    <td>Khan Enterprise</td>
                    <td>Khulna, Bangladesh</td>
                    <td>Pending</td>
                    <td>
                        <button class="btn btn-primary">Approved</button>
                    </td>
                </tr>
                <tr>
                    <th scope="row">5</th>
                    <td>Michael Lee</td>
                    <td><img src="{{ $image }}" alt="photo" width="60"></td>
                    <td>+8801512345678</td>
                    <td>Chinese</td>
                    <td>Male</td>
                    <td>Standard Bank</td>
                    <td>Michael Lee</td>
                    <td>5234567890</td>
                    <td>P1122334</td>
                    <td>1985-09-05</td>
                    <td>2017-04-18</td>
                    <td>2027-04-18</td>
                    <td><img src="{{ $image }}" alt="passport front" width="60"></td>
                    <td><img src="{{ $image }}" alt="passport back" width="60"></td>
                    <td>Lee Trading</td>
                    <td>Dhaka, Bangladesh</td>
                    <td>Pending</td>
                    <td>
                        <button class="btn btn-primary">Approved</button>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
@endsection