@extends('layouts.app')

@section('content')

<div class="container-fluid py-4">

    <div class="d-flex justify-content-between align-items-center mb-4">

        <h2>
            🎵 Admin Dashboard
        </h2>

        <a href="{{ route('admin.songs.create') }}"
           class="btn btn-success">

            + Add New Song

        </a>

    </div>


    {{-- Stats Cards --}}

    <div class="row g-4">

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

            <div class="card shadow border-0">
                <div class="card-body text-center">

                    <h1>{{ $users }}</h1>

                    <p class="mb-0">
                        Total Users
                    </p>

                </div>
            </div>

        </div>


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

            <div class="card shadow border-0">
                <div class="card-body text-center">

                    <h1>{{ $songs }}</h1>

                    <p class="mb-0">
                        Total Songs
                    </p>

                </div>
            </div>

        </div>


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

            <div class="card shadow border-0">
                <div class="card-body text-center">

                    <h1>{{ $orders }}</h1>

                    <p class="mb-0">
                        Total Orders
                    </p>

                </div>
            </div>

        </div>


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

            <div class="card shadow border-0">
                <div class="card-body text-center">

                    <h1>{{ $pendingWithdrawals }}</h1>

                    <p class="mb-0">
                        Pending Withdrawals
                    </p>

                </div>
            </div>

        </div>

    </div>


    {{-- Revenue Cards --}}

    <div class="row g-4 mt-3">

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

            <div class="card bg-success text-white shadow border-0">

                <div class="card-body text-center">

                    <h2>
                        ৳ {{ number_format($totalRevenue, 2) }}
                    </h2>

                    <p class="mb-0">

                        Total Revenue

                    </p>

                </div>

            </div>

        </div>


        {{-- <div class="col-md-4">

            <div class="card bg-primary text-white shadow border-0">

                <div class="card-body text-center">

                    <h2>
                        ৳ {{ number_format($walletBalance, 2) }}
                    </h2>

                    <p class="mb-0">

                        Users Wallet Balance

                    </p>

                </div>

            </div>

        </div> --}}


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

            <div class="card bg-warning text-dark shadow border-0">

                <div class="card-body text-center">

                    <h2>
                        ৳ {{ number_format($approvedWithdrawAmount, 2) }}
                    </h2>

                    <p class="mb-0">

                        Total Withdrawn

                    </p>

                </div>

            </div>

        </div>

    </div>


    {{-- Quick Actions --}}

    <div class="card shadow border-0 mt-4">

        <div class="card-body">

            <h4 class="mb-3">

                ⚡ Quick Actions

            </h4>

            <a href="{{ route('admin.songs.create') }}"
               class="btn btn-success">

                Add Song

            </a>

            <a href="{{ route('admin.songs.index') }}"
               class="btn btn-primary">

                Manage Songs

            </a>

            {{-- <a href="{{ route('admin.withdrawals.index') }}"
               class="btn btn-warning">

                Withdraw Requests

            </a> --}}

        </div>

    </div>


    {{-- WITHDRAW REQUESTS --}}

<div class="card shadow border-0 mt-4">

    <div class="card-body">

        <h4>
            💸 Latest Withdraw Requests
        </h4>


        <div class="table-responsive">


            <table class="table table-bordered">


                <thead>

                <tr>

                    <th>User</th>

                    <th>Amount</th>

                    <th>Current Balance</th>

                    <th>Method</th>

                    <th>Account</th>

                    <th>Status</th>

                    <th>Action</th>

                </tr>

                </thead>



                <tbody>

@forelse($recentWithdrawals as $withdraw)

<tr>

    <td>

        {{ $withdraw->user->name }}

        <br>

        <small>
            {{ $withdraw->user->phone }}
        </small>

    </td>


    <td>

        ৳ {{ $withdraw->amount }}

    </td>


    <td>

        ৳ {{ number_format($withdraw->user->wallet_balance,2) }}

    </td>


    <td>

        {{ strtoupper($withdraw->method) }}

    </td>


    <td>

        {{ $withdraw->account_number }}

    </td>


    <td>

        @if($withdraw->status == 'pending')

            <span class="badge bg-warning">
                Pending
            </span>


        @elseif($withdraw->status == 'approved')

            <span class="badge bg-success">
                Approved
            </span>


        @else

            <span class="badge bg-danger">
                Rejected
            </span>

        @endif


    </td>



    <td>


    @if($withdraw->status == 'pending')


        <form action="{{ route('admin.withdrawals.approve',$withdraw->id) }}"
              method="POST"
              class="d-inline">

            @csrf

            <button class="btn btn-success btn-sm">

                Approve

            </button>


        </form>



        <form action="{{ route('admin.withdrawals.reject',$withdraw->id) }}"
              method="POST"
              class="d-inline">

            @csrf

            <button class="btn btn-danger btn-sm">

                Reject

            </button>


        </form>


    @else


        <span class="text-muted">

            Done

        </span>


    @endif


    </td>


</tr>


@empty


<tr>

<td colspan="7" class="text-center">

No withdrawal request

</td>

</tr>


@endforelse


</tbody>


            </table>


        </div>


    </div>

</div>


    {{-- Recent Withdrawals --}}

    <div class="card shadow border-0 mt-4">

        <div class="card-body">

            <h4>

                💸 Recent Withdrawals

            </h4>

            <div class="table-responsive">

                <table class="table">

                    <thead>

                    <tr>

                        <th>User</th>

                        <th>Amount</th>

                        <th>Method</th>

                        <th>Status</th>

                    </tr>

                    </thead>

                    <tbody>

                    @forelse($recentWithdrawals as $withdraw)

                        <tr>

                            <td>

                                {{ $withdraw->user->name }}

                            </td>

                            <td>

                                ৳ {{ $withdraw->amount }}

                            </td>

                            <td>

                                {{ ucfirst($withdraw->method) }}

                            </td>

                            <td>

                                @if($withdraw->status == 'pending')

                                    <span class="badge bg-warning">

                                        Pending

                                    </span>

                                @elseif($withdraw->status == 'approved')

                                    <span class="badge bg-success">

                                        Approved

                                    </span>

                                @else

                                    <span class="badge bg-danger">

                                        Rejected

                                    </span>

                                @endif

                            </td>

                        </tr>

                    @empty

                        <tr>

                            <td colspan="4">

                                No Withdrawal Requests

                            </td>

                        </tr>

                    @endforelse

                    </tbody>

                </table>

            </div>

        </div>

    </div>

</div>

@endsection