@extends('layouts.admin')

@section('styles')
<link rel="stylesheet" href="{{asset('plugins/slim-select/slimselect.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">SALIDA DE ARTICULOS PARA ACTIVIDADES</h4>

            <form action="{{route('lista.store')}}" method="post">
               @csrf
               <!-- articulos -->
               <div class="form-group row">
                  <div class="col-md-5">
                     <p>Articulos</p>
                     <select class="form-control" name="articulo" id="articulo" autofocus>
                        <option value="">Seleccione Articulo</option>
                        @foreach($data as $art)
                        <option value="{{$art->id}}__{{$art->cantidad}}__{{$art->provee_id}}__{{$art->nombre}}">{{$art->articulo}} Stock: {{$art->cantidad}} </option>
                        @endforeach
                     </select>
                     <br>
                  </div>

                  <div class="form-group col-md-2">
                     <label for="">CODIGO DE LISTA</label>
                     <input type="text" class="form-control" name="descripcion" required>
                  </div>



                  <div class="col-md-2 d-none">
                     <div class="col">
                        TOTAL DE FACTURA
                        <input type="number" step="any" value="100" class="form-control" name="total" required>
                     </div>
                  </div>

                  <div class="col-md-2">
                     <div class="col">
                        Cantidad de Salida
                        <input type="number" class="form-control" name="" value="1" id="bolsa_cantidad">
                     </div>
                  </div>

                  <div class="">
                     <button type="button" id="add_bolsa" class="btn btn-outline-primary float-right" style="border-radius: 25px;"> <i class="fa fa-cart-plus" aria-hidden="true"></i></button>
                  </div>


               </div>
               <!-- end articulos -->

               <div class="row d-none">
                  <div class="col">
                     <div class="form-group row mx-3">
                        <div class="row">

                           <div class="col d-none">
                              Precio
                              <input type="text" class="form-control " placeholder="Precio Venta" disabled name="" id="bolsa_pventa">

                           </div>

                           <div class="col d-none">
                              Descuento
                              <input type="number" class="form-control " placeholder="Descuento" id="bolsa_descuento">
                           </div>
                        </div>
                     </div>
                  </div>
               </div>

               <div class="row p-4 d-none">
                  <div class="col">
                     <label for="" id="abolsa_descripArt"></label>
                  </div>
               </div>

               <div class="row justify-content-center">
                  <div class="col table-responsive">
                     <!-- Widget: user widget style 1 -->

                     <table class="table table-hover table-sm" id="tabla_bolsa">
                        <thead class="">
                           <tr>
                              <th></th>
                              <th>Articulo</th>
                              <th class="d-none">Precio Venta</th>
                              <th class="d-none">Descuento</th>
                              <th>Cantidad</th>
                              <th class="d-none">Subtotal</th>
                           </tr>
                        </thead>
                        <tbody>

                           <tr>

                           </tr>

                        </tbody>
                     </table>

                     <!-- /.widget-user -->
                  </div>

               </div>

               <div class="row">
                  <label id="bolsa_total"> </label>
                  <br>
                  <label id="bolsa_descuento"> </label>
               </div>

               <div class="row">
                  <div class="col">
                     <button type="submit" class="btn btn-primary"><i class="fas fa-save"></i> GUARDAR</button>
                  </div>
               </div>
            </form>

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



@endsection

@section('scripts')
<script src="{{asset('js/compras.js')}}"></script>

<script src="{{asset('plugins/slim-select/slimselect.min.js') }}"></script>
<script>
   new SlimSelect({
      select: '#articulo',
      placeholder: 'Select Permissions',
      deselectLabel: '<span>&times;</span>',
      hideSelectedOption: true,
   })
</script>

@endsection