@include('admin.dash.layout.header')
<div class="nk-content">
    <div class="container-fluid">
        <div class="nk-content-inner">
            <div class="nk-content-body">
                <div class="nk-block-head nk-block-head-sm">
                    <div class="nk-block-between g-3">
                        <div class="nk-block-head-content">
                            <h3 class="nk-block-title page-title">Users / <strong class="text-primary small">{{$data->name}}</strong></h3>
                        </div>
                        <div class="nk-block-head-content">
                            <a href="/admin/users" class="btn btn-outline-light bg-white d-none d-sm-inline-flex"><em class="icon ni ni-arrow-left"></em><span>Back</span></a>
                            <a href="/admin/users" class="btn btn-icon btn-outline-light bg-white d-inline-flex d-sm-none"><em class="icon ni ni-arrow-left"></em></a>
                        </div>
                    </div>
                </div><!-- .nk-block-head -->

                <div class="nk-block">
                    <div class="card">
                        <div class="card-aside-wrap">
                            <!-- Main Content Area -->
                            <div class="card-inner card-inner-lg">
                                <div class="tab-content">
                                    @if(!request()->type)
                                    <!-- Personal Information Tab -->
                                    <div class="tab-pan active" id="personal">
                                        <div class="nk-block-head">
                                            <div class="nk-block-between d-flex justify-content-between">
                                                <div class="nk-block-head-content">
                                                    <h4 class="nk-block-title">Students Information</h4>
                                                    <div class="nk-block-des">
                                                        <p>Basic info, like students name and address, that you use on flipacademy.</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div><!-- .nk-block-head -->
                                        <div class="nk-block">
                                            <div class="nk-data data-list">
                                                <div class="data-head">
                                                    <h6 class="overline-title">Basics</h6>
                                                </div>
                                                <div class="data-item">
                                                    <div class="data-col">
                                                        <span class="data-label">Full Name</span>
                                                        <span class="data-value">{{$data->name}}</span>
                                                    </div>
                                                </div>
                                                <div class="data-item">
                                                    <div class="data-col">
                                                        <span class="data-label">Email</span>
                                                        <span class="data-value">{{$data->email}}</span>
                                                    </div>
                                                </div>
                                                <div class="data-item">
                                                    <div class="data-col">
                                                        <span class="data-label">Date Created</span>
                                                        <span class="data-value">{{$data->created_at}}</span>
                                                    </div>
                                                </div>

                                                @if($data->is_merchant)

                                                  <div class="data-item">
                                                    <div class="data-col">
                                                        <span class="data-label">Account Number</span>
                                                        <span class="data-value">{{$data->account_number}}</span>
                                                    </div>
                                                </div>

                                                  <div class="data-item">
                                                    <div class="data-col">
                                                        <span class="data-label">Account Name</span>
                                                        <span class="data-value">{{$data->account_name}}</span>
                                                    </div>
                                                </div>

                                                  <div class="data-item">
                                                    <div class="data-col">
                                                        <span class="data-label">Account Number</span>
                                                        <span class="data-value">{{$data->account_bank}}</span>
                                                    </div>
                                                </div>

                                                @endif
                                                <div class="data-item">
                                                    <div class="data-col">
                                                        <span class="data-label">Attached To</span>
                                                        @if($data->is_merchant)
                                                        <span class="data-value"><a href="#">Merchant</a></span>
                                                        @else
                                                        <span class="data-value"><a href="#">User</a></span>
                                                        @endif
                                                    </div>
                                                </div>
                                            </div><!-- data-list -->
                                        </div><!-- .nk-block -->
                                    </div><!-- .tab-pan -->

                                    @elseif(request()->type == 'transactions')
                                    <!-- Transactions Tab -->
                                    <div class="tab-pan active" id="transactions">
                                        <div class="nk-block-head">
                                            <div class="nk-block-between d-flex justify-content-between">
                                                <div class="nk-block-head-content">
                                                    <h4 class="nk-block-title">Transactions</h4>
                                                    <div class="nk-block-des">
                                                        <p>Basic info, like what Transactions performed.</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div><!-- .nk-block-head -->
                                        <div class="nk-block">
                                            <div class="nk-tb-list border border-light rounded overflow-hidden is-compact">
                                                <div class="card card-bordered card-preview">
                                                    <div class="card-inner">
                                                        <table class="datatable-init-export table">
                                                            <thead>
                                                                <tr>
                                                                    <th>ID</th>
                                                                    <th>Amount</th>
                                                                    <th>Status</th>
                                                                    <th>Type</th> 
                                                                    <th>Date</th>
                                                                </tr>
                                                            </thead>
                                                            <tbody>
                                                                @php
                                                                $tnx = DB::table("transactions")
                                                                ->where(["userid" => $data->id])
                                                                ->paginate(7)
                                                                @endphp

                                                                @foreach($tnx as $d)
                                                                <tr class="nk-tb-item">
                                                                    <td class="nk-tb-col">{{$d->tnx_id}}</td>
                                                                    <td class="nk-tb-col">{{number_format($d->amount,2)}} NGN</td>
                                                                    <td class="nk-tb-col">{{$d->status}}</td>
                                                                    <td class="nk-tb-col">{{$d->type}}</td> 
                                                                    <td class="nk-tb-col">{{$d->created_at}}</td>
                                                                </tr>
                                                                @endforeach
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div><!-- .nk-block -->
                                    </div><!-- .tab-pan -->

                                    @elseif(request()->type == 'ratings' && $data->is_merchant == 1)
