@php $component_prefix = "componentlinkgroups" @endphp
@extends('admin.layouts.components.subcomponents.card', [
    "title" => "Link",
])
@section('body')
    <div class="form-row">
        
        <div class="col-md-6 col-12 d-flex">
            <div class="form-row pr-md-5">
                <div class="form-group col-12">
                    <label for="{{"components-$itemID-subcomponents-$i-values-title"}}">Link Title</label>
                    <input value="{{ old("components.$itemID.subcomponents.$i.values.title", $sub->subcomponents[$i]->title ?? "") }}" class="form-control w-100" type="text" name="components[{{$itemID}}][subcomponents][{{$i}}][values][title]" id="{{"components-$itemID-subcomponents-$i-values-title"}}">
                </div>
                <div class="form-group col-12 mt-auto">
                    <label for="{{"components-$itemID-subcomponents-$i-values-url"}}">URL</label>
                    <input value="{{ old("components.$itemID.subcomponents.$i.values.url", $sub->subcomponents[$i]->url ?? "") }}" class="form-control w-100" type="text" name="components[{{$itemID}}][subcomponents][{{$i}}][values][url]" id="{{"components-$itemID-subcomponents-$i-values-url"}}">
                </div>
            </div>
        </div>

        <div class="col-md-6 col-12">
            <div class="form-row">
                <div class="col-6">
                    <div class="form-group">        
                        {{-- Drop Down Menu --}}
                        <label for="{{"components-$itemID-subcomponents-$i-values-category"}}">Category: </label>
                        <select name="components[{{$itemID}}][subcomponents][{{$i}}][values][category]" id="{{"components-$itemID-subcomponents-$i-values-category"}}" class="form-control link-group-cat-select">
                                                        
                            <option disabled>Select Category</option>

                            {{-- Get Categories --}}
                            @if(isset($sub) && isset($sub->categories) && !empty($sub->categories))
                                @if(is_array(json_decode($sub->categories)))
                                    @foreach(json_decode($sub->categories) as $category)                                             
                                        <option value="{{$category}}" {{ old("components.$itemID.subcomponents,$i.values.category", $sub->subcomponents[$i]->category ?? null) == $category ? "selected": "" }}>{{ $category }}</option>            
                                    @endforeach     
                                @endif
                            @endif

                        </select>                
                    </div>
                </div>                
            </div>
        </div>
    </div>
        
    <input type="hidden" name="components[{{$itemID}}][subcomponents][{{$i}}][type]" value="ComponentLinkGroupsItem">
@overwrite