<template>
    <div class="bg-img-in">
      <user-dashboard-container page-class="complaint" panel-title="ثبت شکایت" class="panelx">
        <div class="row">
          <div class="col-lg-6 col-sm-12 p-3">
        
             
  
              <p>مشتری گرامی شما میتوانید شکایت خود را از طریق فرم زیر با ما در میان بگذارید</p>
            
          </div>
          <div class="col-lg-6 col-sm-12 p-3">
            <p>{{ config.complaint }}</p>
          </div>
        
  
          
        </div>
      </user-dashboard-container>
    </div>
  </template>
  
  <script>
  export default {
    name: 'PublicBrands',
  
    data() {
      return {
       form:{
        brands:true
       },
      }
    },
    computed: {
      config() {
        return this.$config
      }
    },
    mounted() {},

  }
  </script>
  <style lang="scss" scoped>
  .err{
        box-shadow: 0 0 5px rgba(255, 0, 0, 0.3);
      -webkit-box-shadow: 0 0 5px rgba(255, 0, 0, 0.3);
      -moz-box-shadow: 0 0 5px rgba(255, 0, 0, 0.3);
      border: 2px solid rgba(255, 0, 0, 0.2);
      border-radius: 8px;
  }
  .bg-img-in {
    background: url(@/static/assets/img/home/bg3.jpeg);
    background-size: cover;
    background-repeat: no-repeat;
    border-top: groove;
  }
  .panelx {
    margin-top: 20%;
    margin-left: auto;
    margin-right: auto;
    width: 80% !important;
  }
  
  .el-switch__label--right {
    margin-right: 10px !important;
  }
  
  .el-switch__label--left {
    margin-left: 10px !important;
  }
  </style>
  