<div class="">
    <div class="page-title">
        <div class="title_left">
            <h3>PRODUCTOS</h3>
        </div>
    </div>

    <div class="clearfix"></div>

    <div class="row">
        <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="x_panel">
                <div class="x_title">
                    <h2>Modificar un producto</h2>
                    <div class="clearfix"></div>
                </div>
                <div class="x_content">
                    <form id="form-nueva" data-parsley-validate class="form-horizontal form-label-left">
                        @csrf
    
                        <div class="form-group">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="nombre">Nombre <span
                                    class="required">*</span>
                            </label>
                            <div class="col-md-6 col-sm-6 col-xs-12">
                                <input type="text" id="nombre" name="nombre" required="required" value="{{ $producto->nombre }}"
                                    class="form-control col-md-7 col-xs-12">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="descripcion">Descripción <span
                                    class="required">*</span>
                            </label>
                            <div class="col-md-6 col-sm-6 col-xs-12">
                                <textarea type="text" id="descripcion" name="descripcion" required="required" class="form-control col-md-7 col-xs-12"
                                    rows="3"> {{ $producto->descripcion }}</textarea>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="precio">Precio <span
                                    class="required">*</span>
                            </label>
                            <div class="col-md-6 col-sm-6 col-xs-12">
                                <input type="number" id="precio" name="precio" required="required"  value="{{ $producto->precio }}"
                                    class="form-control col-md-7 col-xs-12">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="existencias">Existencias <span
                                    class="required">*</span>
                            </label>
                            <div class="col-md-6 col-sm-6 col-xs-12">
                                <input type="number" id="existencias" name="existencias" required="required"  value="{{ $producto->existencia }}"
                                    class="form-control col-md-7 col-xs-12">
                            </div>
                        </div>
                        <div class="form-group ceroM">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="imagenT">Imagen
                                principal<span class="required">*</span></label>
                            <div class="col-md-6 col-sm-6 col-xs-12">
                                <div class="input-group">
                                    <label for="imagen" class="input-group-addon subir" id="basic-addon1">
                                        <i class="fa fa-cloud-upload"></i> Subir archivo
                                    </label>
                                    <input id="imagen" name="imagen" onchange="sacardocumentos('imagen','imagenT');"
                                        type="file" accept="image/jpeg,image/png,image/webp"
                                        style='display: none;' />
                                    <input id="imagenT" name="imagenT" type="text" class="form-control"
                                        placeholder="No eligio archivo" aria-describedby="basic-addon1" readonly />
                                </div>
                            </div>
                        </div>
                        <div class="text-center">
                            <div class="col-sm-6 col-md-4 col-xs-12 col-sm-offset-3" style="float: none;">
                                <div class="thumbnail">
                                     <img class="card-img" style="height:100% ;" src="img/productos/{{$producto->portada }}"  alt="Imagen principal">
                                </div>
                            </div>                           
                        </div> 
                        <div class="form-group ceroM">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="imagenET">imagenes (3)<span
                                    class="required">*</span></label>
                            <div class="col-md-6 col-sm-6 col-xs-12">
                                <div class="input-group">
                                    <label for="imagenE" class="input-group-addon subir" id="basic-addon1">
                                        <i class="fa fa-cloud-upload"></i> Subir archivo
                                    </label>
                                    <input id="imagenE" name="imagenE[]"
                                        onchange="sacardocumentos('imagenE','imagenET'); validarTres('imagenE','Productos','imagenET');"
                                        type="file" accept="image/jpeg,image/png,image/webp" multiple
                                        style='display: none;' />
                                    <input id="imagenET" name="imagenET" type="text" class="form-control"
                                        placeholder="No eligio archivo" aria-describedby="basic-addon1" readonly />
                                </div>
                            </div>
                        </div>

                        @if($producto->imagenes!="")
                            <?php 
                            $imagenes_producto=explode(",",$producto->imagenes);
                            // $ultimo=$imagenes_producto[count($imagenes_producto)-1];
                            // $ultimo=substr($ultimo,13);
                            //8
                            // $ultimo_arr=explode("-",$ultimo);
                            // $ultimo_arr=explode(".",$ultimo_arr[1]);
                            // $numero_img=$ultimo_arr[0];
                          
                            
                            ?> 
           
                                  <div class="row">
                            @foreach($imagenes_producto as $imagenE) 
                                    <?php
                                    $clase_of="";
                                    //if ($loop->iteration %2!=0) {
                                    //    $clase_of="col-sm-offset-2"; 
                                    //}
                            
                                    ?>
                                <div class="col-sm-4 col-md-4 {{ $clase_of }}" id="{{ $imagenE }}">
                                    <div class="thumbnail">
                                        <img src="img/productos/{{ $imagenE }}" alt="Imagen" style="max-height: 150px;padding: 0;">
                          
                                    </div>
                                </div>                           
                            @endforeach
                                    </div>

                        @endif
                        <div class="form-group">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="categoria">Categoría
                                <span class="required">*</span></label>
                            <div class="col-md-6 col-sm-6 col-xs-12">
                                <select class="select2_group form-control required" name="categoria" required
                                    id="categoria">
                                    <option value="">Seleccione una Categoría</option>
                                    @foreach ($categorias as $catego)
                                    <?php $activa=""; ?>
                                        @if ($producto->categoria_id==$catego->id)
                                        <?php $activa="selected"; ?>
                                        @endif
                                        <option value="{{ $catego->id }}" {{ $activa }}>{{ $catego->nombre }}</option>
                                    @endforeach
                                </select>

                            </div>

                        </div>

                        <div class="ln_solid"></div>
                        <div class="row">
                            <div class="col-md-3 col-sm-12"></div>
                            <div class="col-md-6 col-sm-12 col-xs-12">
                                <div class="row">
                                    <div class="col-md-6 col-sm-6 col-xs-6">
                                        
                                        <!--<button type="button"
                                            class="btn btn-success btn-block" onclick="update_producto(this.form,{{ $producto->id }});"><i
                                                class="fa fa-pencil"></i>
                                            Guardar</button>-->
                                            <button type="button"
                                            class="btn btn-success btn-block" onclick="update_producto2(this.form,{{ $producto->id }});"><i
                                                class="fa fa-pencil"></i>
                                            Guardar</button></div>
                                    <div class="col-md-6 col-sm-6 col-xs-6">
                                        <button type="button"
                                            class="btn btn-dark btn-block"
                                            onclick="listar_productos();"><i
                                                class="fa fa-times"></i> Cancelar</button>
                                                
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3 col-sm-12"></div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
