@extends('layouts.admin')

@section('title', 'Edit Vendor Code')
@section('breadcrumb', 'Vendor Codes / Edit')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
    <h4 class="mb-0 fw-bold"><i class="bi bi-pencil me-2 text-primary"></i>Edit — {{ $vendorCode->vendor_id }}</h4>
    <div class="d-flex gap-2">
        <a href="{{ route('admin.vendor-codes.show', $vendorCode) }}" class="btn btn-sm btn-outline-info">
            <i class="bi bi-qr-code me-1"></i>QR Preview
        </a>
        <a href="{{ route('admin.vendor-codes.index') }}" class="btn btn-sm btn-outline-secondary">
            <i class="bi bi-arrow-left me-1"></i>Back
        </a>
    </div>
</div>

<div class="row g-3">
    <div class="col-lg-7">
        <div class="card p-4">
            <form method="POST" action="{{ route('admin.vendor-codes.update', $vendorCode) }}">
                @csrf @method('PUT')
                @include('admin.vendor-codes._form')
                <div class="d-flex gap-2 mt-4">
                    <button type="submit" class="btn btn-primary">
                        <i class="bi bi-save me-2"></i>Update
                    </button>
                    <a href="{{ route('admin.vendor-codes.index') }}" class="btn btn-outline-secondary">Cancel</a>
                </div>
            </form>
        </div>
    </div>

    <div class="col-lg-5">
        <div class="card p-4 text-center">
            <h6 class="fw-bold text-muted mb-2 text-uppercase" style="font-size:.75rem;letter-spacing:1px">QR Code</h6>

            @if($vendorCode->qr_code_path)
                <img src="{{ $vendorCode->getQrImageUrl() }}"
                     alt="QR"
                     class="img-fluid mx-auto d-block mb-3"
                     style="max-width:180px;border:1px solid #e2e8f0;border-radius:.5rem;padding:6px">

                <div class="d-grid gap-2">
                    <a href="{{ route('admin.vendor-codes.download-qr', $vendorCode) }}"
                       class="btn btn-success btn-sm">
                        <i class="bi bi-download me-2"></i>Download QR
                    </a>
                    <form method="POST" action="{{ route('admin.vendor-codes.regenerate-qr', $vendorCode) }}">
                        @csrf
                        <button type="submit" class="btn btn-outline-secondary btn-sm w-100">
                            <i class="bi bi-arrow-clockwise me-2"></i>Regenerate QR
                        </button>
                    </form>
                </div>
            @else
                <p class="text-muted small">No QR yet.</p>
                <form method="POST" action="{{ route('admin.vendor-codes.regenerate-qr', $vendorCode) }}">
                    @csrf
                    <button type="submit" class="btn btn-primary btn-sm w-100">
                        <i class="bi bi-qr-code me-2"></i>Generate QR
                    </button>
                </form>
            @endif

            <div class="mt-3 text-muted small">
                <span class="badge bg-dark font-monospace">{{ $vendorCode->vendor_id }}</span>
            </div>
            <div class="mt-2 p-2 bg-light rounded text-start">
                <div class="text-muted" style="font-size:.7rem">QR points to:</div>
                <div class="text-break" style="font-family:monospace;font-size:.72rem;color:#555;word-break:break-all">
                    {{ $vendorCode->getQrUrl() }}
                </div>
            </div>
        </div>
    </div>
</div>
@endsection