@extends('adminlte::page')

@section('title', 'Edição de Produto')

@section('content_header')
<h1>Edição de Produto
    <hr>
</h1>
@stop

@section('content')
<div class="row">
    <div class="col-12 col-md-12 col-lg-12 text-right my-1">
        <a class="btn btn-secondary btn-sm" href="{{ route('produtos.index') }}"> Voltar</a>
    </div>
</div>

@if ($errors->any())
<div class="alert alert-danger">
    <strong>Whoops!</strong> Ocorreu algum erro.<br><br>
    <ul>
        @foreach ($errors->all() as $error)
        <li>{{ $error }}</li>
        @endforeach
    </ul>
</div>
@endif


<div class="my-3">
    <h5>Fotos cadastradas para este produto!</h5>
    <div class="col-12">
        <div class="row bg-white py-2 rounded">
            @foreach($fotos as $foto)
            <form action="{{ route('produto_imagems.destroy',$foto->id) }}" class="col-12 col-md-1 col-lg-1" method="POST">
                @csrf
                @method('DELETE')
                <button type="submit" class="btn btn-sm btn-info position-relative ml-1" title="Remover">
                    <img src='{{ url("arquivos/upload/produtos/fotos/$foto->url_image") }}' class="img-thumbnail" style="width:50px;height:50px;">
                    <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-light">
                        <i class="fa fa-trash" aria-hidden="true" title="Remover"></i>
                    </span>
                </button>
            </form>
            @endforeach
        </div>
    </div>
</div>

<form action="{{ route('produtos.update',$produto->id) }}" method="POST" enctype="multipart/form-data">
    @csrf
    @method('PUT')

    <div class="row">
        <div class="col-12 col-md-4 col-lg-4">
            <div class="form-group">
                <strong>Categorias</strong>
                <select name="categoria_id" class="form-control form-control-sm">
                    <option value="">Selecione</option>
                    @foreach ($categorias as $cat)
                    <option value="{{ $cat->id }}" {{ ($cat->id == $categoria) ? 'selected' : ''; }}>{{ $cat->nome }}</option>
                    @endforeach
                </select>
            </div>
        </div>
        <div class="col-12 col-md-4 col-lg-4">
            <div class="form-group">
                <strong>Nome do Produto</strong>
                <input type="text" name="nome_produto" class="form-control form-control-sm" placeholder="Nome do Produto" value="{{ $produto->nome_produto }}">
            </div>
        </div>
        <div class="col-12 col-md-4 col-lg-4">
            <div class="form-group">
                <strong>Código do Produto</strong>
                <input type="text" name="codigo_produto" class="form-control form-control-sm" placeholder="Código do Produto" value="{{ $produto->codigo_produto }}">
            </div>
        </div>
        <div class="col-12 col-md-6 col-lg-6">
            <div class="form-group">
                <strong>Marca</strong>
                <select name="marca_id" class="form-control form-control-sm">
                    <option value="">Selecione</option>
                    @foreach($marcas as $marca)
                    <option value="{{ $marca->id }}" {{ ($marca->id == $produto->marca_id) ? 'selected' : '' ; }}>{{ $marca->descricao }}</option>
                    @endforeach
                </select>
            </div>
        </div>
        <div class="col-12 col-md-6 col-lg-6">
            <div class="form-group">
                <strong>Gênero</strong>
                <select name="genero_id" class="form-control form-control-sm">
                    <option value="">Selecione</option>
                    @foreach($generos as $genero)
                    <option value="{{ $genero->id }}" {{ ($genero->id == $produto->genero_id) ? 'selected' : '' ; }}>{{ $genero->descricao }}</option>
                    @endforeach
                </select>
            </div>
        </div>
        <div class="col-12 col-md-3 col-lg-3">
            <div class="form-group">
                <strong>Altura</strong>
                <input type="text" name="altura" class="form-control form-control-sm" placeholder="Altura (Ex.: 1.50)" value="{{ $produto->altura }}">
            </div>
        </div>
        <div class="col-12 col-md-3 col-lg-3">
            <div class="form-group">
                <strong>Largura</strong>
                <input type="text" name="largura" class="form-control form-control-sm" placeholder="Largura (Ex.: 1.50)" value="{{ $produto->largura }}">
            </div>
        </div>
        <div class="col-12 col-md-3 col-lg-3">
            <div class="form-group">
                <strong>Peso</strong>
                <input type="text" name="peso" class="form-control form-control-sm" placeholder="Peso (Ex.: 1.50)" value="{{ $produto->peso }}">
            </div>
        </div>
        <div class="col-12 col-md-3 col-lg-3">
            <div class="form-group">
                <strong>Comprimento</strong>
                <input type="text" name="comprimento" class="form-control form-control-sm" placeholder="Comprimento (Ex.: 1.50)" value="{{ $produto->comprimento }}">
            </div>
        </div>
        <div class="col-12 col-md-12 col-lg-12">
            <div class="form-group">
                <strong>Descrição do Produto</strong>
                <textarea type="text" name="descricao_produto" id="descricao_produto" class="form-control form-control-sm" placeholder="Descrição do Produto">{{ $produto->descricao_produto }}</textarea>
            </div>
        </div>
        <div class="col-12 col-md-12 col-lg-12">
            <div class="form-group">
                <div class="my-3">
                    <strong>Foto(s) Produto(s) *<span class="text-danger">(Uma foto pelo menos tem que ser cadastrada)<span></strong>
                </div>
                <input type="file" name="url_image[]" class="form-control form-control-sm">
                <input type="file" name="url_image[]" class="form-control form-control-sm">
                <input type="file" name="url_image[]" class="form-control form-control-sm">
                <input type="file" name="url_image[]" class="form-control form-control-sm">
                <input type="file" name="url_image[]" class="form-control form-control-sm">
            </div>
        </div>
        <div class="col-12 col-md-6 col-lg-6">
            <div class="form-group">
                <strong>Valor</strong>
                <input type="text" name="valor" id="valor_monetario" class="form-control form-control-sm" placeholder="Valor (Ex.: 1550.50 = R$1.550,50)" value="{{ number_format($produto->valor,2,',','.') }}">
            </div>
        </div>
        <div class="col-12 col-md-6 col-lg-6">
            <div class="form-group">
                <strong>Valor Promoção</strong>
                <input type="text" name="valor_promocao" id="valor_monetario_promocao" class="form-control form-control-sm" placeholder="Valor Promocão (Ex.: 1550.50 = R$1.550,50)" value="{{ number_format($produto->valor_promocao,2,',','.') }}">
            </div>
        </div>
        <div class="col-12 col-md-4 col-lg-4">
            <div class="form-group">
                <strong>Url</strong>
                <input type="text" name="url" class="form-control form-control-sm" placeholder="Url" value="{{ $produto->url }}">
            </div>
        </div>
        <div class="col-12 col-md-4 col-lg-4">
            <div class="form-group">
                <strong>Ativo</strong>
                <select name="ativo" class="form-control form-control-sm">
                    <option value="">Selecione</option>
                    <option value="S" {{ ($produto->ativo == 'S') ? 'selected' : '' ; }}>SIM</option>
                    <option value="N" {{ ($produto->ativo == 'N') ? 'selected' : '' ; }}>NÃO</option>
                </select>
            </div>
        </div>
        <div class="col-12 my-3 text-center">
            <input type="hidden" name="user_id" value="{{ Auth::user()->id }}">
            <button type="submit" class="btn btn-primary">Alterar</button>
        </div>
    </div>

</form>
@endsection