<template>
  <section class="mb-5">
    <BuscarCarrito
      :operador="operador"
      :carrito="carrito"
      :imprimirError="imprimirError"
      :imprimirWarning="imprimirWarning"
      :imprimirMensaje="imprimirMensaje"
      :updateIsLoading="updateIsLoading"
      :updateCarrito="updateCarrito"
    />
  </section>
</template>

<script>
import axios from 'axios'
import BuscarCarrito from '@/components/operador/BuscarCarrito'
import TablaPrestamos from '@/components/operador/TablaPrestamos'
import TablaReportes from '@/components/operador/TablaReportes'
import TablaMotivos from '@/components/operador/TablaMotivos'

export default {
  components: { TablaPrestamos, BuscarCarrito, TablaReportes, TablaMotivos },
  data() {
    return {
      carrito: { modulo: {}, tipoCarrito: {} },
      isLoadingTable: false,
    }
  },
  props: {
    operador: { type: Object, required: true },
    imprimirError: { type: Function, required: true },
    imprimirWarning: { type: Function, required: true },
    imprimirMensaje: { type: Function, required: true },
    updateIsLoading: { type: Function, required: true },
  },
  methods: {
    onPrestamosPageChange(page) {
      this.pagePrestamos = page
      this.obtenerPrestamos()
    },
    onReportesPageChange(page) {
      this.pageReportes = page
      this.obtenerReportes()
    },
    onMotivosPageChange(page) {
      this.pageMotivos = page
      this.obtenerMotivos()
    },
    updateCarrito(valorObject) {
      this.carrito = valorObject
    },
  },
}
</script>

<style></style>
