@section('title', 'Estoque')
@extends('site.layouts.main')
@extends('site.layouts.nav')
@section('content')

@foreach($produtos as $prod)
<div class="container mt-3">
    <div class="row border">
        <div class="col-md-2 align-self-center">
            <img src="/images/produtos/{{ $prod->image }}" height="100px" class="card-img-top" alt="">
        </div>
        <div class="col-md-5 align-self-center ">
            <span>Categoria: {{ $prod->classe }}</span><br>
            <span>Nome: {{ $prod->nome }}</span><br>
            <span class="lh-1 text-center">Descrição: {{ $prod->descricao }}</span><br>
            <span class="text-decoration-underline fw-bold">Preço: R$ {{ $prod->preco }}</span><br>
        </div>
        <div class="col-md-2 align-self-center">
            <span class="lh-1">Quantidade disponível: {{ $prod->estoque }}</span>
        </div>
        <div class="col-md-3 align-self-center p-2 justify-content-end">
            <a href="#" class="btn btn-secondary w-75 d-flex justify-content-start" style="width: 80%"><img src="/images/svg/plus.svg" alt="">&nbsp;Alterar estoque</a>
            
            <form action="{{ route('site.addcarrinho')}}" method="post" enctype="multipart/form-data">
                @csrf
                <input type="hidden" name="id" value="{{ $prod->id }}">
                <input type="hidden" name="nome" value="{{ $prod->nome }}">
                <input type="hidden" name="preco" value="{{ $prod->preco }}">
                <input type="hidden" name="qtd" value="1">
                <input type="hidden" name="img" value="{{ $prod->image }}">
                <button class="btn btn-secondary w-75 mt-1 d-flex justify-content-start" style="width: 80%"><img src="/images/svg/cart.svg" alt="">&nbsp;Adicionar ao carrinho</button>
                {{-- <a href="#" class="btn btn-secondary w-75 mt-1 d-flex justify-content-start" style="width: 80%"><img src="/images/svg/cart.svg" alt="">&nbsp;Adicionar ao carrinho</a> --}}
            </form>
            <a href="#" class="btn btn-secondary w-75 mt-1 d-flex justify-content-start" style="width: 80%"><img src="/images/svg/package.svg" alt="">&nbsp;Adicionar ao combo</a>
        </div>
    </div>
</div>
@endforeach
@endsection