@include('admin.layouts.header')

<div class="col-sm-9 col-md-10">
    <div class="content">
        <div class="panel panel-default">
            <div class="panel-heading">Item Rules (Addons)</div>
            <div class="panel-body">
                <div class="row">
                    <!-- Form Column -->
                    <div class="col-md-7">
                        <form action="{{ route('admin.item_group_addon_rule.save') }}" method="POST" style="width:100%">
                            @csrf
                            <input type="hidden" name="item" value="{{ $item_data->id }}">

                            <table class="table table-bordered">
                                <tr>
                                    <td>Item Name</td>
                                    <td>{{ $item_data->item_name }}</td>
                                </tr>
                                <tr>
                                    <td>Addon Set</td>
                                    <td>
                                        <select class="form-control" onchange="load_child(this)" name="addon_id" required>
                                            <option value="">-Select Addon Set-</option>
                                            @foreach($addons as $addon)
                                                <option value="{{ $addon->id }}" @if(isset($rule) && $rule->addon_id == $addon->id) selected @endif>
                                                    {{ $addon->addon_name }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Addon Group</td>
                                    <td>
                                        <select class="form-control addon-group-dropdown" name="addon_group_id" required>
                                            <option value="">-Select Addon Group-</option>
                                            @if(isset($rule))
                                                @php
                                                    $groups = DB::table('addon_groups')->where('addon_id', $rule->addon_id)->get();
                                                @endphp
                                                @foreach($groups as $group)
                                                    <option value="{{ $group->id }}" @if($rule->addon_group_id == $group->id) selected @endif>
                                                        {{ $group->group_name }}
                                                    </option>
                                                @endforeach
                                            @endif
                                        </select>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Min</td>
                                    <td>
                                        <input type="number" class="form-control" name="min" value="{{ $rule->min ?? '' }}" required>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Max</td>
                                    <td>
                                        <input type="number" class="form-control" name="max" value="{{ $rule->max ?? '' }}" required>
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="2" class="text-center">
                                        <button style="float:right" type="submit" class="btn btn-success">
                                            {{ isset($rule) ? 'Update Rules' : 'Save Rules' }}
                                        </button>

                                        @if(isset($rule))
                                            <a href="{{ route('admin.item_group_addon_rule.delete', $rule->id) }}" class="btn btn-danger" style="float:left;">
                                                Delete Rule
                                            </a>
                                        @endif
                                    </td>
                                </tr>
                            </table>
                        </form>
                    </div>

                    <!-- Note Column -->
                    <div class="col-md-5">
                        <div class="alert alert-info">
                            <strong>Note:</strong><br>
                            Some items have <strong>only Min and Max restrictions</strong> based on the nature of the item.<br>
                            Example: <br>
                            - 1/2 pound chicken wings<br>
                            - 2 pound chicken wings<br><br>
                            These restrictions apply only for items within a group.
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
function load_child(selectElement) {
    let parent_id = selectElement.value;
    if (!parent_id) return;

    let child_url = `{{ route('admin.addons.addon_groups') }}?addon_id=` + parent_id;

    fetch(child_url)
    .then(response => {
        if (!response.ok) throw new Error("HTTP error " + response.status);
        return response.json();
    })
    .then(data => {
        let addonGroupSelect = document.querySelector(".addon-group-dropdown");

        addonGroupSelect.innerHTML = `<option value="">-Select Addon Group-</option>`;
        data.forEach(group => {
            let option = document.createElement("option");
            option.value = group.id;
            option.text = group.group_name;
            addonGroupSelect.appendChild(option);
        });
    })
    .catch(error => {
        console.error("Error fetching child data:", error);
    });
}
</script>

@include('admin.layouts.footer')