@extends ('layouts.admin')
@section('title')
    Gicre | Editar Producto
@endsection
@section('contenido')
    <div class="row">
        <div class="col-12">
            <div class="page-title-box">
                <div class="page-title-right">
                    <ol class="breadcrumb m-0">
                        <li class="breadcrumb-item"><a href="javascript: void(0);">Inicio</a></li>
                        <li class="breadcrumb-item"><a href="javascript: void(0);">Almacen</a></li>
                        <li class="breadcrumb-item active">Productos</li>
                    </ol>
                </div>
                <h4 class="page-title">Administración de Productos</h4>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                @if (count($errors) > 0)
                    <div class="alert alert-danger">
                        <strong>Opps!</strong> Algo salió mal, verifique los errores a continuación.<br><br>
                        <ul>
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif
                <div class="card-body">
                    <div class="row mb-2">
                        <div class="col-sm-8">
                            <h4 class="header-title">Editar Producto: {{ $articulo->nombre }}</h4>
                        </div>
                        <div class="col-sm-4">
                            <div class="text-sm-end">
                                <a class="btn btn-primary" href="{{ route('articulo.index') }}"><i
                                        class="mdi mdi-reply"></i> Productos</a>
                            </div>
                        </div><!-- end col-->
                    </div>
                    <div class="tab-content">
                        <div class="tab-pane show active" id="custom-styles-preview">
                            {!! Form::model($articulo, [
                                'method' => 'PATCH',
                                'route' => ['articulo.update', $articulo->id_producto],
                                'files' => 'true',
                            ]) !!}
                            {{ Form::token() }}
                            <div class="row">
                                <div class="row">
                                    <div class="col-lg-4">
                                        <div class="mb-3">
                                            <label for="codigo" class="form-label">Código:</label>
                                            <input type="text" name="codigo" value="{{ $articulo->codigo }}"
                                                class="form-control" placeholder="Código...">
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="mb-3">
                                            <label for="nombre" class="form-label">Nombre:</label>
                                            <input type="text" name="nombre" value="{{ $articulo->nombre }}"
                                                class="form-control" placeholder="Nombre...">
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="mb-3">
                                            <label for="tipo" class="form-label">Seleccionar Categoría:</label>
                                            <select name="tipo" class="form-select" id="tipo">
                                                <option value="{{ $articulo->tipo }}">Medicamentos</option>
                                                <option value="Medicamentos">Medicamentos</option>
                                                <option value="Material gastables">Material gastables</option>
                                            </select>
                                        </div>
                                    </div>
                                   
                                 
                                    <div class="col-lg-12">
                                        <div class="mb-3">
                                            <label for="descripcion" class="form-label">Descripción:</label>
                                            <textarea name="descripcion" class="form-control" value="{{ $articulo->descripcion }}" id="descripcion"
                                                placeholder="Descripción del artículo..." cols="30" rows="4"></textarea>
                                        </div>
                                    </div>

                               


                                    <div class="col-lg-6">
                                        <div class="mb-3">
                                            <label for="presentacion" class="form-label">Presentación:</label>
                                            <input type="text" value="{{ $articulo->presentacion }}" name="presentacion" class="form-control">
                                        </div>
                                    </div>


                                    <div class="col-lg-4">
                                        <div class="mb-3">
                                            <label for="costo_unitario" class="form-label">Costo Unitario:</label>
                                            <input type="number" value="{{ $articulo->costo_unitario }}" name="costo_unitario" class="form-control">
                                        </div>
                                    </div>


                                    <div class="col-lg-4">
                                        <div class="mb-3">
                                            <label for="unidad_medida" class="form-label">Unidad Medida:</label>
                                            <input type="text" value="{{ $articulo->unidad_medida }}" name="unidad_medida" class="form-control">
                                        </div>
                                    </div>

                                    <div class="col-lg-4">
                                        <div class="mb-3">
                                            <label for="fecha_fabricacion" class="form-label">Fecha Fabricación:</label>
                                            <input type="date" value="{{ $articulo->fecha_fabricacion }}" name="fecha_fabricacion" class="form-control">
                                        </div>
                                    </div>

                                    <div class="col-lg-4">
                                        <div class="mb-3">
                                            <label for="fecha_vencimiento" class="form-label">Fecha Vencimiento:</label>
                                            <input type="date" value="{{ $articulo->fecha_vencimiento }}" name="fecha_vencimiento" class="form-control">
                                        </div>
                                    </div>


                                    <div class="col-lg-12">
                                        <div class="mb-3">
                                            <input type="file" name="foto" value="{{ $articulo->foto }}" class="form-control">
                                            @if ($articulo->foto != '')
                                                <img src="{{ asset('imagenes/articulos/' . $articulo->foto) }}"
                                                    heigth="300px" width="100px">
                                            @endif
                                        </div>
                                    </div>

                                    <div class="col-lg-6">
                                        <div class="mb-3">
                                            <button class="btn btn-info" type="submit"><i
                                                    class="mdi mdi-content-save"></i>
                                                Guardar</button>
                                            <button class="btn btn-danger" type="reset"><i class="mdi mdi-cancel"></i>
                                                Cancelar</button>
                                        </div>
                                    </div> <!-- end col -->
                                </div>
                                {!! Form::close() !!}
                            </div> <!-- end preview-->
                        </div> <!-- end tab-content-->

                    </div> <!-- end card-body-->
                </div> <!-- end card-->
            </div> <!-- end col-->
        </div>
        @push('scripts')
            <script src="{{ asset('js/JsBarcode.all.min.js') }}"></script>
            <script src="{{ asset('js/jquery.PrintArea.js') }}"></script>
            <script>
                function generarBarcode() {
                    codigo = $("#codigobar").val();
                    JsBarcode("#barcode", codigo, {
                        format: "EAN13",
                        font: "OCRB",
                        fontSize: 18,
                        textMargin: 0
                    });
                }
                $('#liAlmacen').addClass("sub active");
                $('#aAlmacen').addClass("active");
                $('#liArticulos').addClass("active");


                //Código para imprimir el svg
                function imprimir() {
                    $("#print").printArea();
                }
                generarBarcode();
            </script>
        @endpush
    @endsection
