@extends('backend.master')

@section('title', 'Edit Withdraw #'.$withdraw->id)

@push('styles')
    {{-- Bootstrap Icons --}}
    <link rel="stylesheet"
          href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css">
@endpush

@section('content')

<style>
    :root{
        --wd-primary:#dc2626;
        --wd-primary-soft:#fee2e2;
        --wd-bg:#f5f5f5;
    }

    .wd-edit-bg{
        background:var(--wd-bg);
    }

    .wd-card{
        border-radius:1rem;
        box-shadow:0 10px 28px rgba(15,23,42,.08);
        border:1px solid #e5e7eb;
        background:#fff;
    }

    .wd-section-title{
        font-size:.8rem;
        font-weight:600;
        text-transform:uppercase;
        letter-spacing:.08em;
        color:#6b7280;
        margin-bottom:.25rem;
    }

    .pill-title{
        display:inline-flex;
        align-items:center;
        gap:.4rem;
        padding:.25rem .8rem;
        border-radius:999px;
        background:var(--wd-primary-soft);
        color:var(--wd-primary);
        font-size:.78rem;
        font-weight:600;
    }

    .badge-status{
        border-radius:999px;
        padding:.25rem .6rem;
        font-size:.7rem;
        font-weight:600;
        display:inline-flex;
        align-items:center;
        gap:.25rem;
    }
    .badge-status .dot{
        width:.45rem;
        height:.45rem;
        border-radius:999px;
    }
    .badge-pending{
        background:#fffbeb;
        color:#b45309;
    }
    .badge-pending .dot{ background:#f59e0b; }

    .badge-approved{
        background:#ecfdf3;
        color:#15803d;
    }
    .badge-approved .dot{ background:#22c55e; }

    .badge-rejected{
        background:#fef2f2;
        color:#b91c1c;
    }
    .badge-rejected .dot{ background:#ef4444; }

    .mini-label{
        font-size:.75rem;
        color:#6b7280;
        text-transform:uppercase;
        letter-spacing:.06em;
    }
    .mini-value{
        font-size:.9rem;
        font-weight:600;
        color:#111827;
    }

    .btn-soft-secondary{
        background:#f9fafb;
        color:#374151;
        border:1px solid #e5e7eb;
        border-radius:999px;
    }
    .btn-soft-secondary:hover{
        background:#e5e7eb;
        border-color:#d1d5db;
    }

    .btn-soft-primary{
        background:linear-gradient(135deg,#ef4444,#dc2626);
        color:#fff;
        border:none;
        border-radius:999px;
        box-shadow:0 12px 26px rgba(220,38,38,.45);
    }
    .btn-soft-primary:hover{
        filter:brightness(1.02);
        box-shadow:0 16px 34px rgba(185,28,28,.55);
    }

    @media (max-width: 768px){
        .wd-header-stack{
            flex-direction:column;
            align-items:flex-start!important;
            gap:.4rem;
        }
    }
</style>

@php
    if ($withdraw->status === 'pending') {
        $statusClass = 'badge-pending';
        $statusLabel = 'Pending';
    } elseif ($withdraw->status === 'approved') {
        $statusClass = 'badge-approved';
        $statusLabel = 'Approved';
    } else {
        $statusClass = 'badge-rejected';
        $statusLabel = 'Rejected';
    }

    $isBank = str_starts_with($withdraw->method, 'bank:');
@endphp

<div class="wd-edit-bg py-3 py-md-4">
    <div class="container-fluid" style="max-width:900px;">

        <div class="d-flex wd-header-stack justify-content-between align-items-center mb-3">
            <div>
                <h5 class="mb-1 fw-semibold d-flex align-items-center gap-2">
                    <i class="bi bi-cash-coin text-danger fs-5"></i>
                    <span>Withdraw Request #{{ $withdraw->id }}</span>
                </h5>
                <small class="text-muted">
                    User: {{ $withdraw->user?->name ?? 'N/A' }} · {{ $withdraw->user?->email ?? '—' }}
                </small>
            </div>

            <div class="d-flex flex-wrap align-items-center gap-2">
                <span class="badge-status {{ $statusClass }}">
                    <span class="dot"></span>
                    {{ $statusLabel }}
                </span>
                <a href="{{ route('admin.withdraw.index') }}"
                   class="btn btn-sm btn-soft-secondary d-inline-flex align-items-center gap-1">
                    <i class="bi bi-arrow-left"></i>
                    <span>Back to list</span>
                </a>
            </div>
        </div>

        {{-- Request info --}}
        <div class="card wd-card mb-3">
            <div class="card-body">
                <div class="d-flex justify-content-between align-items-center mb-3">
                    <div>
                        <div class="wd-section-title">Request info</div>
                        <small class="text-muted">
                            Base information about this withdraw request.
                        </small>
                    </div>
                </div>

                <div class="row g-3">
                    <div class="col-sm-6">
                        <div class="mini-label">User</div>
                        <div class="mini-value">
                            {{ $withdraw->user?->name ?? 'N/A' }}
                        </div>
                        <div class="text-muted small">
                            <i class="bi bi-envelope me-1"></i>
                            {{ $withdraw->user?->email ?? '—' }}
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="mini-label">Requested at</div>
                        <div class="mini-value">
                            {{ $withdraw->created_at->format('d M, Y H:i') }}
                        </div>
                    </div>

                    <div class="col-sm-4">
                        <div class="mini-label">Amount</div>
                        <div class="mini-value">
                            {{ number_format($withdraw->amount) }} BDT
                        </div>
                    </div>

                    <div class="col-sm-4">
                        <div class="mini-label">Method type</div>
                        <div class="mini-value">
                            @if($isBank)
                                <i class="bi bi-bank2 me-1"></i> Bank
                            @else
                                <i class="bi bi-phone-fill me-1"></i> Mobile
                            @endif
                        </div>
                        <div class="text-muted small">
                            {{ $withdraw->method }}
                        </div>
                    </div>

                    <div class="col-sm-4">
                        <div class="mini-label">Account</div>
                        <div class="mini-value">
                            {{ $withdraw->account_number }}
                        </div>
                        @if($withdraw->account_holder)
                            <div class="text-muted small">
                                <i class="bi bi-person-circle me-1"></i>
                                Holder: {{ $withdraw->account_holder }}
                            </div>
                        @endif
                        @if($withdraw->branch_name)
                            <div class="text-muted small">
                                <i class="bi bi-geo-alt me-1"></i>
                                Branch: {{ $withdraw->branch_name }}
                            </div>
                        @endif
                    </div>

                    @if($withdraw->trx_id)
                        <div class="col-sm-6">
                            <div class="mini-label">TRX ID</div>
                            <div class="mini-value">
                                {{ $withdraw->trx_id }}
                            </div>
                        </div>
                    @endif
                </div>
            </div>
        </div>

        {{-- Update form --}}
        <form method="POST" action="{{ route('admin.withdraw.update', $withdraw) }}">
            @csrf
            @method('PUT')

            <div class="card wd-card">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center mb-3">
                        <div>
                            <div class="wd-section-title">Update status</div>
                            <small class="text-muted">
                                Change status & optionally add transaction id.
                            </small>
                        </div>
                    </div>

                    <div class="mb-3">
                        <label class="form-label fw-semibold">Status</label>
                        <select name="status"
                                class="form-select @error('status') is-invalid @enderror">
                            <option value="pending"  {{ $withdraw->status === 'pending'  ? 'selected' : '' }}>
                                Pending
                            </option>
                            <option value="approved" {{ $withdraw->status === 'approved' ? 'selected' : '' }}>
                                Approved
                            </option>
                            <option value="rejected" {{ $withdraw->status === 'rejected' ? 'selected' : '' }}>
                                Rejected
                            </option>
                        </select>
                        @error('status')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                        <div class="form-text">
                            Rejected করলে ইউজারের balance-এ আবার amount refund হবে (controller এ already হ্যান্ডেল করা আছে)।
                        </div>
                    </div>

                    <div class="mb-2">
                        <label class="form-label fw-semibold">TRX ID (optional)</label>
                        <div class="input-group">
                            <span class="input-group-text">
                                <i class="bi bi-upc-scan"></i>
                            </span>
                            <input type="text"
                                   name="trx_id"
                                   value="{{ old('trx_id', $withdraw->trx_id) }}"
                                   class="form-control @error('trx_id') is-invalid @enderror"
                                   placeholder="Bank / mobile transaction id">
                            @error('trx_id')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="form-text">
                            Approved করলে TRX ID দিলে ইউজারের জন্য রেকর্ডটা পরিষ্কার থাকবে।
                        </div>
                    </div>
                </div>

                <div class="card-footer bg-transparent border-0 pt-0 pb-3">
                    <div class="d-flex justify-content-end gap-2">
                        <a href="{{ route('admin.withdraw.index') }}"
                           class="btn btn-soft-secondary d-inline-flex align-items-center gap-1">
                            <i class="bi bi-x-circle"></i>
                            <span>Cancel</span>
                        </a>
                        <button class="btn btn-soft-primary d-inline-flex align-items-center gap-2" type="submit">
                            <i class="bi bi-save2"></i>
                            <span>Save changes</span>
                        </button>
                    </div>
                </div>
            </div>
        </form>

    </div>
</div>
@endsection