@php
    $field = function ($name) use ($item) {
        return "components[{$item->id}][values][{$name}]";
    };
    $old = function ($name, $default = '') use ($item, $sub) {
        return old("components.{$item->id}.values.{$name}", $sub->$name ?? $default);
    };
@endphp

<div class="pb-5">

    <div class="form-row">
        <div class="form-group col-md-4">
            <label>Background Photo</label>
            <div class="image-component-thumb">
                @include('admin.partials.inputs.imgInput', [
                    'i'       => 'testimonial-banner-'.$item->id,
                    'uid'     => 'testimonial-banner-'.$item->id,
                    'name'    => $field('image'),
                    'value'   => $old('image', null),
                    'thumb'   => $old('image', '/images/image-placeholder.png') ?: '/images/image-placeholder.png',
                    'classes' => ''
                ])
            </div>
            <small>A wide landscape photo, at least 1920px across. It is cropped to fill the banner.</small>
        </div>

        <div class="col-md-8">
            <div class="form-group">
                <label>Photo Alt Text</label>
                <input class="form-control" type="text" name="{{ $field('alt') }}" value="{{ $old('alt') }}" placeholder="e.g. Corten fire pit and garden by Costata, Wamberal">
            </div>

            <div class="form-group">
                <label>Quote Box Position</label>
                <select name="{{ $field('position') }}" class="form-control">
                    <option value="right" {{ $old('position', 'right') == 'right' ? 'selected' : '' }}>Right</option>
                    <option value="left" {{ $old('position', 'right') == 'left' ? 'selected' : '' }}>Left</option>
                </select>
            </div>

            <div class="form-group">
                <label>Client Name</label>
                <input class="form-control" type="text" name="{{ $field('author') }}" value="{{ $old('author') }}" placeholder="e.g. Craig & Christine - Wamberal">
            </div>
        </div>
    </div>

    <div class="form-group">
        <label>Quote</label>
        <textarea class="form-control" rows="6" name="{{ $field('quote') }}">{{ $old('quote') }}</textarea>
    </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="ComponentTestimonialBanner">

</div>