@extends('admin.layout')

@section('content')

    <div class="row align-items-center justify-content-between mb-3 mt-3">
        <div class="col-auto">
            <h5 class="d-flex align-items-center">

                <button type="button" class="btn btn-icon bg-white me-2" style="box-shadow:0px 9px 12px -2px #66328E1F;">
                    <a href="{{ route('admin.users.index') }}">
                        <i class="ti tabler-chevron-left text-dark"></i>
                    </a>
                </button>

                <i class="ti tabler-user-circle text-primary me-2"></i>
                User Details
            </h5>
        </div>
    </div>


    <!-- USER BASIC -->
    <div class="card p-3 mb-3">
        <div class="row">

            <div class="col-md-4">
                <i class="ti tabler-id text-primary me-2"></i>
                <strong>User ID :</strong>
                {{ $User->user_id ?? '' }}
            </div>

            <div class="col-md-4">
                <i class="ti tabler-user text-success me-2"></i>
                <strong>User Name :</strong>
                {{ $User->name ?? '' }}
            </div>

        </div>
    </div>


    <div class="card p-4">

        <!-- PERSONAL DETAILS -->
        <h5 class="mb-3">
            <i class="ti tabler-user text-primary me-2"></i>
            Personal Details
        </h5>

        <div class="row g-3">

            <div class="col-lg-4">
                <div class="card border-primary border-1 p-3 h-100">

                    <p>
                        <i class="ti tabler-id text-primary me-2"></i>
                        <strong>Referral ID :</strong> {{ $User->ref_id ?? 'N/A' }}
                    </p>

                    <p>
                        <i class="ti tabler-user-share text-success me-2"></i>
                        <strong>Referral Name :</strong> {{ $User->parent->name ?? 'N/A' }}
                    </p>

                    <p>
                        <i class="ti tabler-user-circle text-info me-2"></i>
                        <strong>Name :</strong> {{ $User->name ?? 'N/A' }}
                    </p>

                </div>
            </div>


            <div class="col-lg-4">
                <div class="card border-primary border-1 p-3 h-100">

                    <p>
                        <i class="ti tabler-phone text-primary me-2"></i>
                        <strong>Phone :</strong> {{ $User->phone_number ?? 'N/A' }}
                    </p>

                    <p>
                        <i class="ti tabler-mail text-danger me-2"></i>
                        <strong>Email :</strong> {{ $User->email ?? 'N/A' }}
                    </p>

                    <p>
                        <i class="ti tabler-map-pin text-warning me-2"></i>
                        <strong>Address :</strong> {{ $User->address ?? 'N/A' }}
                    </p>

                </div>
            </div>


            <div class="col-lg-4">
                <div class="card border-primary border-1 p-3 h-100">

                    <p>
                        <i class="ti tabler-mailbox text-primary me-2"></i>
                        <strong>Pincode :</strong> {{ $User->pincode ?? 'N/A' }}
                    </p>

                    <p>
                        <i class="ti tabler-map text-success me-2"></i>
                        <strong>State :</strong> {{ $User->state ?? 'N/A' }}
                    </p>

                    <p>
                        <i class="ti tabler-world text-info me-2"></i>
                        <strong>Country :</strong> {{ $User->country ?? 'N/A' }}
                    </p>

                </div>
            </div>

        </div>


        <!-- REFERRAL -->
        <h5 class="mt-4 mb-3">
            <i class="ti tabler-network text-success me-2"></i>
            Referral Details
        </h5>

        <div class="row mx-1">
            <div class="card border-1 border-primary p-2">
                <div class="col-md-4 mb-3">
                    <i class="ti tabler-layers-linked text-primary me-2"></i>
                    <strong>Level :</strong> {{ $User->level ?? 'N/A' }}
                </div>

                <div class="col-md-12">

                    <i class="ti tabler-users-group text-info me-2"></i>
                    <strong>Team Members :</strong>

                    @if($User->team_members->count())

                        <ul class="list-group mt-2">

                            @foreach($User->team_members as $member)

                                <li class="list-group-item d-flex justify-content-between">

                                    <span>
                                        <i class="ti tabler-user me-2"></i>
                                        {{ $member->name }}
                                    </span>

                                    <span class="text-muted">
                                        {{ $member->user_id ?? '' }}
                                    </span>

                                </li>

                            @endforeach

                        </ul>

                    @else

                        <p class="mt-2 text-muted">No team members found</p>

                    @endif

                </div>

            </div>
        </div>



        <!-- BANK DETAILS -->
        <h5 class="mt-4 mb-3">
            <i class="ti tabler-building-bank text-warning me-2"></i>
            Bank Details
        </h5>
        <div class="row g-3">

            <!-- Card 1 -->
            <div class="col-lg-6">
                <div class="card border-1 border-primary p-3 h-100">

                    <div class="row">

                        <div class="col-md-12 mb-3">
                            <i class="ti tabler-user text-primary me-2"></i>
                            <strong>Account Holder :</strong>
                            {{ $User->detail->account_holder ?? 'N/A' }}
                        </div>

                        <div class="col-md-12">
                            <i class="ti tabler-credit-card text-success me-2"></i>
                            <strong>Account Number :</strong>
                            {{ $User->detail->account_number ?? 'N/A' }}
                        </div>

                    </div>

                </div>
            </div>


            <!-- Card 2 -->
            <div class="col-lg-6">
                <div class="card border-1 border-primary p-3 h-100">

                    <div class="row">

                        <div class="col-md-12 mb-3">
                            <i class="ti tabler-building text-info me-2"></i>
                            <strong>Bank Name :</strong>
                            {{ $User->detail->bank_name ?? 'N/A' }}
                        </div>

                        <div class="col-md-12 mb-3">
                            <i class="ti tabler-map-pin text-danger me-2"></i>
                            <strong>Branch :</strong>
                            {{ $User->detail->branch_name ?? 'N/A' }}
                        </div>

                        <div class="col-md-12">
                            <i class="ti tabler-hash text-dark me-2"></i>
                            <strong>IFSC :</strong>
                            {{ $User->detail->ifsc ?? 'N/A' }}
                        </div>

                    </div>

                </div>
            </div>

        </div>


        <!-- KYC -->
        <h5 class="mt-4 mb-3">
            <i class="ti tabler-shield-check text-success me-2"></i>
            KYC Details
        </h5>

        <div class="row g-3">

            <!-- PAN Card -->
            <div class="col-lg-6">
                <div class="card border-1 border-primary p-4 h-100">

                    <div><i class="ti tabler-id-badge text-primary me-2"></i>
                        <strong>PAN :</strong>
                    </div>
                    {{ $User->detail->pan_number ?? 'N/A' }}

                </div>
            </div>

            <!-- Aadhar Card -->
            <div class="col-lg-6">
                <div class="card border-1 border-primary p-4 h-100">

                    <div><i class="ti tabler-id text-warning me-2"></i>
                        <strong>Aadhar :</strong>
                    </div>
                    {{ $User->detail->aadhar_number ?? 'N/A' }}

                </div>
            </div>

        </div>

    </div>

@endsection