arcadiasuite/plus/resources/views/food/partials/produto_modal.blade.php

305 lines
11 KiB
PHP

<div class="sceneElement">
<div class="middle">
<div class="nopaddmobile">
<div class="row rowtitle hidden-xs hidden-sm">
<div class="col-md-12">
<div class="title-icon">
<span>{{ $item->nome }}</span>
</div>
<div class="bread-box">
<div class="bread">
<a href="{{ route('food.index', ['link='.$config->loja_id]) }}"><i class="lni lni-home"></i></a>
@if($item->categoria)
@if($item->categoria->hash_delivery)
<span>/</span>
<a href="{{ route('food.produtos-categoria', [$item->categoria->hash_delivery, 'link='.$config->loja_id]) }}">Categorias</a>
<span>/</span>
<a href="{{ route('food.produtos-categoria', [$item->categoria->hash_delivery, 'link='.$config->loja_id]) }}">{{ $item->categoria->nome }}</a>
@endif
@endif
</div>
</div>
</div>
<input type="hidden" id="valor_unitario_produto" value="{{ $item->valor_delivery }}">
<input type="hidden" id="valor_unitario_pizza" value="">
<div class="col-md-12 hidden-xs hidden-sm">
<div class="clearline"></div>
</div>
</div>
<div class="single-produto nost" style="margin-top:-28px">
<div class="row">
<div class="col-md-5">
<div class="galeria">
<div class="row">
<div class="col-md-12">
<div id="carouselgaleria" class="carousel slide">
<div class="carousel-inner">
<div class="item zoomer active">
<a data-fancybox="galeria" href="{{ $item->img }}">
<img src="{{ $item->img }}" alt="{{ $item->nome }}" title="{{ $item->nome }}">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-7">
<div class="padd-container-mobile">
<div class="produto-detalhes">
<div class="row visible-xs visible-sm">
<div class="col-md-12">
<div class="nome">
<span>{{ $item->nome }}</span>
</div>
</div>
</div>
<div class="row">
<br>
<div class="col-md-3 hidden-xs hidden-sm">
<span class="thelabel thelabel-normal">Link do Produto:</span>
</div>
<div class="col-md-9">
<div class="row">
<div class="col-md-12">
<div class="ref">
<span><a href="https://api.whatsapp.com/send?text={{ route('food.produto-detalhe', [$item->hash_delivery, 'link='.$config->loja_id]) }}" target="_blank" class="btn btn-success btn-sm" style="color:#FFFFFF; margin-top: 3px"><i class="lni lni-whatsapp"></i> Compartilhe no WhatsApp</a></span>
</div>
</div>
</div>
</div>
</div>
@if($item->referencia)
<div class="row">
<div class="col-md-3 hidden-xs hidden-sm">
<span class="thelabel thelabel-normal">REF:</span>
</div>
<div class="col-md-9">
<div class="row">
<div class="col-md-12">
<div class="ref">
<span>#REF-{{ $item->referencia }}</span>
</div>
</div>
</div>
</div>
</div>
@endif
@if(!$tipoPizza)
<div class="row">
<div class="col-md-3 hidden-xs hidden-sm">
<span class="thelabel thelabel-normal">Detalhes:</span>
</div>
<div class="col-md-9">
<div class="row">
<div class="col-md-12">
<div class="valor_anterior">
<span> Apenas</span>
</div>
<div class="valor">
<span>R$ {{ __moeda($item->valor_delivery) }}</span>
</div>
</div>
</div>
</div>
</div>
@endif
</div>
<form id="the_form" class="form-modal-item" method="POST" action="{{ route('food.adicionar-carrinho') }}">
<input type="hidden" name="_token" id="_token_api">
<input type="hidden" value="{{ $config->loja_id }}" name="link">
<input type="hidden" value="{{ $item->valor_delivery }}" name="sub_total" id="inp-sub_total">
<input type="hidden" value="{{ $item->id }}" name="produto_id" id="produto_id">
<div class="sabores-input"></div>
<div class="comprar">
@if(sizeof($item->ingredientes) > 0)
<div class="product__details__tab__desc">
<h5 style="font-weight: bold">Ingredientes</h5>
<p>@foreach($item->ingredientes as $i) {{ $i->ingrediente }}{{ !$loop->last ? ', ' : '' }} @endforeach</p>
</div>
@endif
@if(sizeof($item->adicionaisAtivos) > 0)
<div class="line line-variacao">
<div class="row">
<div class="col-md-6">
<span class="thelabel pull-left">
ADICIONAIS
</span>
</div>
</div>
<div class="row">
<div class="opcoes-input"></div>
@foreach($categoriasAdicional as $c)
<div class="adicional_categoria_{{ $c->id }}">
<input type="hidden" value="{{ $c->minimo_escolha }}" class="minimo_escolha">
<input type="hidden" value="{{ $c->nome }}" class="categoria_nome">
<input type="hidden" value="{{ $c->minimo_escolha == 0 ? 1 : 0 }}" class="minimo_escolha_valida">
<input type="hidden" value="{{ $c->maximo_escolha }}" class="maximo_escolha">
<input type="hidden" value="0" class="maximo_escolha_contador">
<h5 style="margin-left: 15px;">
{{ $c->nome }}
@if($c->minimo_escolha > 0)
<strong> (selecione ao menos {{ $c->minimo_escolha }})</strong>
@endif
</h5>
<div class="col-md-12">
<div class="opcoes">
@foreach($c->adicionais as $a)
@if(in_array($a->id, $item->adicionaisAtivos->pluck(['adicional_id'])->toArray()))
<div class="opcao op_{{ $a->id }}" categoria-adicional-id="{{ $c->id }}" adicional-id="{{ $a->id }}" adicional-valor="{{ $a->valor }}">
<div class="check" style="height: 62px;">
<i class="lni"></i>
</div>
<div class="detalhes">
<span class="titulo" style="font-size:12px">
{{ $a->nome }}
@if($a->valor > 0)
R$ {{ __moeda($a->valor) }}
@else
Gratis
@endif
</span>
<span class="descricao" style="font-size:10px"></span>
</div>
<div class="clear"></div>
</div>
@endif
@endforeach
</div>
</div>
</div>
@endforeach
</div>
</div>
@endif
@if($tipoPizza)
<div class="row" style="margin-top: 10px;">
<div class="col-md-8">
<label>Tamanho da pizza</label>
<div class="fake-select">
<i class="lni lni-chevron-down"></i>
<select id="tamanho_id" name="tamanho_id">
<option value="">Selecione o tamanho</option>
@foreach($tamanhosPizza as $t)
<option value="{{ $t->id }}">
{{ $t->nome }} - {{ $t->quantidade_pedacos }} fatias, até {{ $t->maximo_sabores }} sabores
</option>
@endforeach
</select>
<div class="clear"></div>
</div>
</div>
<div class="col-md-12" style="margin-top: 15px">
<label>Deseja adicionar outro sabor para sua pizza?</label>
<input type="text" id="inp-pesquisa_sabor" placeholder="Pesquise o sabor">
</div>
<div class="col-md-12 div-sabores" style="margin-top: 10px;">
</div>
<div class="col-md-12 div-sabores-selecionados" style="margin-top: 10px;">
</div>
</div>
@endif
<div class="line quantidade">
<div class="row">
<div class="col-md-3 col-sm-2 col-xs-2">
<span class="thelabel hidden-xs hidden-sm">Quantidade:</span>
<span class="thelabel visible-xs visible-sm">Qtd:</span>
</div>
<div class="col-md-9 col-sm-10 col-xs-10">
<div class="campo-numero pull-right">
<i class="decrementar lni lni-minus"></i>
<input id="quantidade" readonly type="number" name="quantidade" value="1">
<i class="incrementar lni lni-plus"></i>
</div>
</div>
</div>
</div>
@if($item->texto_delivery)
<div class="line observacoes">
<div class="row">
<div class="col-md-3 col-12">
<span class="thelabel hidden-xs hidden-sm">Descrição:</span>
<span class="thelabel visible-xs visible-sm">Descrição:</span>
</div>
<div class="col-md-9 col-12">
<br>
<p style="text-align: justify;">{{ $item->texto_delivery }}</p>
</div>
</div>
</div>
@endif
<div class="line observacoes">
<div class="row">
<div class="col-md-3 col-sm-2 col-xs-2">
<span class="thelabel hidden-xs hidden-sm">Observações:</span>
<span class="thelabel visible-xs visible-sm">Obs:</span>
</div>
<div class="col-md-9 col-sm-10 col-xs-10">
<textarea id="observacoes" rows="5" name="observacao" placeholder="Observações:"></textarea>
</div>
</div>
</div>
<div id="botoes_fim" class="line botoes">
<div class="row">
@if(!$tipoPizza)
<div class="col-md-6" style="margin-bottom:20px">
<div class="subtotal"><strong>Total:</strong> R$ {{ __moeda($item->valor_delivery) }}</div>
</div>
@else
<div class="col-md-6" style="margin-bottom:20px">
<div class="subtotal"><strong>Total:</strong><span class="total-pizza">R$ {{ __moeda(0) }}</span></div>
</div>
@endif
<div class="col-md-6">
<button type="button" @if($tipoPizza) disabled @endif class="sacola-adicionar botao-acao pull-right"><i class="icone icone-sacola"></i> <span>Adicionar na sacola</span></button>
</div>
</div>
<div class="row">
<div class="col-md-6">
<button type="button" style="margin-top:20px;" class="botao-cancelar pull-right" data-dismiss="modal">
<i class="lni lni-close"></i>Cancelar</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="fillrelacionados visible-xs visible-sm"></div>
</div>