@extends('layouts.admin')

@section('styles')
<link rel="stylesheet" href="{{asset('assets/theme/vendor/select2/select2.min.css')}}">

@endsection


@section('content')
<div class="container-fluid mb-5">
    <div class="row">
        <div class="col">
            <div class="card p-4 mb-5">

                <h4 class="card-title text-uppercase">comprar articulos</h4>


                <form action="{{route('articulo.compraStore')}}" method="post" autocomplete="off">
                    @csrf


                    <div class="form-group row">
                        <label for="inputName" class="col-sm-4 col-form-label">
                            <font style="vertical-align: inherit;">
                                <font style="vertical-align: inherit;">Articulo: </font>
                            </font>
                        </label>
                        <div class="col">
                            <select class="form-control" id="js-example-basic-single" name="articulo_id" required>
                                <option value="">Seleccione Articulo a Ingresar &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>
                                @foreach($articulos as $art)
                                <option value="{{$art->id}}" class="text-uppercase mx-4">{{$art->nombre}} / {{$art->descripcion}} / {{$art->nomCat}} / {{$art->stock}} / {{$art->cod_barras}} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <br>
                    <div class="form-group row">
                        <label for="inputName" class="col-sm-4 col-form-label">
                            <font style="vertical-align: inherit;">
                                <font style="vertical-align: inherit;">Cantidad a Comprar: </font>
                            </font>
                        </label>
                        <div class="col">
                            <input type="number" class="form-control" min="1" placeholder="Cantidad a Comprar" name="cantidad" required>
                        </div>
                    </div>
                    <br>
                    <div class="form-group row">
                        <label for="inputName" class="col-sm-4 col-form-label">
                            <font style="vertical-align: inherit;">
                                <font style="vertical-align: inherit;">Numero de Factura de Compra: </font>
                            </font>
                        </label>
                        <div class="col">
                            <input type="text" class="form-control" placeholder="Factura de Compra" name="factura" required>
                        </div>
                    </div>
                    <br>
                    <div class="form-group row">
                        <label for="inputName" class="col-sm-4 col-form-label">
                            <font style="vertical-align: inherit;">
                                <font style="vertical-align: inherit;">Fecha de Compra: </font>
                            </font>
                        </label>
                        <div class="col">
                            <input type="date" class="form-control" name="fecha" value="2024-12-23" required>
                        </div>
                    </div>
                    <br>
                    <div class="form-group row">
                        <div class="offset-sm-4 col-sm-8">
                            <button type="submit" class="btn btn-outline-success">
                                <font style="vertical-align: inherit;">
                                    <font style="vertical-align: inherit;">REGISTRAR COMPRA</font>
                                </font>
                            </button>
                        </div>
                    </div>



                </form>


            </div>
        </div>
    </div>
</div>

@endsection

@section('scripts')
<script src="{{asset('assets/theme/vendor/select2/select2.min.js')}}"></script>


<script>
    $(document).ready(function() {
        $('#js-example-basic-single').select2();
    });
</script>

@endsection