@extends('layouts.master')
@section('titulo','Painel de Orçamento')

@section('conteudo')

<div class="content-wrapper">
    <div class="section-wrapper">
        <div class="container">
            <div class="py-5 my-5">
                <div class="row no-gutters">
                    <div class="col-12">
                        <div id="hist-ped">
                            <div class="row no-gutters">
                                <div id="hist-ped" class="py-5 col-12">
                                    <div class="row no-gutters">
                                        <div class="col-12 text-center">
                                            <h5 class="mb-4"><strong>Orçamento Nº {{$orcamento[0]->cd_orcamento}} - Empresa: {{$cliente[0]->cli_nome}}</strong></h5>
                                        </div>
                                        <div class="col-12">
                                            <div class="hist-ped-head d-flex flex-wrap">
                                                <div class="col-12 col-sm-2 mb-2 mb-sm-0">
                                                    <h5 class="text-center">Imagem</h5>
                                                </div>
                                                <div class="col-12 col-sm-2 mb-2 mb-sm-0">
                                                    <h5 class="text-center">Referência</h5>
                                                </div>
                                                <div class="col-12 col-sm-7 mb-2 mb-sm-0">
                                                    <h5 class="text-center">Descrição</h5>
                                                </div>
                                                <div class="col-12 col-sm-1 mb-2 mb-sm-0 seta-orc text-center">
                                                    <a class="text-center d-block" href="{{url('painel-orcamento')}}">
                                                        <-
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-12">
                                            <div class="hist-ped-body align-items-center p-2">
                                                @foreach ($carrinho as $carrinhos)
                                                <div class="row no-gutters align-items-center mb-3">
                                                    <div class="col-12 col-sm-2 mb-2 mb-sm-0 text-center">
                                                        <a href="">
                                                            <img onerror="this.src='{{asset('assets/images/produtos/sem-foto.png')}}'" src="{{asset('assets/images/produtos/' . $carrinhos->pr_referencia . '-1.jpg')}}" class="img-fluid border rounded">
                                                        </a>
                                                    </div>
                                                    <div class="col-12 col-sm-2 mb-2 mb-sm-0 text-center">
                                                        <p class="m-0">{{$carrinhos->pr_referencia}}</p>
                                                    </div>
                                                    <div class="col-12 col-sm-8 mb-2 mb-sm-0 text-center">
                                                        <p class="m-0">{{$carrinhos->pr_descricao}}</p>
                                                        <small class="d-block m-0">Quantidade - {{$carrinhos->pr_embalagem}} itens</small>
                                                    </div>
                                                </div>
                                                <hr class="d-block w-100">
                                                @endforeach
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection