@extends('admin.layouts.app')

@section('panel')
@php $pageTitle = 'Vendor Search Result'; @endphp

@push('breadcrumb-plugins')
    <a href="{{ route('admin.vendors.index') }}" class="btn btn-outline--primary btn-sm">
        <i class="las la-arrow-left"></i> Back
    </a>
@endpush

<div class="pe-page">
    <div class="pe-hero">
        <div>
            <div class="pe-kicker">REFERRAL SEARCH</div>
            <h3>Vendor Access Result</h3>
            <p>User found হলে এখান থেকে সরাসরি vendor access দেওয়া যাবে।</p>
        </div>
        <div class="pe-hero-icon"><i class="las la-user-check"></i></div>
    </div>

    @if($user)
        @php
            $status = $user->vendor_status ?? ((int)$user->is_vendor === 1 ? 'approved' : 'none');
        @endphp

        <div class="card pe-card">
            <div class="card-body">
                <div class="pe-profile">
                    <div class="pe-avatar">{{ strtoupper(substr($user->name ?? 'U', 0, 1)) }}</div>

                    <div class="flex-grow-1">
                        <h4>{{ $user->name ?? '-' }}</h4>
                        <div class="pe-meta">
                            <span><i class="las la-phone"></i> {{ $user->mobile ?? '-' }}</span>
                            <span><i class="las la-envelope"></i> {{ $user->email ?? '-' }}</span>
                            <span><i class="las la-hashtag"></i> {{ $user->referral_code ?? '-' }}</span>
                        </div>
                    </div>

                    <span class="badge badge--primary">{{ ucfirst($status) }}</span>
                </div>

                <hr>

                <form method="POST" action="{{ route('admin.vendors.grant', $user->id) }}">
                    @csrf

                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="fw-bold">Store Name</label>
                            <input type="text" name="store_name" class="form-control" value="{{ old('store_name', $user->store_name ?? $user->name) }}">
                        </div>

                        <div class="col-md-6">
                            <label class="fw-bold">Current Balance</label>
                            <input type="text" class="form-control" value="৳{{ number_format((float)($user->balance ?? 0), 2) }}" readonly>
                        </div>
                    </div>

                    <button class="btn btn--primary w-100 mt-3 h-45">
                        <i class="las la-check-circle"></i> Approve Vendor Access
                    </button>
                </form>

                @if((int)($user->is_vendor ?? 0) === 1)
                    <form method="POST" action="{{ route('admin.vendors.revoke', $user->id) }}" class="mt-2" onsubmit="return confirm('Revoke vendor access?')">
                        @csrf
                        <button class="btn btn--danger w-100 h-45">
                            <i class="las la-ban"></i> Revoke Vendor Access
                        </button>
                    </form>
                @endif
            </div>
        </div>
    @else
        <div class="pe-empty-card">
            <i class="las la-user-times"></i>
            <h4>No user found</h4>
            <p>এই referral code দিয়ে কোনো user পাওয়া যায়নি।</p>
            <a href="{{ route('admin.vendors.index') }}" class="btn btn--primary">Try Again</a>
        </div>
    @endif
</div>
@endsection

@push('style')
<style>
.pe-page{--blue:#0878f7;--navy:#06194a;--border:#dbeafe}
.pe-hero{background:linear-gradient(135deg,#fff,#eaf5ff 55%,#0878f7);border:1px solid var(--border);border-radius:18px;padding:22px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 10px 30px rgba(8,120,247,.10)}
.pe-kicker{font-size:12px;font-weight:900;color:var(--blue);letter-spacing:.8px}
.pe-hero h3{font-weight:900;color:var(--navy);margin:4px 0}.pe-hero p{font-weight:700;color:#64748b;margin:0}
.pe-hero-icon{width:70px;height:70px;border-radius:22px;background:#fff;color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:42px}
.pe-card{border:1px solid var(--border);border-radius:18px;box-shadow:0 8px 24px rgba(15,23,42,.06)}
.pe-profile{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.pe-avatar{width:70px;height:70px;border-radius:22px;background:linear-gradient(135deg,#06194a,#0878f7);color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:900}
.pe-profile h4{font-weight:900;color:var(--navy);margin:0 0 8px}
.pe-meta{display:flex;gap:8px;flex-wrap:wrap}
.pe-meta span{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:7px 10px;font-weight:800;color:#475569}
.pe-empty-card{text-align:center;background:#fff;border:1px solid var(--border);border-radius:18px;padding:35px;box-shadow:0 8px 24px rgba(15,23,42,.06)}
.pe-empty-card i{font-size:58px;color:#0878f7}.pe-empty-card h4{font-weight:900;color:#06194a}
</style>
@endpush