@extends('layouts.master')
@section('title') @lang('translation.wallet') @endsection

@section('content')

    <!-- Breadcrumb Trail -->
    @component('components.breadcrumb')
        @slot('li_1')
            @lang('translation.digital-assets')
        @endslot
        @slot('title')
            @lang('translation.wallet')
        @endslot
    @endcomponent

    <!-- Session Messages -->
    @include('partials.session')

    <!-- Digital Assets Balance -->
    <div class="row">
        <!-- Total Cash -->
        <div class="col-xxl-3 col-md-4">
            <div class="card card-animate">
                <div class="card-body">
                    <h3 class="mb-2"><span class="counter-value" data-target="{{ Auth::user()->balance }}">0</span></h3>
                    <h6 class="text-muted mb-0">Total Cash</h6>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        @if($wallets->isEmpty())
            <div class="col-12">
                <div class="alert alert-info text-center">
                    You don't have any assets. Please buy some from the store.
                </div>
            </div>
        @else
            <!-- Wallet Items -->
            @foreach($wallets as $wallet)
                <div class="col-xxl-3 col-md-4">
                    <div class="card card-animate">
                        <div class="card-body text-center">
                            @if($wallet->digitalAsset)
                                <img style="width:95px;height:95px" src="{{ asset($wallet->digitalAsset->image ?? '') }}">
                            @else
                                <!-- Placeholder or alternative content if asset details are null -->
                                <img style="width:95px;height:95px" src="{{ asset('path/to/default/image.jpg') }}">
                            @endif
                            <h3 class="mb-2"><span class="counter-value" data-target="{{ $wallet->quantity }}">0</span></h3>
                            <h6 class="text-muted mb-0">{{ $wallet->digitalAsset->name ?? 'Unknown Asset' }}</h6>
                        </div>
                    </div>
                </div>
            @endforeach
        @endif
    </div>

{{--    @if(!$wallets->isEmpty())--}}
{{--        <div class="row">--}}
{{--            <div class="table-responsive table-card">--}}
{{--                <table class="table table-borderless align-middle mb-0">--}}
{{--                    <thead class="table-light text-muted">--}}
{{--                    <tr>--}}
{{--                        <th style="width: 90px;" scope="col">Product</th>--}}
{{--                        <th scope="col" class="text-end">Quantity</th>--}}
{{--                    </tr>--}}
{{--                    </thead>--}}
{{--                    <tbody>--}}
{{--                    @foreach($wallets as $wallet)--}}
{{--                        <tr>--}}
{{--                            <td>--}}
{{--                                <h5 class="fs-14">--}}
{{--                                    <a href="#" class="text-dark">{{ $wallet->digitalAsset->name ?? 'Unknown Asset' }}</a>--}}
{{--                                </h5>--}}
{{--                            </td>--}}
{{--                            <td class="text-end">{{ $wallet->quantity }}</td>--}}
{{--                        </tr>--}}
{{--                    @endforeach--}}
{{--                    </tbody>--}}
{{--                </table>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    @endif--}}

@endsection

@section('script')
    <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
    <script src="{{ URL::asset('/assets/js/app.min.js') }}"></script>
@endsection