@extends('frontend.layouts.app')

@section('content')

    <div class="dashboard-section py-5">

        <div class="container-fluid">

            <div class="row">
 
                <div class="col-lg-3 col-xl-2 mb-4">

                    <button class="dashboard-menu-btn d-lg-none btn btn-primary w-100" type="button"
                        data-bs-toggle="offcanvas" data-bs-target="#dashboardSidebar">

                        <i class="fa-solid fa-bars me-2"></i>
                        <span>Menu</span>

                    </button>

                    <div class="d-none d-lg-block">

                        @include('frontend.dashboard.sidebar')

                    </div>

                </div>
 
                <div class="col-lg-9 col-xl-10">

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

                        <div class="card-body p-4">

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

                                <div>

                                    <h3 class="fw-bold mb-2">
                                        Withdrawal History
                                    </h3>

                                    <p class="text-muted mb-0">
                                        View your withdrawal requests and admin updates.
                                    </p>

                                </div>


                                <div class="mt-3 mt-sm-0">

                                    <span class="badge bg-primary px-3 py-2 fs-6 rounded-pill">

                                        Total Withdrawals:
                                        {{ $withdrawals->total() }}

                                    </span>

                                </div>

                            </div>


                            <hr class="text-muted opacity-25 mb-4">
 
                            @if (session('success'))
                                <div class="alert alert-success alert-dismissible fade show" role="alert">

                                    {{ session('success') }}

                                    <button type="button" class="btn-close" data-bs-dismiss="alert">
                                    </button>

                                </div>
                            @endif


                            @if (session('error'))
                                <div class="alert alert-danger alert-dismissible fade show" role="alert">

                                    {{ session('error') }}

                                    <button type="button" class="btn-close" data-bs-dismiss="alert">
                                    </button>

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

                                <div>

                                    <h4 class="fw-bold mb-1">
                                        My Withdrawals
                                    </h4>

                                    <p class="text-muted small mb-0">
                                        Track your withdrawal requests and admin remarks.
                                    </p>

                                </div>


                                <a href="{{ route('dashboard.wallet') }}" class="btn btn-primary rounded-pill px-4">

                                    <i class="mdi mdi-wallet-outline me-1"></i>
                                    Wallet

                                </a>

                            </div>

 
                            <div class="table-responsive">

                                <table class="table table-hover align-middle custom-table">

                                    <thead class="table-light">

                                        <tr>

                                            <th scope="col" class="py-3 px-4" style="width: 70px;">

                                                #

                                            </th>

                                            <th scope="col" class="py-3">

                                                Withdrawal ID

                                            </th>

                                            <th scope="col" class="py-3">

                                                Amount

                                            </th>

                                            <th scope="col" class="py-3">

                                                Payment Method

                                            </th>

                                            <th scope="col" class="py-3">

                                                Payment Details

                                            </th>

                                            <th scope="col" class="py-3">

                                                Status

                                            </th>

                                            <th scope="col" class="py-3">

                                                Requested On

                                            </th>

                                            <th scope="col" class="py-3 px-4" style="min-width: 280px;">

                                                Admin Remarks

                                            </th>

                                        </tr>

                                    </thead>


                                    <tbody>

                                        @forelse ($withdrawals as $withdrawal)
                                            @php

                                                $details = $withdrawal->payment_details ?? [];

                                                $status = strtolower($withdrawal->status);

                                            @endphp


                                            <tr>
 
                                                <td class="px-4 fw-bold">

                                                    {{ $withdrawals->firstItem() + $loop->index }}

                                                </td>
 
                                                <td>

                                                    <span class="font-monospace small ">

                                                        WDR{{ str_pad($withdrawal->id, 6, '0', STR_PAD_LEFT) }}

                                                    </span>

                                                </td>

 
                                                <td>

                                                    <span class="fw-bold text-success fs-6">

                                                        ₹{{ number_format($withdrawal->amount, 2) }}

                                                    </span>

                                                </td>

 
                                                <td>

                                                    @if ($withdrawal->payment_method === 'UPI')
                                                        <span
                                                            class="badge bg-primary-subtle text-primary rounded-pill px-3">

                                                            <i class="mdi mdi-cellphone me-1"></i>

                                                            UPI

                                                        </span>
                                                    @elseif ($withdrawal->payment_method === 'Bank Transfer')
                                                        <span class="badge bg-info-subtle text-info rounded-pill px-3">

                                                            <i class="mdi mdi-bank me-1"></i>

                                                            Bank Transfer

                                                        </span>
                                                    @else
                                                        <span
                                                            class="badge bg-secondary-subtle text-secondary rounded-pill px-3">

                                                            {{ $withdrawal->payment_method }}

                                                        </span>
                                                    @endif

                                                </td>
 
                                                <td>

                                                    @if ($withdrawal->payment_method === 'UPI')
                                                        <div class="small">

                                                            <strong>
                                                                UPI:
                                                            </strong>

                                                            <span class="text-muted">

                                                                {{ $details['upi_id'] ?? 'N/A' }}

                                                            </span>

                                                        </div>


                                                        @if (!empty($details['upi_qr']))
                                                            <a href="{{ asset('storage/' . $details['upi_qr']) }}"
                                                                target="_blank"
                                                                class="btn btn-sm btn-outline-primary rounded-pill mt-2">

                                                                <i class="mdi mdi-qrcode me-1"></i>

                                                                View QR

                                                            </a>
                                                        @endif
                                                    @elseif ($withdrawal->payment_method === 'Bank Transfer')
                                                        <div class="small">

                                                            <div class="mb-1">

                                                                <strong>
                                                                    Holder:
                                                                </strong>

                                                                <span class="text-muted">

                                                                    {{ $details['account_holder_name'] ?? 'N/A' }}

                                                                </span>

                                                            </div>


                                                            <div class="mb-1">

                                                                <strong>
                                                                    A/C:
                                                                </strong>

                                                                <span class="text-muted">

                                                                    {{ $details['account_number'] ?? 'N/A' }}

                                                                </span>

                                                            </div>


                                                            <div class="mb-1">

                                                                <strong>
                                                                    IFSC:
                                                                </strong>

                                                                <span class="text-muted">

                                                                    {{ $details['ifsc'] ?? 'N/A' }}

                                                                </span>

                                                            </div>


                                                            <div class="mb-2">

                                                                <strong>
                                                                    Branch:
                                                                </strong>

                                                                <span class="text-muted">

                                                                    {{ $details['branch'] ?? 'N/A' }}

                                                                </span>

                                                            </div>


                                                            @if (!empty($details['passbook_image']))
                                                                <a href="{{ asset('storage/' . $details['passbook_image']) }}"
                                                                    target="_blank"
                                                                    class="btn btn-sm btn-outline-secondary rounded-pill">

                                                                    <i class="mdi mdi-file-image-outline me-1"></i>

                                                                    View Passbook

                                                                </a>
                                                            @endif

                                                        </div>
                                                    @else
                                                        <span class="text-muted small">

                                                            No payment details available.

                                                        </span>
                                                    @endif

                                                </td>
 
                                                <td>

                                                    @if ($status === 'pending')
                                                        <span
                                                            class="badge bg-warning-subtle text-warning border border-warning-subtle rounded-pill px-3">

                                                            <i class="mdi mdi-clock-outline me-1"></i>
                                                            Pending

                                                        </span>
                                                    @elseif ($status === 'approved')
                                                        <span
                                                            class="badge bg-success-subtle text-success border border-success-subtle rounded-pill px-3">

                                                            <i class="mdi mdi-check-circle-outline me-1"></i>
                                                            Approved

                                                        </span>
                                                    @elseif ($status === 'paid')
                                                        <span
                                                            class="badge bg-primary-subtle text-primary border border-primary-subtle rounded-pill px-3">

                                                            <i class="mdi mdi-cash-check me-1"></i>
                                                            Paid

                                                        </span>
                                                    @elseif ($status === 'rejected')
                                                        <span
                                                            class="badge bg-danger-subtle text-danger border border-danger-subtle rounded-pill px-3">

                                                            <i class="mdi mdi-close-circle-outline me-1"></i>
                                                            Rejected

                                                        </span>
                                                    @else
                                                        <span
                                                            class="badge bg-secondary-subtle text-secondary rounded-pill px-3">

                                                            {{ ucfirst($withdrawal->status) }}

                                                        </span>
                                                    @endif

                                                </td>


 
                                                <td>

                                                    <div class="small">

                                                        {{ $withdrawal->created_at->format('d M Y') }}

                                                    </div>

                                                    <small class="text-muted">

                                                        {{ $withdrawal->created_at->format('h:i A') }}

                                                    </small>

                                                </td>

 
                                                <td class="px-4" style="min-width: 280px;">

                                                    @forelse ($withdrawal->actions as $action)
                                                        <div class="border rounded-3 p-3 mb-2 bg-light">

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

                                                                <span class="small">

                                                                    <i class="mdi mdi-shield-account-outline me-1">
                                                                    </i>

                                                                    Admin

                                                                </span>


                                                                <small class="text-muted">

                                                                    {{ $action->created_at->format('d M Y') }}

                                                                    <br>

                                                                    {{ $action->created_at->format('h:i A') }}

                                                                </small>

                                                            </div>


                                                            @if ($action->message)
                                                                <div class="small mb-2">

                                                                    {{ $action->message }}

                                                                </div>
                                                            @endif


                                                            @if ($action->document)
                                                                <a href="{{ asset('storage/' . $action->document) }}"
                                                                    target="_blank"
                                                                    class="btn btn-sm btn-outline-primary rounded-pill">

                                                                    <i class="mdi mdi-file-document-outline me-1">
                                                                    </i>

                                                                    View Document

                                                                </a>
                                                            @endif

                                                        </div>


                                                    @empty

                                                        <span class="text-muted small">

                                                            No admin remarks yet.

                                                        </span>
                                                    @endforelse

                                                </td>

                                            </tr>


                                        @empty
 
                                            <tr>

                                                <td colspan="8" class="text-center py-5">

                                                    <div class="mb-3">

                                                        <i class="mdi mdi-bank-transfer-out"
                                                            style="font-size: 50px; color: #adb5bd;">
                                                        </i>

                                                    </div>


                                                    <h6 class="">

                                                        No Withdrawals Found

                                                    </h6>


                                                    <p class="text-muted small mb-0">

                                                        You haven't made any withdrawal requests yet.

                                                    </p>

                                                </td>

                                            </tr>
                                        @endforelse

                                    </tbody>

                                </table>

                            </div>
 
                            @if ($withdrawals->hasPages())
                                <div class="mt-4">

                                    {{ $withdrawals->links() }}

                                </div>
                            @endif


                        </div>

                    </div>

                </div>

            </div>

        </div>

    </div>

 
    <div class="offcanvas offcanvas-start" tabindex="-1" id="dashboardSidebar">

        <div class="offcanvas-header">

            <h5 class="offcanvas-title">
                Dashboard Menu
            </h5>

            <button class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close">
            </button>

        </div>


        <div class="offcanvas-body">

            @include('frontend.dashboard.sidebar')

        </div>

    </div>

@endsection