@extends('layouts.app')

@section('title', 'Edit Vendor - Admin')

@section('content')
<div class="row g-4">
    <!-- Left Sidebar: Menu / Navigation -->
    <div class="col-lg-2">
        <h5 class="fw-bold mb-3 text-secondary ps-2">Partnership</h5>
        <div class="list-group list-group-flush border rounded shadow-sm mb-4">
            <a href="{{ route('admin.vendors.index') }}" class="list-group-item list-group-item-action active fw-bold">
                <i class="bi bi-people me-2"></i> All Vendors
            </a>
            <a href="{{ route('admin.vendors.show', $vendor->id) }}" class="list-group-item list-group-item-action">
                <i class="bi bi-eye me-2 text-info"></i> View Profile
            </a>
            <a href="{{ route('admin.vendor-verification.show', $vendor->id) }}" class="list-group-item list-group-item-action">
                <i class="bi bi-shield-check me-2 text-primary"></i> KYC & Verification
            </a>
            <a href="{{ route('admin.payouts.index') }}" class="list-group-item list-group-item-action">
                <i class="bi bi-wallet2 me-2 text-success"></i> Payouts
            </a>
        </div>
        
        <div class="d-grid shadow-sm">
            <a href="{{ route('admin.vendors.index') }}" class="btn btn-outline-dark btn-sm fw-bold border-2">
                <i class="bi bi-arrow-left me-2"></i> Back to Vendors
            </a>
        </div>
    </div>

    <!-- Center: Main Content (Edit Form) -->
    <div class="col-lg-7">
        <div class="mb-4 d-flex justify-content-between align-items-end">
            <div>
                <h2 class="fw-bold mb-1">Modify Vendor</h2>
                <p class="text-muted small mb-0">Adjust configuration for <strong>{{ $vendor->shop_name }}</strong>.</p>
            </div>
            <div class="small fw-bold text-muted text-uppercase mb-1" style="font-size: 0.65rem;">Joined: {{ $vendor->created_at->format('M Y') }}</div>
        </div>

        <div class="card shadow-sm border-0 bg-white">
            <div class="card-body p-4">
                <form action="{{ route('admin.vendors.update', $vendor->id) }}" method="POST">
                    @csrf
                    @method('PUT')
                    
                    <h6 class="fw-bold mb-4 text-primary text-uppercase letter-spacing-1" style="font-size: 0.75rem;">1. Administrative Access</h6>
                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="form-label fw-bold small text-uppercase opacity-75">Owner Full Name</label>
                            <input type="text" name="name" class="form-control border-2" value="{{ old('name', $vendor->user->name) }}" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-bold small text-uppercase opacity-75">Primary Email</label>
                            <input type="email" name="email" class="form-control border-2 bg-light" value="{{ old('email', $vendor->user->email) }}" required>
                        </div>
                        <div class="col-md-12 mb-4">
                            <label class="form-label fw-bold small text-uppercase opacity-75">Security Update <small class="text-muted">(Leave blank to keep current)</small></label>
                            <div class="input-group">
                                <span class="input-group-text bg-white border-end-0 border-2"><i class="bi bi-lock text-muted"></i></span>
                                <input type="password" name="password" class="form-control border-start-0 ps-0 shadow-none border-2" placeholder="Force reset password...">
                            </div>
                        </div>
                    </div>

                    <h6 class="fw-bold mb-4 text-primary text-uppercase letter-spacing-1" style="font-size: 0.75rem;">2. Shop & Legal Metadata</h6>
                    <div class="row g-3">
                        <div class="col-md-8">
                            <label class="form-label fw-bold small text-uppercase opacity-75">Global Shop Name</label>
                            <input type="text" name="shop_name" class="form-control border-2" value="{{ old('shop_name', $vendor->shop_name) }}" required>
                        </div>
                        <div class="col-md-4">
                            <label class="form-label fw-bold small text-uppercase opacity-75">Platform Fee (%)</label>
                            <div class="input-group">
                                <input type="number" step="0.01" name="commission_rate" class="form-control border-2" value="{{ old('commission_rate', $vendor->commission_rate) }}" required>
                                <span class="input-group-text bg-primary text-white border-0"><i class="bi bi-percent"></i></span>
                            </div>
                        </div>
                        
                        <div class="col-md-6">
                            <label class="form-label fw-bold small text-uppercase opacity-75">Tax ID / PAN</label>
                            <input type="text" name="pan_number" class="form-control border-2" value="{{ old('pan_number', $vendor->pan_number) }}">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-bold small text-uppercase opacity-75">Vat / GST Number</label>
                            <input type="text" name="gst_number" class="form-control border-2" value="{{ old('gst_number', $vendor->gst_number) }}">
                        </div>
                        
                        <div class="col-md-12">
                            <label class="form-label fw-bold small text-uppercase opacity-75">Merchant Bio</label>
                            <textarea name="description" class="form-control border-2" rows="4">{{ old('description', $vendor->description) }}</textarea>
                        </div>
                    </div>

                    <h6 class="fw-bold mb-4 text-primary text-uppercase letter-spacing-1" style="font-size: 0.75rem;">3. Verification Controls</h6>
                    <div class="row g-3 mb-4">
                        <div class="col-md-4">
                            <label class="form-label fw-bold small">Verification Level</label>
                            <select name="verification_level" class="form-select border-2">
                                <option value="1" {{ ($vendor->verification_level ?? 1) == 1 ? 'selected' : '' }}>Level 1 — Basic Vendor</option>
                                <option value="2" {{ ($vendor->verification_level ?? 1) == 2 ? 'selected' : '' }}>Level 2 — KYC Submitted</option>
                                <option value="3" {{ ($vendor->verification_level ?? 1) == 3 ? 'selected' : '' }}>Level 3 — Fully Verified</option>
                            </select>
                        </div>
                        <div class="col-md-4">
                            <label class="form-label fw-bold small">KYC Status</label>
                            <select name="kyc_status" class="form-select border-2">
                                @foreach(['not_submitted','under_review','approved','rejected'] as $s)
                                <option value="{{ $s }}" {{ $vendor->normalizedKycStatus() === $s ? 'selected' : '' }}>{{ ucwords(str_replace('_',' ',$s)) }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-4">
                            <label class="form-label fw-bold small">Seller Type</label>
                            <select name="seller_type" class="form-select border-2">
                                <option value="individual" {{ ($vendor->seller_type ?? 'individual') === 'individual' ? 'selected' : '' }}>Individual</option>
                                <option value="business" {{ ($vendor->seller_type ?? '') === 'business' ? 'selected' : '' }}>Business</option>
                            </select>
                        </div>
                        <div class="col-md-4">
                            <label class="form-label fw-bold small">Trust Score (0-100)</label>
                            <input type="number" name="trust_score" class="form-control border-2" min="0" max="100" value="{{ old('trust_score', $vendor->trust_score ?? 10) }}">
                        </div>
                        <div class="col-md-4">
                            <label class="form-label fw-bold small d-block">Bank Verified</label>
                            <div class="form-check form-switch mt-2">
                                <input class="form-check-input" type="checkbox" name="bank_verified" value="1" id="bankVerifiedCheck" {{ $vendor->bank_verified ? 'checked' : '' }}>
                                <label class="form-check-label" for="bankVerifiedCheck">Mark bank as verified</label>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <label class="form-label fw-bold small d-block">Quick Actions</label>
                            <div class="d-flex gap-2 flex-wrap mt-1">
                                <a href="{{ route('admin.vendor-verification.show', $vendor->id) }}" class="btn btn-sm btn-outline-primary">KYC Docs</a>
                            </div>
                        </div>
                    </div>

                    <div class="mt-5 border-top pt-4 text-end">
                        <button type="submit" class="btn btn-primary px-5 fw-bold shadow-sm rounded-pill py-2">
                            Update Merchant Profile <i class="bi bi-shield-check ms-2"></i>
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!-- Right Sidebar: Stats & Intelligence -->
    <div class="col-lg-3">
        <h5 class="fw-bold mb-3 ps-1">Partner Intel</h5>
        
        <div class="card border-0 shadow-sm mb-4 bg-dark text-white p-4">
             <div class="d-flex align-items-center mb-3">
                <div class="bg-primary p-2 rounded-circle me-3"><i class="bi bi-shield-check fs-5"></i></div>
                <div>
                    <h6 class="fw-bold mb-0">Verification Status</h6>
                    <small class="opacity-50">Level {{ $vendor->verification_level ?? 1 }}</small>
                </div>
             </div>
             <div class="row g-2 mb-2 small">
                 <div class="col-6"><div class="bg-white bg-opacity-10 p-2 rounded text-center"><div class="opacity-50">Products</div><div class="fw-bold">{{ $verificationStats['product_count'] ?? 0 }}@if($verificationStats['product_limit'] ?? null)/{{ $verificationStats['product_limit'] }}@endif</div></div></div>
                 <div class="col-6"><div class="bg-white bg-opacity-10 p-2 rounded text-center"><div class="opacity-50">Trust</div><div class="fw-bold">{{ $vendor->trust_score ?? 0 }}</div></div></div>
                 <div class="col-6"><div class="bg-white bg-opacity-10 p-2 rounded text-center"><div class="opacity-50">KYC</div><div class="fw-bold">{{ $verificationStats['kyc_label'] ?? '—' }}</div></div></div>
                 <div class="col-6"><div class="bg-white bg-opacity-10 p-2 rounded text-center"><div class="opacity-50">Health</div><div class="fw-bold">{{ $verificationStats['store_health'] ?? 0 }}%</div></div></div>
             </div>
        </div>

        <div class="card border-0 shadow-sm mb-4">
            <div class="card-header bg-white py-3 border-0">
                <h6 class="fw-bold mb-0 small text-uppercase text-muted">Recent Merchant Log</h6>
            </div>
            <div class="card-body p-0">
                <div class="list-group list-group-flush small">
                    @forelse($recentActivities as $activity)
                    <div class="list-group-item py-3">
                        <div class="d-flex align-items-center">
                            <div class="flex-shrink-0">
                                <span class="bg-light p-2 rounded-circle d-flex align-items-center justify-content-center" style="width: 32px; height: 32px;">
                                    @if($activity['type'] == 'success') <i class="bi bi-check-circle text-success"></i>
                                    @elseif($activity['type'] == 'info') <i class="bi bi-info-circle text-info"></i>
                                    @else <i class="bi bi-lightning-charge text-primary"></i>
                                    @endif
                                </span>
                            </div>
                            <div class="flex-grow-1 ms-3">
                                <div class="fw-bold text-dark">{{ $activity['title'] }}</div>
                                <div class="text-muted" style="font-size: 0.7rem;">{{ $activity['time'] }}</div>
                            </div>
                        </div>
                    </div>
                    @empty
                    <div class="p-3 text-center text-muted">No recent activity</div>
                    @endforelse
                </div>
            </div>
        </div>

        <div class="alert alert-primary border-0 shadow-sm p-4">
             <h6 class="fw-bold mb-1 small"><i class="bi bi-cpu me-2"></i>Performance Tip</h6>
             <p class="small mb-0 opacity-75">Vendors with lower platform fees (8-10%) typically list 40% more inventory items.</p>
        </div>
    </div>
</div>
@endsection