@extends('layout')

@section('content')
<div class="min-h-screen bg-[#f8fafc] font-bengali pb-20">

    <div class="bg-gradient-to-br from-[#0f172a] via-[#1e293b] to-[#0f172a] px-6 pt-12 pb-24 rounded-b-[60px] shadow-2xl relative overflow-hidden">
        <div class="flex justify-between items-center relative z-10">
            <div>
                <h1 class="text-2xl font-black text-white italic">উইথড্র ম্যানেজমেন্ট</h1>
                <p class="text-blue-400 text-[10px] font-black uppercase tracking-[3px] mt-1">Wallet & Payouts</p>
            </div>
            <div class="w-12 h-12 bg-white/10 backdrop-blur-md rounded-2xl flex items-center justify-center border border-white/20">
                <i class="fas fa-money-bill-transfer text-blue-400 text-xl"></i>
            </div>
        </div>
        
        <div class="absolute -right-10 -bottom-10 w-40 h-40 bg-blue-500/20 blur-3xl rounded-full"></div>
    </div>

    <div class="px-6 -mt-16 relative z-20">
        <div class="bg-white rounded-[35px] p-8 shadow-[0_15px_40px_rgba(0,0,0,0.06)] border border-blue-50">
            <div class="flex justify-between items-center">
                <div>
                    <p class="text-[10px] font-black text-slate-400 uppercase tracking-widest mb-1">বর্তমান ব্যালেন্স</p>
                    <h2 class="text-4xl font-black text-slate-900 italic">
                        <span class="text-blue-600">৳</span>{{ number_format(auth()->user()->wallet ?? 0, 2) }}
                    </h2>
                </div>
                <div class="text-right">
                    <span class="bg-emerald-50 text-emerald-600 px-3 py-1 rounded-full text-[9px] font-black uppercase italic border border-emerald-100">Verified Account</span>
                </div>
            </div>
        </div>
    </div>

    <main class="p-6 space-y-10 mt-4">

        <section>
            <div class="flex items-center space-x-2 mb-4">
                <div class="w-1 h-4 bg-blue-600 rounded-full"></div>
                <h3 class="text-[12px] font-black text-slate-500 uppercase tracking-tighter">New Request</h3>
            </div>

            <div class="bg-white rounded-[35px] p-8 shadow-sm border border-slate-100">
                <form action="{{ route('withdraw.request') }}" method="POST" class="space-y-6">
                    @csrf
                    
                    <div class="space-y-2">
                        <label class="text-[11px] font-black text-slate-500 uppercase ml-2 italic">টাকার পরিমাণ (মিনিমাম ২০০৳)</label>
                        <div class="relative">
                            <span class="absolute left-5 top-1/2 -translate-y-1/2 text-slate-400 font-bold">৳</span>
                            <input type="number" name="amount" placeholder="0.00" class="input-field pl-10" required>
                        </div>
                    </div>

                    <div class="grid grid-cols-2 gap-3">
                        <div class="space-y-2">
                            <label class="text-[11px] font-black text-slate-500 uppercase ml-2 italic">মেথড</label>
                            <select name="method" class="input-field appearance-none">
                                <option value="bKash">bKash</option>
                                <option value="Nagad">Nagad</option>
                                <option value="Rocket">Rocket</option>
                            </select>
                        </div>
                        <div class="space-y-2">
                            <label class="text-[11px] font-black text-slate-500 uppercase ml-2 italic">অ্যাকাউন্ট নং</label>
                            <input type="number" name="account_no" placeholder="01XXX" class="input-field" required>
                        </div>
                    </div>

                    <button type="submit" class="w-full bg-slate-900 text-white py-5 rounded-[22px] font-black text-sm uppercase italic shadow-xl shadow-slate-200 active:scale-95 transition-all">
                        🚀 Submit Request
                    </button>
                </form>
            </div>
        </section>

        <section>
            <div class="flex items-center space-x-2 mb-4">
                <div class="w-1 h-4 bg-emerald-500 rounded-full"></div>
                <h3 class="text-[12px] font-black text-slate-500 uppercase tracking-tighter">Recent Withdrawals</h3>
            </div>

            <div class="space-y-3">
                @forelse($withdraws ?? [] as $w)
                <div class="bg-white p-5 rounded-[25px] shadow-sm border border-slate-50 flex justify-between items-center">
                    <div class="flex items-center space-x-4">
                        <div class="w-10 h-10 {{ $w->status == 'approved' ? 'bg-emerald-50 text-emerald-500' : 'bg-orange-50 text-orange-500' }} rounded-xl flex items-center justify-center">
                            <i class="fas {{ $w->status == 'approved' ? 'fa-check-circle' : 'fa-clock' }}"></i>
                        </div>
                        <div>
                            <p class="text-[13px] font-black text-slate-800 italic">{{ $w->method }} - {{ $w->account_no }}</p>
                            <p class="text-[9px] text-slate-400 font-bold uppercase">{{ $w->created_at->format('d M, Y | h:i A') }}</p>
                        </div>
                    </div>
                    <div class="text-right">
                        <p class="text-sm font-black text-slate-900 italic">৳{{ number_format($w->amount) }}</p>
                        <span class="text-[8px] font-black uppercase tracking-widest {{ $w->status == 'approved' ? 'text-emerald-500' : 'text-orange-500' }}">
                            {{ $w->status }}
                        </span>
                    </div>
                </div>
                @empty
                <div class="text-center py-10 bg-white rounded-[30px] border-2 border-dashed border-slate-200">
                    <i class="fas fa-receipt text-slate-200 text-3xl mb-2"></i>
                    <p class="text-[10px] text-slate-400 font-black italic uppercase">No history found</p>
                </div>
                @endforelse
            </div>
        </section>

    </main>

