@if($item->options != null || count($item->getProduct->getExtras) > 0)
	<div class="options">
		
		<div class="to_show" id="to_show_{{ $item->id }}">
		<!-- Selections -->
		@if($item->options)
		<div class="options_list mb16">
			@foreach(json_decode($item->options) as $key => $option)
			<div class="option">
			<strong>{!! $key !!}</strong> @if(count($option) > 0) @foreach($option as $op) {{ $op }} @endforeach @endif
			</div>
			@endforeach
		</div>
		@endif

		<!-- Extras -->
		@if(count($item->getProduct->getExtras) > 0)
		<div class="extras_list">
			@if(count($item->getExtras) > 0)
			<div class="extras mtop16">
				<strong>Extras Agregados:</strong> 
			</div>
			<div class="options_list">@foreach($item->getExtras as $extadd) <div class="option">{{ $extadd->label }} {{ number($extadd->price) }} <a href="#" class="extra_delete" data-extra-id="{{ $extadd->id }}"><i class="bi bi-trash"></i></a></div> @endforeach</div>
			@endif
			@foreach($item->getProduct->getExtras as $extra)
			<ul>
				<li class="title">{{ $extra->title }}</li>
				@foreach($extra->getOptions as $ext)
				<li>
					<div class="item">
						<div class="name"><i class="bi bi-chevron-right"></i> {!! $ext->name !!} <strong>+ {{ number($ext->price) }}</strong></div>
						<div class="add">
							<a href="#" class="add_extra_to_cart_item" id="extra_id_{{ $item->id }}_{{ $ext->id }}" data-item-id="{{ $ext->id }}" data-item-name="{{ $ext->name }}" data-product-name="{{ $item->label }}" data-product-id="{{ $item->id }}" data-item-price="{{ number($ext->price) }}">
								<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-plus" viewBox="0 0 16 16">
								  <path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"/>
								</svg>
							</a>
						</div>
					</div>
				</li>
				@endforeach
			</ul>
			@endforeach
		</div>
		@endif
		
	</div>
@endif