@extends('layout')

@section('content')
<script type="text/javascript">
  // permite agregar productos antes de solicitar a bodega
  const token = '{{ csrf_token() }}';
</script>

<nav class="breadcrumb">
    <a class="breadcrumb-item" href="/">Home</a>
    <span class="breadcrumb-item active">Abastecimiento</span>
</nav>

<div class="card">
    <div class="card-body">
        <h4 class="card-title">Abastecimiento desde Bodega
          <span class="badge badge-danger">BETA</span>
          <button id="btn-abrir-crear-solicitud" class="btn btn-success">
            <span class="zmdi zmdi-plus"></span>
            Crear nueva</button>
        </h4>
        <h6 class="card-subtitle">Recibidos o en camino a tienda.</h6>

        <table class="table table-hover" id="datatables">
            <thead class="thead-default">
                <tr>
                    <th width="150">N°</th>
                    <th>Tipo</th>
                    <th>Estado</th>
                    <th>Fecha Creación</th>
                    <!-- <th>Tienda</th> -->
                    <th>Peso</th>
                    <th>Precio</th>
                    <th width="100" style="width: 150px">Acciones</th>
                </tr>
                <tr class="filter">
                    <td>
                        <div class="form-group mb-1">
                            <input type="text" class="form-control form-filter" placeholder="" data-column="0">
                            <i class="form-group__bar"></i>
                        </div>
                    </td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <!-- <td></td> -->
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
</div>

<!-- modal -->
<div id="modal-crear-solicitud" class="modal fade" data-backdrop="static" tabindex="-1">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Crear solicitud de abastecimiento</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <p class="alert alert-secondary">Seleccione tipo de solicitud. Sólo podrá
        agregar productos segun el tipo seleccionado.
      </p>
        <p>asdasd</p>

        <div class="form-group row">
          <label for="inputPassword" class="col-sm-2 col-form-label">Tipo</label>
          <div class="col-sm-10">
            <!-- <input type="password" class="form-control" id="inputPassword"> -->
            <select id="select-listado-categorias" class="form-control" name="">
            </select>
          </div>
        </div>

      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">
          <span class="zmdi zmdi-close"></span>
          Cerrar
        </button>
        <button id="btn-crear-solicitud" type="button" class="btn btn-primary">
          <span class="zmdi zmdi-save"></span>
          Crear</button>
      </div>
    </div>
  </div>
</div>

@endsection

@push('scripts')
<script type="text/javascript" src="/vendors/datatables/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="/vendors/datatables/input.js"></script>
<script type="text/javascript" src="js/app/abastecimiento/index.js"> </script>
@endpush