@extends('admin.layouts.components.subcomponents.card', [
    "title" => "Carousel Slide",
])
@section('body')
<div class="form-row"> 

        <div class="col-lg-6">
            <div class="form-group">
                <label>Slide image</label>
                @include('admin.partials.inputs.imgInput', [
                    'i' => $i,
                    'uid' => 'images-'.$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'
                    ]
                )
                {{-- <input type="hidden" name="components[{{$itemID}}][subcomponents][{{$i}}][type]" value="ComponentCarouselImage"> --}}
                <input type="hidden" name="components[{{$itemID}}][subcomponents][{{$i}}][type]" value="ComponentCarouselSlide">
            </div>
        </div>

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

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


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

            <div class="form-group d-none">
                <label>Order</label>
                <input type="number" min="0" step="1" class="form-control" name="components[{{$itemID}}][subcomponents][{{$i}}][values][sort_order]" value="{{ $sub->subcomponents[$i]->sort_order ?? old("components[$itemID][subcomponents][$i][values][sort_order]", "") }}">
            </div>  
        </div>
        
        <div class="col-lg-12">
            <div class="form-group">
                <label>Entry Content</label>
                <textarea class="form-control w-100" rows="3" name="components[{{$itemID}}][subcomponents][{{$i}}][values][content]">{{ $sub->subcomponents[$i]->content ?? old("components[$itemID][subcomponents][$i][values][content]", "") }}</textarea>
            </div>
            
        </div>
        
        <input type="hidden" name="components [{{$itemID}}][subcomponents][{{$i}}][type]" value="ComponentCarouselSlide">

    </div>
@overwrite