@extends('../layouts.navigation')
@section('content')

    <div class="content-wrap">
            <div class="main">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-lg-8 p-r-0 title-margin-right">
                            <div class="page-header">
                                <div class="page-title">
                                    <h1>Produto</h1>
                                </div>
                            </div>
                        </div>
                        <!-- /# column -->
                        <div class="col-lg-4 p-l-0 title-margin-left">
                            <div class="page-header">
                                <div class="page-title">
                                    <ol class="breadcrumb">
                                        <li class="breadcrumb-item"><a href="#">Produto</a></li>
                                        <li class="breadcrumb-item active">Novo Produto</li>
                                    </ol>
                                </div>
                            </div>
                        </div>
                        <!-- /# column -->
                    </div>
                    <!-- /# row -->
                    @if (session('message'))
                        <script>
                            swal("Armazem","Cadastrado com sucesso!", "success");
                        </script>
                    @endif
                    <section id="main-content">
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="card"> 
                                    <div class="card-body">
                                        <div class="form-validation">
                                            <form class="form-valide" action="{{route('produto.create')}}" method="POST">
                                                @csrf
                                                <div class="form-group row">
                                                    <label class="col-lg-4 col-form-label" for="produto_nome">Produto <span class="text-danger">*</span></label>
                                                    <div class="col-lg-8">
                                                        <input type="text" max="150" class="form-control" id="produto_nome" name="produto_nome" placeholder="Insira o Produto..." @required(true) value="{{old('produto_nome')}}">
                                                    </div>
                                                    @error('produto_nome')
                                                        <div class="alert alert-danger bg-danger text-light border-0 alert-dismissible fade show" role="alert">
                                                            {{ $message }}
                                                            <button type="button" class="btn-close btn-close-white" data-bs-dismiss="alert" aria-label="Close"></button>
                                                        </div>
                                                    @enderror
                                                </div> 

                                                <div class="form-group row">
                                                    <label class="col-lg-4 col-form-label" for="descricao">Descrição do Produto</label>
                                                    <div class="col-lg-8">
                                                        <textarea class="form-control" maxlength="255" id="descricao" name="descricao" placeholder="Insira uma Descrição do Produto..." @required(false) rows="30"></textarea>
                                                        @error('descricao')
                                                            <div class="alert alert-danger bg-danger text-light border-0 alert-dismissible fade show" role="alert">
                                                                {{ $message }}
                                                                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="alert" aria-label="Close"></button>
                                                            </div>
                                                        @enderror
                                                    </div>
                                                </div>

                                                <div class="form-group row">
                                                    <label class="col-lg-4 col-form-label" for="marca">Marca do Produto</label>
                                                    <div class="col-lg-8">
                                                        <input type="text" max="150" class="form-control" id="marca" name="marca" placeholder="Insira uma Marca..." @required(false) value="{{old('marca')}}">
                                                    </div>
                                                    @error('marca')
                                                        <div class="alert alert-danger bg-danger text-light border-0 alert-dismissible fade show" role="alert">
                                                            {{ $message }}
                                                            <button type="button" class="btn-close btn-close-white" data-bs-dismiss="alert" aria-label="Close"></button>
                                                        </div>
                                                    @enderror
                                                </div>

                                                <div class="form-group row">
                                                    <label class="col-lg-4 col-form-label" for="modelo">Modelo do Produto</label>
                                                    <div class="col-lg-8">
                                                        <input type="text" max="150" class="form-control" id="modelo" name="modelo" placeholder="Insira um Modelo..." @required(false) value="{{old('modelo')}}">
                                                    </div>
                                                    @error('modelo')
                                                        <div class="alert alert-danger bg-danger text-light border-0 alert-dismissible fade show" role="alert">
                                                            {{ $message }}
                                                            <button type="button" class="btn-close btn-close-white" data-bs-dismiss="alert" aria-label="Close"></button>
                                                        </div>
                                                    @enderror
                                                </div>

                                                <div class="form-group row">
                                                    <label class="col-lg-4 col-form-label" for="expira">Expira <span class="text-danger">*</span></label>
                                                    <div class="col-lg-8">
                                                        
                                                            <label class="radio-inline">
                                                                <input type="radio" name="expira" value="1"> Sim (O produto expira)
                                                            </label>
                                                            /
                                                            <label class="radio-inline">
                                                                <input type="radio" name="expira" value="0" checked> Não (O produto não expira)
                                                            </label>
                                                            @error('expira')
                                                                <div class="alert alert-danger bg-danger text-light border-0 alert-dismissible fade show" role="alert">
                                                                    {{ $message }}
                                                                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="alert" aria-label="Close"></button>
                                                                </div>
                                                            @enderror
                                                    </div>
                                                </div>

                                                <div class="form-group row">
                                                    <label class="col-lg-4 col-form-label" for="unidade">Unidade de Medida <span class="text-danger">*</span></label>
                                                    <div class="col-lg-8">
                                                        <select class="js-select2 form-control" @required(true) id="unidade" name="unidade" style="width: 100%;" data-placeholder="Escolha uma unidade." >
                                                            <option selected value="nenhum">Nenhum</option>
                                                            <option value="Grama (g)">Grama (g)</option>
                                                            <option value="kilograma (Kg)">Kilograma (Kg)</option>
                                                            <option value="Tonelada (T)">Tonelada (T)</option>
                                                            <option value="Centímetro (Cm)">Centímetro (Cm)</option>
                                                            <option value="Metro (m)">Metro (m)</option>
                                                        </select>
                                                        @error('unidade')
                                                            <div class="alert alert-danger bg-danger text-light border-0 alert-dismissible fade show" role="alert">
                                                                {{ $message }}
                                                                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="alert" aria-label="Close"></button>
                                                            </div>
                                                        @enderror
                                                    </div>
                                                </div>
                                                
                                                <div class="form-group row">
                                                    <label class="col-lg-4 col-form-label" for="quantidade">Quantidade em Stock <span class="text-danger">*</span></label>
                                                    <div class="col-lg-8">
                                                        <input type="text" class="form-control"  name="quantidade" id="quantidade" value="0" placeholder="Insira a quantidade em Stock..." @required(true) value="{{old('quantidade')}}">
                                                    </div>
                                                    @error('quantidade')
                                                        <div class="alert alert-danger bg-danger text-light border-0 alert-dismissible fade show" role="alert">
                                                            {{ $message }}
                                                            <button type="button" class="btn-close btn-close-white" data-bs-dismiss="alert" aria-label="Close"></button>
                                                        </div>
                                                    @enderror
                                                </div>


                                                <div class="form-group row">
                                                    <label class="col-lg-4 col-form-label" for="venda">O Produto está a venda? <span class="text-danger">*</span></label>
                                                    <div class="col-lg-8">
                                                        <label class="radio-inline" title="Esta opção indica que o produto se encontrará disponível no posto de venda">
                                                            <input type="radio" name="venda" value="1" checked> Sim (Produto pode ser vendido)
                                                        </label>
                                                        /
                                                        <label class="radio-inline" title="Esta opção indica que o produto não se encontrará disponível no posto de venda">
                                                            <input type="radio" name="venda" value="0" > Não (O produto não pode ser vendido)
                                                        </label>
                                                        @error('venda')
                                                            <div class="alert alert-danger bg-danger text-light border-0 alert-dismissible fade show" role="alert">
                                                                {{ $message }}
                                                                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="alert" aria-label="Close"></button>
                                                            </div>
                                                        @enderror
                                                    </div>
                                                </div>


                                                <div class="form-group row">
                                                    <label class="col-lg-4 col-form-label" for="imposto">Valor do Imposto ({{ $Entidade->moeda }}) <span class="text-danger">*</span></label>
                                                    <div class="col-lg-8">
                                                        <input type="text" class="form-control"  name="imposto" id="imposto" value="0.00" placeholder="Insira a imposto..." @required(true) value="{{old('imposto')}}">
                                                    </div>
                                                    @error('imposto')
                                                        <div class="alert alert-danger bg-danger text-light border-0 alert-dismissible fade show" role="alert">
                                                            {{ $message }}
                                                            <button type="button" class="btn-close btn-close-white" data-bs-dismiss="alert" aria-label="Close"></button>
                                                        </div>
                                                    @enderror
                                                </div>


                                                <div class="form-group row">
                                                    <label class="col-lg-4 col-form-label" for="preco_unitario">Preço de Venda ({{ $Entidade->moeda }}) <span class="text-danger">*</span></label>
                                                    <div class="col-lg-8">
                                                        <input type="text" class="form-control"  name="preco_unitario" id="preco_unitario" value="0.00" placeholder="Insira a Preço de Venda..." @required(true) value="{{old('preco_unitario')}}">
                                                    </div>
                                                    @error('preco_unitario')
                                                        <div class="alert alert-danger bg-danger text-light border-0 alert-dismissible fade show" role="alert">
                                                            {{ $message }}
                                                            <button type="button" class="btn-close btn-close-white" data-bs-dismiss="alert" aria-label="Close"></button>
                                                        </div>
                                                    @enderror
                                                </div>


                                                <div class="form-group row">
                                                    <label class="col-lg-4 col-form-label" for="iban2">
                                                        Imagem (PNG,JPG,JPEG)
                                                    </label>
                                                    <div class="col-lg-8">
                                                        <input type="file" @required(false) class="form-control" id="imagem" name="imagem" placeholder="Imagem do Produto.">
                                                        @error('imagem')
                                                            <div class="alert alert-danger bg-danger text-light border-0 alert-dismissible fade show" role="alert">
                                                                {{ $message }}
                                                                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="alert" aria-label="Close"></button>
                                                            </div>
                                                        @enderror
                                                    </div>
                                                </div>
                                                
                                                

                                                
                                                <div class="form-group row">
                                                    <div class="col-lg-8 ml-auto">
                                                        <button type="submit" class="btn btn-primary">Salvar <span class="btn-icon-right"><i class="fa fa-send"></i></span></button>
                                                        <button type="reset" class="btn btn-secondary">Limpar <span class="btn-icon-right"><i class="fa fa-trash"></i></span></button>
                                                    </div>
                                                </div>

                                                
                                            </form>
                                            
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                    </section>
                </div>
            </div>
        </div>

       

@endsection