@props([
    'color',
    'optionId',
    'optionValueId',
    'batches' => [],
])

<div>
    @empty($batches)
        <div class="mt-3 b-gray p-2 mb-2">{{ $color }}</div>
    @else
        <div class="mt-3 b-gray p-2 mb-2 d-flex justify-content-between align-items-center">
            {{ $color }}
            <div class="btn btn-danger js-remove-batch-{{ $optionValueId }}">
                <i class="fa-regular fa-trash-can hover"></i>
            </div>
        </div>
    @endempty
    <div class="form-row js-options-{{ $optionValueId }}">
        <input type="hidden" name="parameters[{{ $optionValueId }}][options][option_value_id]"
               value="{{ $optionValueId }}">
        <input type="hidden" name="parameters[{{ $optionValueId }}][options][option_id]" value="{{ $optionId }}">
        <div class="col">
            <label>
                <input type="date" name="parameters[{{ $optionValueId }}][batch][date_start]" class="form-control"
                       value="{{ $batches->date_start ?? '' }}">
            </label>
        </div>
        <div class="col">
            <label>
                <input type="date" name="parameters[{{ $optionValueId }}][batch][date_end]" class="form-control"
                       value="{{ $batches->date_end ?? '' }}">
            </label>
        </div>
        <div class="col">
            <label>
                <input type="date" name="parameters[{{ $optionValueId }}][batch][date_cancel]" class="form-control"
                       value="{{ $batches->date_cancel ?? '' }}">
            </label>
        </div>
        <div class="col">
            <label>
                <input type="date" name="parameters[{{ $optionValueId }}][batch][date_print]" class="form-control"
                       value="{{ $batches->date_print ?? '' }}">
            </label></div>
        <div class="col">
            <label>
                <input type="date" name="parameters[{{ $optionValueId }}][batch][date_delivery]" class="form-control"
                       value="{{ $batches->date_delivery ?? '' }}">
            </label>
        </div>
        <div class="col">
            <label>
                <input type="text" name="parameters[{{ $optionValueId }}][batch][pairs]" class="form-control"
                       value="{{ $batches->pairs ?? '' }}">
            </label>
        </div>
        <div class="col">
{{--            <div class="btn btn-primary js-add-image-input-{{ $optionValueId }}">New Files</div>--}}
        </div>
    </div>
    <div class="form-row js-options-images-{{ $optionValueId }}">
    </div>
</div>