@extends('layout.main')
@section('contenido')
    <form action="{{ url('/articulo_transaccion_guardar') }}" method="post" class="mb-2">
        @csrf
        {{-- mensaje de restricción --}}
        @if (count($errors) > 0)
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
        @if (Session::has('mensaje'))
            <div class="alert alert-danger alert-dismissible fade show mb-2 mt-2" role="alert">
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                <strong>{{ Session::get('mensaje') }}</strong>
            </div>
        @endif
        <div class="card mb-2 mt-2">
            <div class="card-header">
                <h4>Registrar Artículo</h4>
            </div>
            <div class="card-body">
                <div class="row mb-3">
                    <div class="col-md-2">
                        <label for="floatingInput" class="text-secondary"><b>Cod. Fábrica</b></label>
                        <input type="text" class="form-control" name="codigo_fabrica"
                            value="{{ isset($articulo->codigo_fabrica) ? $articulo->codigo_fabrica : '' }}"
                            autocomplete="off">
                    </div>
                    <div class="col-md-4">
                        <label for="floatingInput" class="text-secondary"><b>Nombre</b></label>
                        <input type="text" class="form-control" name="nombre" required
                            value="{{ isset($articulo->nombre) ? $articulo->nombre : '' }}" id="nombre"
                            autocomplete="off">
                    </div>
                </div>
                <div class="row mb-3">
                    <div class="col-md-2">
                        <label for="floatingInput" class="text-secondary"><b>Costo</b></label>
                            <input type="text" name="costo" class="form-control" autocomplete="off" required
                                onkeyup="format(this)" onchange="format(this)">
                    </div>
                    <div class="col-md-2">
                        <label for="floatingInput" class="text-secondary"><b>Grupo</b></label>
                        <select name="idgrupo" id="idgrupo" class="form-select">
                            @foreach ($grupos as $grupo)
                                <option value="{{ $grupo['idgrupo'] }}">{{ $grupo['descripcion'] }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-2">
                        <label for="floatingInput" class="text-secondary"><b>Marca</b></label>
                        <select name="idmarca" id="idmarca" class="form-select">
                            @foreach ($marcas as $marca)
                                <option value="{{ $marca['idmarca'] }}">{{ $marca['descripcion'] }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="row mb-3">
                    <div class="col-md-2">
                        <label for="floatingInput" class="text-secondary"><b>Prec. Contado</b></label>
                        <input type="tel" name="precio_contado" class="form-control"
                            autocomplete="off" onkeyup="format(this)" onchange="format(this)">
                    </div>
                    <div class="col-md-2">
                        <label for="floatingInput" class="text-secondary"><b>Prec. Crédito</b></label>
                        <input type="tel" name="precio_credito" class="form-control"
                            autocomplete="off" onkeyup="format(this)" onchange="format(this)">
                    </div>
                    <div class="col-md-2">
                        <label for="floatingInput" class="text-secondary"><b>Stock</b></label>
                        <input type="tel" name="existencia" class="form-control" autocomplete="off">
                    </div>
                </div>
                <div class="col-md-6">
                    <label for="floatingInput" class="text-secondary"><b>Observaciones</b></label>
                    <textarea name="observacion" rows="2" class="form-control"></textarea>
                </div>
            </div>
            <div class="card-footer" align="right">
                <a href="{!! url('/') !!}" class="btn btn-secondary btn-lg" title="Cancelar"><i
                        class="fas fa-ban"></i></a>
                <button class="btn btn-success btn-lg" title="Guardar"><i class="fas fa-save"></i></button>
            </div>
        </div>
    </form>
@endsection