<!-- Ratings Tab -->
<div class="tab-pan active" id="ratings">
    <div class="nk-block-head">
        <div class="nk-block-between d-flex justify-content-between">
            <div class="nk-block-head-content">
                <h4 class="nk-block-title">Merchant Reviews</h4>
                <div class="nk-block-des">
                    <p>Customer reviews and ratings for this merchant's products.</p>
                </div>
            </div>
        </div>
    </div><!-- .nk-block-head -->

    @if(isset($data->rating_stats))
    <!-- Rating Overview -->
    <div class="nk-block">
        <div class="row g-gs">
            <div class="col-md-3">
                <div class="card">
                    <div class="card-inner text-center">
                        <h4 class="text-primary">{{ number_format($data->rating_stats['average'], 1) }}</h4>
                        <div class="rating-stars mb-2">
                            @for($i = 1; $i <= 5; $i++)
                                @if($i <= floor($data->rating_stats['average']))
                                    <em class="icon ni ni-star-fill text-warning"></em>
                                @elseif($i <= $data->rating_stats['average'])
                                    <em class="icon ni ni-star-half text-warning"></em>
                                @else
                                    <em class="icon ni ni-star text-muted"></em>
                                @endif
                            @endfor
                        </div>
                        <span class="text-soft">Average Rating</span>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card">
                    <div class="card-inner text-center">
                        <h4 class="text-info">{{ $data->rating_stats['count'] }}</h4>
                        <span class="text-soft">Total Reviews</span>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card">
                    <div class="card-inner text-center">
                        <h4 class="text-success">{{ $data->products->count() }}</h4>
                        <span class="text-soft">Products</span>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card">
                    <div class="card-inner text-center">
                        <h4 class="text-warning">{{ $data->products->where('qty', '>', 0)->count() }}</h4>
                        <span class="text-soft">In Stock</span>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Reviews List -->
    @if($data->ratings && $data->ratings->count() > 0)
    <div class="nk-block">
        <div class="card">
            <div class="card-inner">
                <h6 class="card-title">Customer Reviews</h6>
                @foreach($data->ratings as $rating)
                <div class="d-flex p-3 border-bottom" style="cursor:pointer" onclick="location.href='/admin/user/{{$rating->userid}}'">
                    <div class="user-avatar sq bg-light me-3">
                        @if($rating->customer_image)
                            <img src="{{ $rating->customer_image }}" alt="{{ $rating->customer_name }}" width="40" height="40">
                        @else
                            <em class="icon ni ni-user"></em>
                        @endif
                    </div>
                    <div class="flex-grow-1">
                        <div class="d-flex justify-content-between align-items-center mb-2">
                            <div>
                                <h6 class="mb-0">{{ $rating->customer_name }}</h6>
                                <small class="text-muted">{{ \Carbon\Carbon::parse($rating->created_at)->format('M d, Y') }}</small>
                            </div>
                            <div class="rating-stars">
                                @for($i = 1; $i <= 5; $i++)
                                    <em class="icon ni ni-star{{ $i <= $rating->rating ? '-fill text-warning' : ' text-muted' }}"></em>
                                @endfor
                            </div>
                        </div>
                        <p class="mb-2">{{ $rating->comment ?: 'No comment provided' }}</p>
                        <div class="d-flex align-items-center">
                            @if($rating->product_image)
                                <img src="{{ $rating->product_image }}" alt="{{ $rating->product_title }}" class="rounded me-2" width="30" height="30">
                            @endif
                            <small class="text-muted">{{ $rating->product_title }}</small>
                        </div>
                    </div>
                </div>
                @endforeach
            </div>
        </div>
    </div>
    @else
    <div class="nk-block">
        <div class="card">
            <div class="card-inner text-center">
                <em class="icon ni ni-star" style="font-size: 3rem; color: #e3e7fe;"></em>
                <h5 class="mt-3">No Reviews Yet</h5>
                <p class="text-soft">This merchant hasn't received any customer reviews yet.</p>
            </div>
        </div>
    </div>
    @endif
    @else
    <div class="nk-block">
        <div class="card">
            <div class="card-inner text-center">
                <p class="text-soft">Rating data not available.</p>
            </div>
        </div>
    </div>
    @endif
