@extends('layout.adminLayout')


@section('content')

    <center> <h2>Agregar un nuevo Producto</h2></center>



    <div class="row col-md-offset-1 col-md-10 " style="background-color: #2d2d2d; border-radius: 5px;">



        {{--**********--}}
        <form name="articulo" id="articulo" method="post" enctype="multipart/form-data" class="form-horizontal " action="GuardarProducto" onsubmit="return verificar();">

            <input type="text" name="_token" value="{{ csrf_token() }}" id="token" hidden>

            <div class="form-group" style="margin-top:15px;">
                <label for="Nombre" class="control-label col-xs-4">Nombre*</label>
                <div class="col-xs-6">
                    <input id="titulo" name="titulo" type="text" class="form-control" placeholder="Escriba un titulo" onkeyup="validacion('titulo');">
                    <span class="help-block"></span>
                </div>
            </div>

            <div class="form-group" style="margin-top:15px;">
                <label for="descripcion" class="control-label col-xs-4">Descripción*</label>
                <div class="col-xs-6">
                    <textarea id="descripcion" name="descripcion" class="form-control"  onkeyup="return validacion('descripcion');" rows="4" cols="50"></textarea>
                    <p id="cantidadPalabras" style="color:white; text-align:right;">0/500</p>
                    <span class="help-block"></span>
                </div>
            </div>

            <div class="form-group" id="TipoImagen" >
                <label for="ImgPrincipal" class="control-label col-xs-4">
                    Imagen producto*
                </label> <div class="col-xs-6">
                    <input id="ImgProducto" name="ImgProducto"  type="file" class="form-control"   />
                    <span class="help-block"></span>
                </div>
            </div>

            <div class="form-group" id="TipoImagen" >
                <label for="ImgPrincipal" class="control-label col-xs-4">
                    Hoja de Seguridad*
                </label> <div class="col-xs-6">
                    <input id="HojaSeguridad" name="HojaSeguridad"  type="file" class="form-control"   />
                    <span class="help-block"></span>
                </div>
            </div>

            <div class="form-group" id="TipoImagen" >
                <label for="ImgPrincipal" class="control-label col-xs-4">
                    Ficha Técnica*
                </label> <div class="col-xs-6">
                    <input id="fichaTecnica" name="fichaTecnica"  type="file" class="form-control"   />
                    <span class="help-block"></span>
                </div>
            </div>
            <div class="form-group" style="margin-top:15px;">
                <label for="Nombre" class="control-label col-xs-4">Viscosidad</label>
                <div class="col-xs-6">
                    <input id="titulo" name="titulo" type="text" class="form-control" placeholder="Viscosidad">
                    <span class="help-block"></span>
                </div>
            </div>

            <div class="form-group" id="TipoImagen" >
                <label for="ImgPrincipal" class="control-label col-xs-4">
                    Presentaciones*
                </label>
                <div class="col-xs-6">
                    <div class="row">
                        <center><input type="checkbox" id="togglePresentaciones" checked data-toggle="toggle" data-on="Líquido" data-off="Sólido"></center>
                    </div>

                    <div id="contenidoLiquido">
                    @foreach($liquido as $liquidos)
                        <div class="col-md-2" style="margin-top:10px;">
                            <center> <img src="img/presentaciones/{{$liquidos->nombre}}.png" class="img-responsive" id="imagen{{$liquidos->id}}" style="cursor: pointer;" onclick="activarCheckbox('liquidos{{$liquidos->id}}','imagen{{$liquidos->id}}'), cambiarImagen('imagen{{$liquidos->id}}','img/presentaciones/{{$liquidos->nombre}}.png','img/presentaciones/{{$liquidos->nombre}}a.png')";/></center>
                            <center><p style="color:white;">{{$liquidos->nombre}}</p></center>
                            <input type="checkbox" name="presentaciones[]" value="{{$liquidos->id}}-{{$liquidos->nombre}}" class="liquidos" id="liquidos{{$liquidos->id}}" hidden>
                        </div>

                        @endforeach
                    </div>
                    <div id="contenidoSolido" hidden>
                        @foreach($solido as $solidos)
                            <div class="col-md-2" style="margin-top:10px;">
                                <center> <img src="img/presentaciones/{{$solidos->nombre}}.png" class="img-responsive" id="imagen{{$solidos->id}}" style="cursor: pointer;" onclick="activarCheckbox('solidos{{$solidos->id}}') , cambiarImagen('imagen{{$solidos->id}}','img/presentaciones/{{$solidos->nombre}}.png','img/presentaciones/{{$solidos->nombre}}a.png')""/></center>
                                <center><p style="color:white;">{{$solidos->nombre}}</p></center>
                                <input type="checkbox" name="presentaciones[]" value="{{$solidos->id}}-{{$solidos->nombre}}" class="solidos" id="solidos{{$solidos->id}}" hidden>
                            </div>

                        @endforeach
                    </div>

                </div>
            </div>

            <div class="form-group" id="TipoImagen" >
                <label for="ImgPrincipal" class="control-label col-xs-4">
                    Tipo*
                </label>
                <div class="col-xs-6">
                    <select name="subcategoria" class="form-control">
                        <option value="">Seleccionar</option>
                        @foreach($subcategoria as $subcategorias)
                            <option value="{{$subcategorias->id}}">{{$subcategorias->nombre}}</option>
                            @endforeach
                    </select>
            </div>
            </div>


            <div class="form-group">
                <button type="submit" class="btn btn-primary">Guardar</button>
            </div>


        </form>
    </div>







@stop