@extends('layouts.admin')

@section('title', 'Vendor Code — ' . $vendorCode->vendor_id)
@section('breadcrumb', 'Vendor Codes / ' . $vendorCode->vendor_id)

@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
    <h4 class="mb-0 fw-bold">
        <i class="bi bi-building me-2 text-primary"></i>
        {{ $vendorCode->vendor_id }}
    </h4>
    <div class="d-flex gap-2">
        <a href="{{ route('admin.vendor-codes.edit', $vendorCode) }}" class="btn btn-sm btn-primary">
            <i class="bi bi-pencil me-1"></i>Edit
        </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">
    {{-- Vendor Details --}}
    <div class="col-12">
        <div class="card p-4 mb-3">
            <h6 class="fw-bold text-muted mb-3 text-uppercase" style="font-size:.75rem;letter-spacing:1px">Vendor Details</h6>
            <table class="table table-borderless table-sm mb-0">
                <tbody>
                    <tr>
                        <th class="text-muted fw-normal" style="width:170px">Vendor ID</th>
                        <td><span class="badge bg-dark font-monospace fs-6">{{ $vendorCode->vendor_id }}</span></td>
                    </tr>
                    <tr>
                        <th class="text-muted fw-normal">Vendor Code</th>
                        <td><code class="fw-bold fs-6">{{ $vendorCode->code }}</code></td>
                    </tr>
                    <tr>
                        <th class="text-muted fw-normal">Type</th>
                        <td>
                            @if($vendorCode->is_prefix)
                                <span class="badge bg-info text-dark">Batch Prefix</span>
                            @else
                                <span class="badge bg-secondary">Exact Match</span>
                            @endif
                        </td>
                    </tr>
                    <tr>
                        <th class="text-muted fw-normal">Status</th>
                        <td>
                            @if($vendorCode->status === 'active')
                                <span class="badge badge-active">Active</span>
                            @else
                                <span class="badge badge-inactive">Inactive</span>
                            @endif
                        </td>
                    </tr>
                    @if($vendorCode->notes)
                    <tr>
                        <th class="text-muted fw-normal">Notes</th>
                        <td>{{ $vendorCode->notes }}</td>
                    </tr>
                    @endif
                    <tr>
                        <th class="text-muted fw-normal">Created</th>
                        <td>{{ $vendorCode->created_at->format('d/m/Y H:i') }}</td>
                    </tr>
                </tbody>
            </table>
        </div>

        {{-- Linked Manufacturer --}}
        @if($vendorCode->manufacturer)
        <div class="card p-4">
            <h6 class="fw-bold text-muted mb-3 text-uppercase" style="font-size:.75rem;letter-spacing:1px">Linked Manufacturer</h6>
            <table class="table table-borderless table-sm mb-0">
                <tbody>
                    <tr>
                        <th class="text-muted fw-normal" style="width:170px">Manufacturer</th>
                        <td>{{ $vendorCode->manufacturer->manufacturer_name }}</td>
                    </tr>
                    @if($vendorCode->manufacturer->brand_name)
                    <tr>
                        <th class="text-muted fw-normal">Brand</th>
                        <td>{{ $vendorCode->manufacturer->brand_name }}</td>
                    </tr>
                    @endif
                    @if($vendorCode->manufacturer->fssai_license_number)
                    <tr>
                        <th class="text-muted fw-normal">FSSAI</th>
                        <td><code>{{ $vendorCode->manufacturer->fssai_license_number }}</code></td>
                    </tr>
                    @endif
                    <tr>
                        <th class="text-muted fw-normal">Status</th>
                        <td>
                            @if($vendorCode->manufacturer->status === 'active')
                                <span class="badge badge-active">Active</span>
                            @else
                                <span class="badge badge-inactive">Inactive</span>
                            @endif
                        </td>
                    </tr>
                </tbody>
            </table>
            <div class="mt-2">
                <a href="{{ route('admin.manufacturers.show', $vendorCode->manufacturer) }}"
                   class="btn btn-sm btn-outline-primary">
                    <i class="bi bi-eye me-1"></i>View Manufacturer
                </a>
            </div>
        </div>
        @endif
    </div>
</div>
@endsection