134 lines
No EOL
6.2 KiB
PHP
134 lines
No EOL
6.2 KiB
PHP
<div class="modal-content">
|
||
|
||
|
||
<div class="modal-header">
|
||
<h5 class="modal-title">
|
||
Produktdetails
|
||
</h5>
|
||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">×</button>
|
||
</div>
|
||
<div class="modal-body">
|
||
|
||
<div class="card mb-3">
|
||
<div class="media flex-wrap flex-md-nowrap">
|
||
<div class="d-block col-12 col-md-4 col-lg-4 text-center p-0 m-0">
|
||
@if(count($product->images))
|
||
<img src="{{route('product_image', [$product->images->first()->slug])}}" alt class="img-fluid" style="max-height: 300px">
|
||
@endif
|
||
</div>
|
||
|
||
<div class="media-body p-4 p-md-5 ">
|
||
<h4 class="mb-2">
|
||
<a href="#" class="text-body">{{ $product->name }}</a>
|
||
</h4>
|
||
{!! $product->copy !!}
|
||
|
||
<table class="table my-4">
|
||
<tbody>
|
||
<tr>
|
||
<td class="border-0 text-muted align-middle" style="width: 120px">Inhalt:</td>
|
||
<td class="border-0">{{ $product->contents }}</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="border-0 text-muted align-middle">Gewicht:</td>
|
||
<td class="border-0">{{ $product->weight }} g</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="border-0 text-muted align-middle">Art.-Nr.:</td>
|
||
<td class="border-0">{{ $product->number }}</td>
|
||
</tr>
|
||
@if(isset($data['view']) && $data['view'] === 'with-price')
|
||
<tr>
|
||
<td class="border-0 text-muted align-middle">Preis:</td>
|
||
<td class="border-0">{{ $product->getFormattedPrice() }} €*</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="border-0 text-muted align-middle">Grundpreis:</td>
|
||
<td class="border-0">{{ $product->getBasePriceFormattedFull() }} €</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="2" class="border-0 text-muted">* inkl. gesetzl. MwSt. | zzgl. Versandkosten</td>
|
||
</tr>
|
||
@endif
|
||
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="">
|
||
|
||
<ul class="nav nav-tabs tabs-alt justify-content-center border-0 px-4 px-lg-5">
|
||
<li class="nav-item">
|
||
<a class="nav-link small font-weight-normal text-expanded py-4 active" data-toggle="tab" href="#shop-product-description">Bechreibung</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link small font-weight-normal text-expanded py-4" data-toggle="tab" href="#shop-product-usage">Anwendung</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link small font-weight-normal text-expanded py-4" data-toggle="tab" href="#shop-product-full-ingredients">Inhaltsstoffe</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link small font-weight-normal text-expanded py-4" data-toggle="tab" href="#shop-product-ingredients">Hinweise</a>
|
||
</li>
|
||
</ul>
|
||
<hr class="m-0">
|
||
|
||
<div class="tab-content">
|
||
<div class="tab-pane fade show active" id="shop-product-description">
|
||
<div class="card borderless">
|
||
<div class="card-body">
|
||
{!! $product->description !!}
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="tab-pane fade" id="shop-product-usage">
|
||
<div class="card borderless">
|
||
<div class="card-body">
|
||
{!! $product->usage !!}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="tab-pane fade" id="shop-product-full-ingredients">
|
||
<div class="card borderless">
|
||
<div class="card-body">
|
||
<table class="datatables-style table table-striped table-bordered">
|
||
<thead>
|
||
<tr>
|
||
<th>{{__('Name')}}</th>
|
||
<th>{{__('INCI')}}</th>
|
||
<th>{{__('Wirkung') }}</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
@foreach($product->p_ingredients as $ingredient)
|
||
<tr>
|
||
<td>{{ $ingredient->name }}</td>
|
||
<td>{{ $ingredient->inci }}</td>
|
||
<td>{{ $ingredient->effect }}</td>
|
||
</tr>
|
||
@endforeach
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="tab-pane fade" id="shop-product-ingredients">
|
||
<div class="card borderless">
|
||
<div class="card-body">
|
||
{!! $product->ingredients !!}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-default" data-dismiss="modal">schließen</button>
|
||
</div>
|
||
</div> |