<template>
    <div class="container-fluid">
        <section class="content">
        <div class="header pb-2">
          <div class="header-body">
            <div class="row align-items-center py-4">
              <div class="col-lg-6 col-7">
                <nav
                  aria-label="breadcrumb"
                  class="d-none d-md-inline-block ml-md-4"
                >
                  <ol class="breadcrumb breadcrumb-links">
                    <li class="breadcrumb-item">
                      <a href="#"><i class="fas fa-home"></i></a>
                    </li>
                    <li class="breadcrumb-item">
                      <a href="#">Dashboards</a>
                    </li>
                    <li class="breadcrumb-item active" aria-current="page">
                      ຮັບສັ່ງເຄື່ອງ
                    </li>
                  </ol>
                </nav>
              </div>
              <div class="col-lg-6 col-5 text-right">

              </div>
            </div>
          </div>
        
      </div>
        <div class="row" v-if="isLoggedIn">
      <div class="col-lg-3" >
        <div class="card card-pricing border-0 text-center mb-4" v-if="$store.getters['getroles'].includes('preorder_add')">
          <div class="card-body">
            <div class="display-2"><i class="fas fa-cart-plus"></i></div>
            <button
              type="button"
              @click="$router.push('preorder/add')"
              class="btn btn-primary mb-3"
            >
              ຮັບສັ່ງເຄື່ອງ
            </button>
          </div>
        </div>
   
      </div>
      
    </div>
    </section>
        
    </div>
</template>

<script>
export default {
    name: 'MyAppVueListOrderNoStore',

    data() {
        return {
            Repaires:[],
          isLoggedIn: false,
          PreOrderAll:[],
          searchOrder:'',
          loading:false,
          loading_check: false,
          CustomerData: {
            Size: "S",
            CustomerSe: "",
            Customer_id: "",
            Customer_name: "",
            Customer_tel: "",
            Customer_address: "",
          },
          PayStatus:'',
          ListPreorder:[],
          SupplierData: {
            name: "",
            tel: "",
            address: "",
            images: "",
          },
          tranData: {
            ListTran: [],
          },
          TranDay:'',
          supplierBack:'',
          DayOrder:'',
        };
    },

    mounted() {
        
    },

    methods: {
        
    },
};
</script>

<style lang="scss" scoped>

</style>