@php

    if(array_has($sub, 'layout')) {
        $layout = $sub->layout;
    } else {
        $layout = 'left';
    }

 (isset($sub->subcomponents)) ? $entryCount = (count($sub->subcomponents)) : $entryCount = 1;

@endphp

<div class="form-group">
    <label>Layout</label>
    <select name="components[{{$item->id}}][values][layout]" class="form-control">
        <option value="left" {{ $layout === 'left' ? 'selected' : '' }}>Left Aligned Image</option>
        <option value="right" {{ $layout === 'right' ? 'selected' : '' }}>Right Aligned Image</option>
        <option value="center" {{ $layout === 'center' ? 'selected' : '' }}>Center Aligned Image</option>
        <option value="full-width" {{ $layout === 'full-width' ? 'selected' : '' }}>Full Width</option>
        <option value="right-with-link" {{ $layout === 'right-with-link' ? 'selected' : '' }}>Right Aligned Image with Link</option>
        <option value="team" {{ $layout === 'team' ? 'selected' : '' }}>Team</option>
        <option value="supporting-contractors" {{ $layout === 'supporting-contractors' ? 'selected' : '' }}>Supporting Contractors</option>
        <option value="associations" {{ $layout === 'associations' ? 'selected' : '' }}>Associations</option>
        <option value="full-width-text" {{ $layout === 'full-width-text' ? 'selected' : '' }}>Full Width Text</option>
    </select>
</div>

{{-- ASPECT RATIO --}}
@php
$check = old("components.".$item->id.".values.aspect_ratio", $sub->aspect_ratio ?? null);
$ratios = getAspectRatios();
@endphp

<div class="form-group">
    <div><label for="{{'components-'.$item->id.'-values-aspect_ratio'}}">Aspect Ratio</label></div>
    <select name="{{'components['.$item->id.'][values][aspect_ratio]'}}" id="{{'components-'.$item->id.'-values-aspect_ratio'}}">
        @foreach($ratios as $arLabel => $arVal)
            <option value="{{$arVal}}" {{($check == $arVal)? 'selected':''}}>{{$arLabel}}</option>
        @endforeach
    </select>
</div>

<div class="repeatable-component-wrapper">

    <div class="component sortable-with-handle">

        @for($i = 0; $i < $entryCount; $i++)
            @include('componentimagetitleandtext::item.editor',
                [
                    'i'         => $i,
                    'itemID'    => $item->id
                ]
            )
        @endfor

    </div>

    @if(isset($post->id))
        <input type="hidden" name="components[{{$item->id}}][post_id]" value="{{$post->id}}">
    @endif

    <input type="hidden" name="components[{{$item->id}}][type]" value="ComponentImageTitleAndText">
    <button type="button" class="add-sub btn btn-primary" data-route="/admin/componentimagetitleandtext/add" data-id="{{$item->id}}" data-i="{{$i}}">Add another</button>
    <i class="fa fa-circle-o-notch fa-lg fa-spin loading-icon" style="display: none;"></i>
</div>