@if ($readOnly)
<h2>Storage Info</h2>
@endif
<div class="info-panel-tabs">
    <ul>
        <li data-tab-target="info-panel-tab-original" class="active">Original File</li>
        <li data-tab-target="info-panel-tab-sizes" class="{{(count($missingSizes)>0) ? 'info-panel-missing-sizes' : ''}}">Other Sizes ({{count($sizes)}})</li>
    </ul>
</div>
<div class="info-panel-contents">
    <div id="info-panel-tab-original">
        <div class="info-file-info">
	        @include('storage/info-file-info', [
		        'uploaded' => 1,
		        'bucket' => $bucket,
		        'postId' => $postId,
		        'key' => $key,
		        'privacy' => $privacy,
		        'cacheControl' => $cacheControl,
		        'expires' => $expires,
		        'url' => $url,
		        'publicUrl' => $publicUrl,
                'width' => $width,
                'height' => $height,
		        'driverName' => $driverName,
		        'bucketLink' => $bucketLink,
		        'pathLink' => $pathLink,
                'readOnly' => $readOnly,
                'optimization' => isset($optimization) ? $optimization : false,
                'isSize' => false,
                'topLevel' => true,
                'imgixEnabled' => $imgixEnabled
	        ])
        </div>

    </div>
    <div id="info-panel-tab-sizes" style="display: none;">
        <div class="info-line info-size-selector">
            <label for="ilab-other-sizes">WordPress Size</label>
            <select id="ilab-other-sizes" name="ilab-other-sizes">
                @if (count($missingSizes) == 0)
                @foreach($sizes as $key => $size)
                <option value="{{$key}}">{{$size['name']}}</option>
                @endforeach
                @else
                <optgroup label="Existing Sizes">
                    @foreach($sizes as $key => $size)
                    <option value="{{$key}}">{{$size['name']}}</option>
                    @endforeach
                </optgroup>
                <optgroup label="Missing Sizes">
                    @foreach($missingSizes as $key => $name)
                    <option value="{{$key}}" disabled>{{$name}}</option>
                    @endforeach
                </optgroup>
                @endif
            </select>
        </div>
                @foreach($sizes as $key => $size)
        <div id="info-size-{{$key}}" class="info-file-info info-file-info-size" style="{{(!$firstSize) ? 'display:none': ''}}">
            @include('storage/info-file-info', $size)
        </div>
                @endforeach
    </div>
    @if (!$imgixEnabled && $enabled)
    <div class="button-row">
        {!! do_action('media-cloud/ui/info-panel/actions', $postId) !!}
{{--        <a data-post-id="{{$postId}}" data-imgix-enabled="{{($imgixEnabled) ? 'true': 'false'}}" href="#" class="ilab-info-regenerate-thumbnails button button-warning button-small">Regenerate Image</a>--}}
{{--        <div id="ilab-info-regenerate-status" style="display:none;"><div class="spinner is-active"></div>Regenerating ...</div>--}}
    </div>
    @endif
</div>