<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-md-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-md-5 text-right">

              </div>
            </div>
          </div>
        
      </div>
        <div class="row" v-if="isLoggedIn">
            <div class="col-lg-12">
              <div class="row">
                <div class="col-md-6">
                  <div class="card">
                    <div class="card-header border-0">
                      <div class="row align-items-center">
                        <div class="col">
                          <h3 class="mb-0">ຕັ້ງຄ່າຮ້ານຄ້າ</h3>
                        </div>
                        <div class="col text-right">
                          <a href="javascript:void(0)" class="btn btn-sm btn-primary disabled"> <i class="fas fa-save"></i> ບັນທຶກ</a>
                        </div>
                      </div>
                    </div>
                    <div class="card-body">

                      <div class="row">
                        <div class="col-md-12">
                          <div class="form-group">
                          <label class="form-control-label" >ຊື່ຮ້ານ:
                            <span class="text-red" >* </span ></label >
                          <div class="input-group input-group-merge">
                            <div class="input-group-prepend">
                              <span class="input-group-text"
                                > <i class="fas fa-home"></i></span>
                            </div>

                            <input
                              type="text"
                              class="form-control"
                              name="name"
                              ref="focusMe"
                            />
                          </div>
                        </div>
                        </div>
                          
                      </div>

                      <div class="row">
                        <div class="col-md-6">
                          <div class="form-group">
                        <label class="form-control-label" >ເບີໂທຕິດຕໍ່:
                          <span class="text-red" >* </span ></label >
                        <div class="input-group input-group-merge">
                          <div class="input-group-prepend">
                            <span class="input-group-text"
                              ><i class="fas fa-mobile-alt"></i></span>
                          </div>

                          <input
                            type="text"
                            class="form-control"
                            name="name"
                            ref="focusMe"
                          />
                        </div>
                      </div>
                        </div>
                        <div class="col-md-6">
                          <div class="form-group">
                        <label class="form-control-label" >ອີເມວລ໌:
                          <span class="text-red" >* </span ></label >
                        <div class="input-group input-group-merge">
                          <div class="input-group-prepend">
                            <span class="input-group-text"
                              ><i class="fas fa-envelope"></i></span>
                          </div>

                          <input
                            type="text"
                            class="form-control"
                            name="name"
                            ref="focusMe"
                          />
                        </div>
                      </div>
                        </div>
                      </div>
                      

                      <div class="form-group">
                        <label class="form-control-label" >ທີ່ຢູ່:
                          <span class="text-red" >* </span ></label >
                        <div class="input-group input-group-merge">
                          <div class="input-group-prepend">
                            <span class="input-group-text"
                              ><i class="fas fa-map-marker-alt"></i></span>
                          </div>

                          <input
                            type="text"
                            class="form-control"
                            name="name"
                            ref="focusMe"
                          />
                        </div>
                      </div>
                      
                      
                    </div>
                  </div>
                </div>
                <div class="col-md-6">
                  <div class="card">
                    <div class="card-header border-0">
                      <div class="row align-items-center">
                        <div class="col">
                          <h3 class="mb-0">ຕັ້ງຄ່າໃບບິນ</h3>
                        </div>
                        <div class="col text-right">
                          <a href="javascript:void(0)" class="btn btn-sm btn-primary disabled"> <i class="fas fa-save"></i> ບັນທຶກ</a>
                        </div>
                      </div>
                    </div>
                    <div class="card-body">

                  

                     
                      
                      <div class="form-group">
                        <label class="form-control-label" >ບໍລິການ:
                          <span class="text-red" >* </span ></label >
                        <div class="input-group input-group-merge">
                          <textarea class=" form-control" id="" rows="5"></textarea>
                          
                        </div>
                      </div>
                      <div class="form-group">
                        <label class="form-control-label" >ເງື່ອນໄຂຮັບປະກັນ:
                          <span class="text-red" >* </span ></label >
                        <div class="input-group input-group-merge">
                          <textarea class=" form-control" id="" rows="5"></textarea>
                          
                        </div>
                      </div>
                      
                      
                    </div>
                  </div>
                </div>
              </div>
        <div class="row">
        <div class="col-xl-4">
          <div class="card">
            <div class="card-header border-0">
              <div class="row align-items-center">
                <div class="col">
                  <h3 class="mb-0">ຕັ້ງຄ່າໃບບິນ</h3>
                </div>
                <div class="col text-right">
                  <a href="javascript:void(0)" class="btn btn-sm btn-primary"> ບັນທຶກ</a>
                </div>
              </div>
            </div>
            <div class="table-responsive">
              <!-- Projects table -->
              <div class="card-body">
                <div class="form-group">
                    <label class="form-control-label" >ຂະໜາດໃບບິນ</label>
                    <select class="form-control" >
                      <option value="A4">ບິນມາດຕະຖານ A4 </option>
                      <option value="80min">ບິນນ້ອຍ 80mm</option>
                    </select>
                  </div>
                  <div class="form-group">
                    <label class="form-control-label" >ເລືອກລູກຄ້າເລີ່ມຕົ້ນ</label>
                    <select class="form-control" >
                      <option value="A4">ບິນມາດຕະຖານ A4 </option>
                      <option value="80min">ບິນນ້ອຍ 80mm</option>
                    </select>
                  </div>
                  <div class="form-group">
                    <label class="form-control-label" for="Select1">ກາປະທັບ + ລາຍເຊັນ</label>
                    <div class="text-right">
                       <a href="javascript:void(0)" class="btn btn-sm btn-info"><i class="ni ni-album-2"></i> ເລືອກຮູບ</a>
                    </div>
                    <br>
                      <a href="#!" class="">
                        <img alt="Image placeholder" style="width:180px;" v-bind:src="images">
                    </a>
                    </div>
              </div>
              
            </div>
            <div class="card-footer">
              
            </div>
          </div>
        </div>
        <div class="col-xl-4">
          <div class="card">
            <div class="card-header border-0">
              <div class="row align-items-center">
                <div class="col">
                  <h3 class="mb-0">ປະເພດອຸປະກອນ</h3>
                </div>
                <div class="col text-right">
                  <a href="javascript:void(0)" class="btn btn-sm btn-primary">ເພີ່ມໃໝ່</a>
                </div>
              </div>
            </div>
            <div class="table-responsive">
              <!-- Projects table -->
              <table class="table align-items-center table-flush">
                <thead class="thead-light">
                  <tr>
                    <th scope="col">ຊື່ປະເພດອຸປະກອນ</th>
                    <th scope="col" class="text-center" width="80">ຈັດການ</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <th scope="row">
                      Facebook
                    </th>
                    <td>
                      1,480
                    </td>
                  </tr>

                </tbody>
              </table>
            </div>
            <div class="card-footer">
              
            </div>
          </div>
        </div>

        <div class="col-xl-4">
          <div class="card">
            <div class="card-header border-0">
              <div class="row align-items-center">
                <div class="col">
                  <h3 class="mb-0">ສິດຜູ້ໃຊ້</h3>
                </div>
                <div class="col text-right">
                  <a href="#!" class="btn btn-sm btn-primary">See all</a>
                </div>
              </div>
            </div>
            <div class="table-responsive">
              <!-- Projects table -->
              <table class="table align-items-center table-flush">
                <thead class="thead-light">
                  <tr>
                    <th scope="col">Referral</th>
                    <th scope="col">Visitors</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <th scope="row">
                      Facebook
                    </th>
                    <td>
                      1,480
                    </td>
                  
                  </tr>
                  <tr>
                    <th scope="row">
                      Facebook
                    </th>
                    <td>
                      5,480
                    </td>
                   
                  </tr>
                  <tr>
                    <th scope="row">
                      Google
                    </th>
                    <td>
                      4,807
                    </td>
                   
                  </tr>
                  <tr>
                    <th scope="row">
                      Instagram
                    </th>
                    <td>
                      3,678
                    </td>
                   
                  </tr>
                  <tr>
                    <th scope="row">
                      twitter
                    </th>
                    <td>
                      2,645
                    </td>
                   
                  </tr>
                </tbody>
              </table>
            </div>
            <div class="card-footer">
              
            </div>
          </div>
        </div>
      </div>
            </div>
        </div>
    </section>
</div>
</template>

<script>
export default {
    name: "equipment",

    components: {},

    directives: {},

    data() {
        return {
          images:'',
          EquipmentList:[],
          isLoggedIn: false,
        };
    },

    mounted() {},

    methods: {
      GetEq(){
        
      }
    },
    created(){
        this.$axios.get(`/api/users/checkauth`).then((response) => { if (!response.data.isLogin) { window.location.href = "/"; } });
        this.images = window.location.origin+'/argon/img/theme/team-1.jpg'

        if(window.Laravel.isLoggedin){
           this.isLoggedIn = true
        }

    }
};
</script>

<style lang="scss" scoped></style>
