@extends('admin.layouts.components.subcomponents.card', ['title' => 'Image, Title and Text Item'])
@section('body')

<div class="form-row">
    <div class="col-12">
        <div class="form-group">
            <label>Select Image</label>
            @include('admin.partials.inputs.imgInput', [
                'i' => $i,
                'uid' => 'box-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>
</div>

<div class="form-row">
    <div class="form-group col-md-4 col-12">
        <label for="{{"components-$itemID-subcomponents-$i-values-name"}}">Name</label>
        <input value="{{ old("components.$itemID.subcomponents.$i.values.name", $sub->subcomponents[$i]->name ?? "") }}" class="form-control w-100" type="text" name="components[{{$itemID}}][subcomponents][{{$i}}][values][name]" id="{{"components-$itemID-subcomponents-$i-values-name"}}">
    </div>
</div>

<div class="form-row">
    <div class="form-group col-md-4 col-12">
        <label for="{{"components-$itemID-subcomponents-$i-values-title"}}">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>

<div class="form-row">
    <div class="form-group col-md-4 col-12">
        <label for="{{"components-$itemID-subcomponents-$i-values-sub-title"}}">Sub Title</label>
        <input value="{{ old("components.$itemID.subcomponents.$i.values.sub-title", $sub->subcomponents[$i]->sub_title ?? "") }}" class="form-control w-100" type="text" name="components[{{$itemID}}][subcomponents][{{$i}}][values][sub_title]" id="{{"components-$itemID-subcomponents-$i-values-sub-title"}}">
    </div>
</div>

<div class="form-row">
    <div class="form-group col-md-4 col-12">
        <label for="{{"components-$itemID-subcomponents-$i-values-link-heading"}}">Link Heading</label>
        <input value="{{ old("components.$itemID.subcomponents.$i.values.link-heading", $sub->subcomponents[$i]->link_heading ?? "") }}" class="form-control w-100" type="text" name="components[{{$itemID}}][subcomponents][{{$i}}][values][link_heading]" id="{{"components-$itemID-subcomponents-$i-values-link-heading"}}">
    </div>
</div>

<div class="form-row">
    <div class="form-group col-md-4 col-12">
        <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 class="form-row">
    <div class="form-group col-12">
        <label>Text</label>
        <textarea class="form-control w-100" rows="3" name="components[{{$itemID}}][subcomponents][{{$i}}][values][text]">{{ $sub->subcomponents[$i]->text ?? old("components[$itemID][subcomponents][$i][values][text]", "") }}</textarea>
    </div>
</div>

{{-- Component Item Type --}}
<input type="hidden" name="components[{!!$itemID!!}][subcomponents][{!!$i!!}][type]" value="ComponentImageTitleAndTextItem">
@overwrite