<template>
  <div class="services-page">
    <div class="container">
      <div class="row">
        <div class="col-12">
          <LineTxt label="شفافیت" />
        </div>

        <div class="body">
          <div class="main">
            <div>
              <img
                class="tasvir"
                src="../../../static/images/shafaf.jpg"
                alt="logo"
              />
            </div>
            <div>
              شفافیت سریع ترین، کم هزینه ترین، ساده ترین، مبنایی ترین و قابل
              اعتمادترین سازوکار برای مبارزه با فساد)هم در پیشگیری و هم کشف
              جرم(، افزایش مسئولیت پذیری و پاسخگویی، ارتقاء شایسته ساالری،
              مشارکت فعال و مؤثر مردمی، کاهش هزینه و زمان در پیشگیری و مبارزه با
              فساد، و در نتیجه افزایش کارآمدی و سرمایه اجتماعی است؛ با ایجاد
              شفافیت می توان عدالت را مستقر کرد و از ایجاد تبعیض های ناروا در
              نظام جلوگیری کرد.به همین جهت، سازمان فناوری اطالعات با همکاری
              سازمان غیردولتی شفافیت برای ایران اقدام به تاسیس کمیته شفافیت
              نموده است .پورتال شفافیت، اولین اقدام این استانداری در راستای
              توسعه شفافیت است. این پورتال به صورت مستمر از نظر محتوا و بستر به
              روز خواهد شد .
            </div>
          </div>
        </div>
        <div class="cards">
          <div class="item">1</div>
          <div class="item">1</div>
          <div class="item">1</div>
          <div class="item">1</div>
          <div class="item">1</div>
          <div class="item">1</div>
        </div>
        <div class="space"></div>
        <!-- <div class="col-12 col-md-6 services-view">
          <nuxt-link
            :to="{
              name: 'portal-services-election',
              params: { portal: currentPortal },
            }"
            class="services-item"
          >
            <i class="far fa-check-square"></i>
            <span>شرکت در انتخابات استانداری مرکزی</span>
          </nuxt-link>
        </div>
        <div class="col-12 col-md-6 services-view">
          <nuxt-link
            :to="{
              name: 'portal-services-meeting',
              params: { portal: currentPortal },
            }"
            class="services-item"
          >
            <i class="far fa-check-square"></i>
            <span>ارتباط با استاندار</span>
          </nuxt-link>
        </div> -->
      </div>
    </div>
  </div>
</template>

<script>
export default {
  computed: {
    currentPortal() {
      return this.$route.params.portal;
    },
  },
};
</script>

<style scoped>
.body {
  display: flex;
  justify-content: center;
}

.main {
  width: 60%;
  border: 1px solid rgb(224, 222, 222);
  height: 280px;
  color: rgb(94, 94, 94);
  display: flex;
  justify-content: space-between;
  border-radius: 10px;
  line-height: 25px;
  padding: 10px;
  align-items: center;
  gap: 10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.tasvir {
  width: 230px;
  height: 120px;
  border-radius: 10px;
}
.cards {
  margin: 50px 0px;
  display: grid;
  grid-template: 130px / auto auto auto auto auto auto;
  gap: 10px;
}
.item {
  background-color: aquamarine;
  height: 200px;
  border-radius: 10px;
}
.space {
  height: 50px;
}
</style>
