@php $component_prefix = "componentimagelink" @endphp
@extends('admin.layouts.components.subcomponents.card', [
    "title" => "Image Link Item",
])
@section('body')

    <div class="form-group">
        <label>Heading</label>
        <input value="{{ $sub->subcomponents[$i]->heading ?? old("components[$itemID][subcomponents][$i][values][heading]", "") }}" class="form-control" type="text" name="components[{{$itemID}}][subcomponents][{{$i}}][values][heading]">
    </div>

    <div class="form-group">
        <label>URL</label>
        <input value="{{ $sub->subcomponents[$i]->url ?? old("components[$itemID][subcomponents][$i][values][url]", "") }}" class="form-control" type="text" name="components[{{$itemID}}][subcomponents][{{$i}}][values][url]">
    </div>

    <div class="form-group">
        <label>Video URL</label>
        <input value="{{ $sub->subcomponents[$i]->video_url ?? old("components[$itemID][subcomponents][$i][values][video_url]", "") }}" class="form-control" type="text" name="components[{{$itemID}}][subcomponents][{{$i}}][values][video_url]">
    </div>

    <div class="form-group">
        <label>Image</label>
        @include('admin.partials.inputs.imgInput', [
            'i' => $i,
            'uid' => 'icon-image-'.$itemID.'-'.$i,
            'name'  => 'components['.$itemID.'][subcomponents]['.$i.'][values][image]',
            'value' => old("components.$itemID.subcomponents.$i.values.image", $sub->subcomponents[$i]->image ?? ""),
            'thumb' => old("components.$itemID.subcomponents.$i.values.image", $sub->subcomponents[$i]->image ?? '/images/image-placeholder.png')??'/images/image-placeholder.png',
            'classes' => 'mb-3'
            ]
        )
    </div>

    <div class="form-group">
        <label class="form-label">Image Title Tag</label>
        <input value="{{ $sub->subcomponents[$i]->title_tag ?? old("components[$itemID][subcomponents][$i][values][title_tag]", "") }}" class="form-control" type="text" name="components[{{$itemID}}][subcomponents][{{$i}}][values][title_tag]">
    </div>

    <div class="form-group">
        <label class="form-label">Image Alt Text</label>
        <input value="{{ $sub->subcomponents[$i]->alt_text ?? old("components[$itemID][subcomponents][$i][values][alt_text]", "") }}" class="form-control" type="text" name="components[{{$itemID}}][subcomponents][{{$i}}][values][alt_text]">
    </div>

    <div class="form-group">
        <label class="form-label">Description</label>
        <input value="{{ $sub->subcomponents[$i]->description ?? old("components[$itemID][subcomponents][$i][values][description]", "") }}" class="form-control" type="text" name="components[{{$itemID}}][subcomponents][{{$i}}][values][description]">
    </div>

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