@extends('adminlte::page')

@section('plugins.Sweetalert2', true)
@section('plugins.Select1', true)

@section('title', 'ntranet | Detalle Artículo')

@section('content_header')
    <div class="container-fluid">

    </div>
@stop

@section('content')
    <div class="container-fluid">
        <div class="row justify-content-center">
            <div class="col-lg-6">

                <div class="card card-aspen">
                    <div class="card-header">
                        <h3 class="card-title">Detalle Artículo</h3>
                    </div>

                    <form id="formularioDeUsuario">
                        @csrf


                        <div class="card-body">
                            <div class="form-group">
                                <label>Código Artículo</label>
                                <input style="cursor: not-allowed;" type="text" class="form-control" name="codigo_articulo" id="codigoArticulo" readonly="true" value="{{ old('codigo_articulo', $articulo->codigo_articulo) }}">
                            </div>
        
                            <div class="form-group">
                                <label for="descripcion">Nombre Artículo</label>
                                <textarea class="form-control" id="descripcion" name="descripcion" rows="3" readonly="true">{{ old('descripcion', $articulo->descripcion) }}</textarea>
                            </div>

                            <div class="form-group">
                                <label>Tipo Artículo</label>
                                <input style="cursor: not-allowed;" type="text" class="form-control" id="tipoArticulo" name="tipo_articulo" readonly="true" value="{{ old('tipo_articulo', $articulo->tipo_articulo) }}">
                            </div>

                            <div class="form-group">
                                <label>Clasificación</label>
                                <input style="cursor: not-allowed;" type="text" class="form-control" id="idClasificacion" name="id_clasificacion" readonly="true" value="{{ old('id_clasificacion', $articulo->clasificacion->clasificacion) }}">
                            </div>

                            <div class="form-group">
                                <label>Cuenta De Gasto</label>
                                <input style="cursor: not-allowed;" type="text" class="form-control" id="idCuentaGasto" name="id_cuenta_gasto" readonly="true" value="{{ old('id_cuenta_gasto', $articulo->cuentaDeGasto->cuenta_gasto) }}">
                            </div>

                            <div class="form-group">
                                <label>Unidad De Medición</label>
                                <input style="cursor: not-allowed;" type="text" class="form-control" id="idUnidad" name="id_unidad" readonly="true" value="{{ old('id_cuenta_gasto', $articulo->unidad->unidad) }}">
                            </div>

                            <div class="form-group">
                                <label>Estado</label>
                                <input style="cursor: not-allowed;" type="text" class="form-control" id="estado" name="estado" readonly="true" value="{{ old('estado', $articulo->estado) }}">
                            </div>

                        </div>

                        <div class=" card-footer">
                            <a href="{{ route('articulo.index') }}" role="button" class="btn btn-secondary"><i class="fas fa-arrow-alt-circle-left" style="margin-right: 2px;"></i> Volver</a>
                        </div>
                    </form>
                </div>
            </div>



        </div>

    </div>
@stop

@section('footer')
    <div class="float-right d-none d-sm-inline">
        Intranet
    </div>
    <strong>Copyright © 2023 <a href="https://aspenspa.cl/">aspenspa.cl</a></strong>
@stop

@section('css')
<link rel="stylesheet" href="{{ asset('css/estilo-generico.css') }}">
@stop

@section('js')
<script src="{{ asset('js/funcionalidades-genericas.js') }}"></script>
@stop