@extends('adminlte::page')

@section('title', 'Novo Produto')

@section('content_header')
<h1>Novo 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

<form action="{{ route('produtos.store') }}" method="POST" enctype="multipart/form-data">
    @csrf

    <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 $categoria)
                        <option value="{{ $categoria->id }}">{{ $categoria->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">
            </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">
            </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->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->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="0.00">
            </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="0.00">
            </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="0.00">
            </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="0.00">
            </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"></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)">
            </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)">
            </div>
        </div>
        <div class="col-12 col-md-6 col-lg-6">
            <div class="form-group">
                <strong>Url</strong>
                <input type="text" name="url" class="form-control form-control-sm" placeholder="Url (Ex.: filme-home-aranha)">
            </div>
        </div>
        <div class="col-12 col-md-6 col-lg-6">
            <div class="form-group">
                <strong>Ativo</strong>
                <select name="ativo" class="form-control form-control-sm">
                    <option value="">Selecione</option>
                    <option value="S">SIM</option>
                    <option value="N">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 btn-sm">Cadastrar</button>
        </div>
    </div>

</form>
@endsection