@extends('layouts.admin')

@section('title', 'Supplier mapping')
@section('page_title', 'Supplier mapping')

@section('content')
<form method="POST" action="{{ route('admin.trade.map.save') }}" class="kt-card">
    @csrf
    <div class="kt-card-content flex flex-col gap-4 p-5">
        <div class="flex flex-col gap-1">
            <label class="kt-form-label">Supplier</label>
            <select class="kt-select" name="supplier_id" onchange="location.href='{{ route('admin.trade.map') }}?supplier='+this.value">
                <option value="">Choose</option>
                @foreach($suppliers as $supplier)
                    <option value="{{ $supplier->id }}" @selected((string) request('supplier') === (string) $supplier->id)>{{ $supplier->company_name ?: $supplier->name }}</option>
                @endforeach
            </select>
        </div>
        @php
            $selected = $suppliers->firstWhere('id', (int) request('supplier'));
            $customerIds = $selected?->suppliedCustomers()->pluck('users.id')->all() ?? [];
            $productIds = $selected?->suppliedProducts()->pluck('products.id')->all() ?? [];
        @endphp
        <div>
            <h3 class="font-medium mb-2">Business customers</h3>
            @foreach($customers as $customer)
                <label class="flex items-center gap-2 mb-1">
                    <input class="kt-checkbox" type="checkbox" name="customers[]" value="{{ $customer->id }}" @checked(in_array($customer->id, $customerIds))>
                    {{ $customer->company_name ?: $customer->name }} · {{ $customer->customerType->name ?? '' }}
                </label>
            @endforeach
        </div>
        <div>
            <h3 class="font-medium mb-2">Products this supplier fulfils</h3>
            @foreach($products as $product)
                <label class="flex items-center gap-2 mb-1">
                    <input class="kt-checkbox" type="checkbox" name="products[]" value="{{ $product->id }}" @checked(in_array($product->id, $productIds))>
                    {{ $product->name }} ({{ $product->unit ?: 'kg' }})
                </label>
            @endforeach
        </div>
        <button class="kt-btn kt-btn-primary" type="submit">Save mapping</button>
    </div>
</form>
@endsection