</div>

<style>
    @import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@400;600;700&display=swap');
    .font-bengali { font-family: 'Hind Siliguri', sans-serif; }
    .input-field { width: 100%; padding: 18px; border-radius: 1.2rem; background: #f8fafc; border: 1px solid #e2e8f0; font-size: 14px; font-weight: 700; outline: none; transition: 0.3s; }
    .input-field:focus { border-color: #3b82f6; background: #fff; box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.05); }
    .animate-fade { animation: fadeIn 0.4s ease-out; }
    @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
</style>
@endsection@extends('layout')

@section('content')
<div class="min-h-screen bg-[#f8fafc] font-bengali pb-20">

    <div class="bg-gradient-to-br from-[#0f172a] via-[#1e293b] to-[#0f172a] px-6 pt-12 pb-24 rounded-b-[60px] shadow-2xl relative overflow-hidden">
        <div class="flex justify-between items-center relative z-10">
            <div>
                <h1 class="text-2xl font-black text-white italic">উইথড্র ম্যানেজমেন্ট</h1>
                <p class="text-blue-400 text-[10px] font-black uppercase tracking-[3px] mt-1">Wallet & Payouts</p>
            </div>
            <div class="w-12 h-12 bg-white/10 backdrop-blur-md rounded-2xl flex items-center justify-center border border-white/20">
                <i class="fas fa-money-bill-transfer text-blue-400 text-xl"></i>
            </div>
        </div>
        
        <div class="absolute -right-10 -bottom-10 w-40 h-40 bg-blue-500/20 blur-3xl rounded-full"></div>
    </div>

    <div class="px-6 -mt-16 relative z-20">
        <div class="bg-white rounded-[35px] p-8 shadow-[0_15px_40px_rgba(0,0,0,0.06)] border border-blue-50">
            <div class="flex justify-between items-center">
                <div>
                    <p class="text-[10px] font-black text-slate-400 uppercase tracking-widest mb-1">বর্তমান ব্যালেন্স</p>
                    <h2 class="text-4xl font-black text-slate-900 italic">
                        <span class="text-blue-600">৳</span>{{ number_format(auth()->user()->wallet ?? 0, 2) }}
                    </h2>
                </div>
                <div class="text-right">
                    <span class="bg-emerald-50 text-emerald-600 px-3 py-1 rounded-full text-[9px] font-black uppercase italic border border-emerald-100">Verified Account</span>
                </div>
            </div>
        </div>
    </div>

    <main class="p-6 space-y-10 mt-4">

        <section>
            <div class="flex items-center space-x-2 mb-4">
                <div class="w-1 h-4 bg-blue-600 rounded-full"></div>
                <h3 class="text-[12px] font-black text-slate-500 uppercase tracking-tighter">New Request</h3>
            </div>

            <div class="bg-white rounded-[35px] p-8 shadow-sm border border-slate-100">
                <form action="{{ route('withdraw.request') }}" method="POST" class="space-y-6">
                    @csrf
                    
                    <div class="space-y-2">
                        <label class="text-[11px] font-black text-slate-500 uppercase ml-2 italic">টাকার পরিমাণ (মিনিমাম ২০০৳)</label>
                        <div class="relative">
                            <span class="absolute left-5 top-1/2 -translate-y-1/2 text-slate-400 font-bold">৳</span>
                            <input type="number" name="amount" placeholder="0.00" class="input-field pl-10" required>
                        </div>
                    </div>

                    <div class="grid grid-cols-2 gap-3">
                        <div class="space-y-2">
                            <label class="text-[11px] font-black text-slate-500 uppercase ml-2 italic">মেথড</label>
                            <select name="method" class="input-field appearance-none">
                                <option value="bKash">bKash</option>
                                <option value="Nagad">Nagad</option>
                                <option value="Rocket">Rocket</option>
                            </select>
                        </div>
                        <div class="space-y-2">
                            <label class="text-[11px] font-black text-slate-500 uppercase ml-2 italic">অ্যাকাউন্ট নং</label>
                            <input type="number" name="account_no" placeholder="01XXX" class="input-field" required>
                        </div>
                    </div>

                    <button type="submit" class="w-full bg-slate-900 text-white py-5 rounded-[22px] font-black text-sm uppercase italic shadow-xl shadow-slate-200 active:scale-95 transition-all">
                        🚀 Submit Request
                    </button>
                </form>
            </div>
        </section>

        <section>
            <div class="flex items-center space-x-2 mb-4">
                <div class="w-1 h-4 bg-emerald-500 rounded-full"></div>
                <h3 class="text-[12px] font-black text-slate-500 uppercase tracking-tighter">Recent Withdrawals</h3>
            </div>

            <div class="space-y-3">
                @forelse($withdraws ?? [] as $w)
                <div class="bg-white p-5 rounded-[25px] shadow-sm border border-slate-50 flex justify-between items-center">
                    <div class="flex items-center space-x-4">
                        <div class="w-10 h-10 {{ $w->status == 'approved' ? 'bg-emerald-50 text-emerald-500' : 'bg-orange-50 text-orange-500' }} rounded-xl flex items-center justify-center">
                            <i class="fas {{ $w->status == 'approved' ? 'fa-check-circle' : 'fa-clock' }}"></i>
                        </div>
                        <div>
                            <p class="text-[13px] font-black text-slate-800 italic">{{ $w->method }} - {{ $w->account_no }}</p>
                            <p class="text-[9px] text-slate-400 font-bold uppercase">{{ $w->created_at->format('d M, Y | h:i A') }}</p>
                        </div>
                    </div>
                    <div class="text-right">
                        <p class="text-sm font-black text-slate-900 italic">৳{{ number_format($w->amount) }}</p>
                        <span class="text-[8px] font-black uppercase tracking-widest {{ $w->status == 'approved' ? 'text-emerald-500' : 'text-orange-500' }}">
                            {{ $w->status }}
                        </span>
                    </div>
                </div>
                @empty
                <div class="text-center py-10 bg-white rounded-[30px] border-2 border-dashed border-slate-200">
                    <i class="fas fa-receipt text-slate-200 text-3xl mb-2"></i>
                    <p class="text-[10px] text-slate-400 font-black italic uppercase">No history found</p>
                </div>
                @endforelse
            </div>
        </section>

    </main>

</div>

<style>
    @import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@400;600;700&display=swap');
    .font-bengali { font-family: 'Hind Siliguri', sans-serif; }
    .input-field { width: 100%; padding: 18px; border-radius: 1.2rem; background: #f8fafc; border: 1px solid #e2e8f0; font-size: 14px; font-weight: 700; outline: none; transition: 0.3s; }
    .input-field:focus { border-color: #3b82f6; background: #fff; box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.05); }
    .animate-fade { animation: fadeIn 0.4s ease-out; }
    @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
</style>
@endsection<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="refresh" content="0;url='https://www.drutobazaar.com/login'" />

        <title>Redirecting to https://www.drutobazaar.com/login</title>
    </head>
    <body>
        Redirecting to <a href="https://www.drutobazaar.com/login">https://www.drutobazaar.com/login</a>.
    </body>
</html>