<template>
  <section class="footer-section section">
    <div class="container-fluid">
      <div class="row">
        <div class="col-12 footer-top">
          <div class="row d-flex justify-content-center align-items-stretch">
            <div
              class="col-2 d-flex justify-content-center align-items-center mt-5"
            >
              <p>نقشه سایت</p>
            </div>
            <div
              class="col-8 d-flex justify-content-center align-items-center mt-4"
            >
              <div class="footer-top-img">
                <img src="../../../../assets/majles/img/site12.svg" alt="" />
              </div>
            </div>
            <div
              class="col-2 d-flex justify-content-center align-items-center mt-5"
            >
              <p>تماس با ما</p>
            </div>
          </div>
        </div>
        <div class="col-12">
          <div class="container">
            <div class="row d-flex justify-content-center mt-3">
              <div
                class="footer-card m-3"
                v-for="(item, index) in menu.subjects"
                :key="index"
              >
                <img :src="iconGetter(item.icon)" alt="" />
              </div>
            </div>
          </div>
        </div>
        <div class="col-12">
          <div class="copyright">
            <span>
              .کلیه حقوق مادی و معنوی سایت، متعلق به مجلس شورای اسلامی می باشد.
            </span>
          </div>
        </div>
      </div>
    </div>
  </section>
</template>
<script>
import menu from "~/json/dashboard/majles/json/majlesFooter.json";
export default {
  
  
  
  data() {
    return {
      activeButton: 1,
      menu: menu,
    };
  },
  

  methods: {
    changeActive(item) {
      this.activeButton = item;
    },
    iconGetter(name) {
      return require("assets/majles/img/" + name);
    },
  },
 
};
</script>
<style scoped lang="scss">

</style>