</div><!-- .tab-pan -->
                                    @else
                                    <!-- Orders Tab -->
                                    <div class="tab-pan active" id="orders">
                                        <div class="nk-block-head">
                                            <div class="nk-block-between d-flex justify-content-between">
                                                <div class="nk-block-head-content">
                                                    <h4 class="nk-block-title">User Orders</h4>
                                                    <div class="nk-block-des">
                                                        <p>Basic info, like what Orders they made.</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div><!-- .nk-block-head -->
                                        <div class="nk-block">
                                            <table class="datatable-init-export nowrap nk-tb-list is-separate border border-light rounded overflow-hidden is-compact" data-auto-responsive="false">
                                                <thead>
                                                    <tr class="nk-tb-item nk-tb-head">
                                                        <th class="nk-tb-col">
                                                            <span class="lead-text">#</span>
                                                        </th>
                                                        <th class="nk-tb-col">
                                                            <span class="lead-text">Total Amount</span>
                                                        </th>
                                                        <th class="nk-tb-col">
                                                            <span class="lead-text d-none d-sm-inline">Status</span>
                                                        </th>
                                                        <th class="nk-tb-col nk-tb-col-tools">
                                                            <span class="lead-text">&nbsp;</span>
                                                        </th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach( DB::table("orders")->where(["user_id"=>$data->id])->get() as $d)
                                                    <tr class="nk-tb-item">
                                                        <td class="nk-tb-col">{{$d->order_id}}</td>
                                                        <td class="nk-tb-col">NGN {{number_format($d->total_amount,2)}}</td>
                                                        <td class="nk-tb-col">
                                                            <span class="badge badge-dot badge-dot-xs bg-primary">{{$d->status}}</span>
                                                        </td>
                                                        <td class="nk-tb-col nk-tb-col-tools">
                                                            <ul class="nk-tb-actions gx-1">
                                                                <li>
                                                                    <a href="/admin/order/{{$d->id}}" class="btn btn-sm btn-icon btn-trigger me-n1">
                                                                        <em class="icon ni ni-eye-alt"></em>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </td>
                                                    </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div><!-- .nk-block -->
                                    </div><!-- .tab-pan -->
                                    @endif
                                </div><!-- .tab-content -->
                            </div><!-- .card-inner -->

                            <!-- Single Sidebar -->
                            <div class="card-aside card-aside-left user-aside toggle-slide toggle-slide-left toggle-break-lg" data-content="userAside" data-toggle-screen="lg" data-toggle-overlay="true">
                                <div class="card-inner-group" data-simplebar>
                                    <!-- User Card -->
                                    <div class="card-inner">
                                        <div class="user-card">
                                            <div class="user-avatar bg-primary">
                                                <img src="{{$data->image}}" alt="{{$data->name}}"/>
                                            </div>
                                            <div class="user-info">
                                                <span class="lead-text">{{$data->name}}</span>
                                                <span class="sub-text">{{$data->email}}</span>
                                            </div>
                                        </div><!-- .user-card -->
                                    </div><!-- .card-inner -->

                                    <!-- Wallet Info -->
                                    <div class="card-inner">
                                        <div class="user-account-info py-0">
                                            <h6 class="overline-title-alt">Wallet</h6>
                                            <div class="h5 text-primary">
                                                <span>{{number_format($data->wallet,2)}}</span> 
                                                <small class="currency currency-btc">NGN</small>
                                            </div> 
                                        </div>
                                    </div><!-- .card-inner -->

                                    <!-- Navigation Menu -->
                                    <div class="card-inner p-0">
                                        <ul class="link-list-menu">
                                            <li>
                                                <a class="@if(!request()->type) active @endif" href="/admin/user/{{$data->id}}">
                                                    <em class="icon ni ni-user-fill-c"></em>
                                                    <span>Personal Information</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a class="@if(request()->type == 'orders') active @endif" href="/admin/user/{{$data->id}}?type=orders">
                                                    <em class="icon ni ni-book-fill"></em>
                                                    <span>Orders</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a class="@if(request()->type == 'transactions') active @endif" href="/admin/user/{{$data->id}}?type=transactions">
                                                    <em class="icon ni ni-wallet"></em>
                                                    <span>Transactions</span>
                                                </a>
                                            </li>
                                            @if($data->is_merchant == 1)
<li>
    <a class="@if(request()->type == 'ratings') active @endif" href="/admin/user/{{$data->id}}?type=ratings">
        <em class="icon ni ni-star"></em>
        <span>Reviews</span>
    </a>
</li>
@endif
                                        </ul>
                                    </div><!-- .card-inner -->
                                </div><!-- .card-inner-group -->
                            </div><!-- .card-aside -->
                        </div><!-- .card-aside-wrap -->
                    </div><!-- .card -->
                </div><!-- .nk-block -->
            </div>
        </div>
    </div>
</div>
@include('admin.dash.layout.footer')