<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="/RTL/superAdmin/images/favicon.png" type="image/x-icon">
    <link rel="shortcut icon" href="/RTL/superAdmin/images/favicon.png" type="image/x-icon">
    <title>پنل کاربری</title>
    <!-- Google font-->
    <link href="https://fonts.googleapis.com/css?family=Rubik:400,400i,500,500i,700,700i&amp;display=swap"
          rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900&amp;display=swap"
          rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="/RTL/superAdmin/css/font-awesome.css">
    <!-- ico-font-->
    <link rel="stylesheet" type="text/css" href="/RTL/superAdmin/css/vendors/icofont.css">
    <!-- Themify icon-->
    <link rel="stylesheet" type="text/css" href="/RTL/superAdmin/css/vendors/themify.css">
    <!-- Flag icon-->
    <link rel="stylesheet" type="text/css" href="/RTL/superAdmin/css/vendors/flag-icon.css">
    <!-- Feather icon-->
    <link rel="stylesheet" type="text/css" href="/RTL/superAdmin/css/vendors/feather-icon.css">
    <!-- Plugins css start-->
    <link rel="stylesheet" type="text/css" href="/RTL/superAdmin/css/vendors/scrollbar.css">
    <link rel="stylesheet" type="text/css" href="/RTL/superAdmin/css/vendors/prism.css">
                <link rel="stylesheet" type="text/css" href="/RTL/superAdmin/css/vendors/photoswipe.css">


    <!-- Plugins css Ends-->
    <!-- Bootstrap css-->
    <link rel="stylesheet" type="text/css" href="/RTL/superAdmin/css/vendors/bootstrap.css">
    <!-- App css-->
    <link rel="stylesheet" type="text/css" href="/RTL/superAdmin/css/style.css">
    <link id="color" rel="stylesheet" href="/RTL/superAdmin/css/color-1.css" media="screen">
    <!-- Responsive css-->
    <link rel="stylesheet" type="text/css" href="/RTL/superAdmin/css/responsive.css">

</head>
<body class="rtl">

<!-- tap on top starts-->
<div class="tap-top"><i data-feather="chevrons-up"></i></div>
<!-- tap on tap ends-->
<!-- page-wrapper Start-->
<div class="page-wrapper compact-wrapper" id="pageWrapper">
    <!-- Page Header Start-->
    <%- include('../../partials/header') %>
    <!-- Page Sidebar Ends-->
    <div class="page-body">
        <div class="container-fluid">
            <div class="page-title">
                <div class="row">

                    <div class="col-12">
                        <ol class="breadcrumb" style="-webkit-box-pack: start!important;">
                            <li class="breadcrumb-item"><a href="/<%= lan.ShortName %>/dashboard"><i data-feather="home"></i></a></li>
                            <li class="breadcrumb-item active">داشبورد</li>
                            <li class="breadcrumb-item active">لیست دیدگاه ها</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
        <!-- Container-fluid starts-->
        <!-- Container-fluid starts-->
        <div class="container-fluid">
            <div class="row">
          <div class="col-sm-12 col-xl-12">
                    <div class="row">
                          <div class="col-sm-12" style="margin:0 auto">
                            <div class="card">
                                <div class="card-header">
                                    <h5>لیست دیدگاه ها</h5>
                                </div>
                                <div class="card-body">
                                 <% for (var i = 0; i < viewpoints.length; i++) { %>
                                <div class="card">
                  <div class="blog-box blog-list row" style="border: 1px solid;padding: 10px;border-radius: 10px;">
                    <div class="col-sm-3"><img class="sm-100-w"  style="max-width: 100%;" src="https://ansedownload.ir/amarify.com/panel.amarify.com/album/<%=viewpoints[i].Files[0].Url%>/<%=viewpoints[i].Files[0].Name%>" alt=""></div>
                    <div class="col-sm-9">
                      <div class="blog-details">
                        <div class="blog-date"> <%=viewpoints[i].PersianDate.Add%></div>
                        <h6><%=viewpoints[i].Title%></h6>
                        <div class="blog-bottom-content">
                          <ul class="blog-social">
                            <li  style="padding-left: 5px;" >ارسال کننده :  <%=viewpoints[i].UserForwarderDocument[0].Name %>  <%=viewpoints[i].UserForwarderDocument[0].LastName %> </li>
                            <li style="margin-right: 5px;border-left: 1px solid;padding: 3px;padding-left: 5px;">نام محصول : <%=viewpoints[i].ProductDocument[0].Name %>  </li>
                            <li style="margin-right: 5px;">امتیاز : <%=viewpoints[i].Rate %>   از 10</li>

                          </ul>
                          <hr>
                         <div>

                         <div class="list-group">
                                                  <% for (var j = 0; j < viewpoints[i].Strengths.length; j++) { %>

                         <a class=" list-group-item-action" href="javascript:void(0)"style="color: #29b029;" data-bs-original-title="" title=""><i class=" fas fa-check-circle" style="color: #29b029;"></i><%=viewpoints[i].Strengths[j]%></a>
                        <%}%>
                         </div>
                                              <div class="list-group">
                         <% for (var j = 0; j < viewpoints[i].WeakPoints.length; j++) { %>
                         <a class=" list-group-item-action" href="javascript:void(0)" style="color:red" data-bs-original-title="" title=""><i class="fa fa-close" style="color:red" ></i><%=viewpoints[i].WeakPoints[j]%></a>
<%}%>
                         </div>
                                                  <span class="f-w-600" style="padding: 15px;display: block;"><%= viewpoints[i].Caption %></span>

                         </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <% } %>
                                                                  </div>




                                </div>

                            </div>
                        </div>
                    </div>
                </div>

                </div>

        </div>
        <!-- Container-fluid Ends-->
        <!-- Container-fluid Ends-->
    </div>
    <!-- footer start-->
    <%- include("../../partials/footer") %>
</div>
</div>
<!-- latest jquery-->
<script src="/RTL/superAdmin/js/jquery-3.5.1.min.js"></script>
<!-- Bootstrap js-->
<script src="/RTL/superAdmin/js/bootstrap/bootstrap.bundle.min.js"></script>
<!-- feather icon js-->
<script src="/RTL/superAdmin/js/icons/feather-icon/feather.min.js"></script>
<script src="/RTL/superAdmin/js/icons/feather-icon/feather-icon.js"></script>
<!-- scrollbar js-->
<script src="/RTL/superAdmin/js/scrollbar/simplebar.js"></script>
<script src="/RTL/superAdmin/js/scrollbar/custom.js"></script>
<!-- Sidebar jquery-->
<script src="/RTL/superAdmin/js/config.js"></script>
<!-- Plugins JS start-->
<script src="/RTL/superAdmin/js/sidebar-menu.js"></script>
<script src="/RTL/superAdmin/js/prism/prism.min.js"></script>
<script src="/RTL/superAdmin/js/clipboard/clipboard.min.js"></script>
<script src="/RTL/superAdmin/js/custom-card/custom-card.js"></script>
<script src="/RTL/superAdmin/js/tooltip-init.js"></script>
<script src="/RTL/superAdmin/js/owlcarousel/owl.carousel.js"></script>
<script src="/RTL/superAdmin/js/ecommerce.js"></script>
<script src="/RTL/superAdmin/js/datatable/datatables/jquery.dataTables.min.js"></script>
<script src="/RTL/superAdmin/js/product-list-custom.js"></script>


<!-- Plugins JS Ends-->
<!-- Theme js-->
<script src="/RTL/superAdmin/js/script.js"></script>
<!-- login js-->
<!-- Plugin used-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.0/axios.min.js"></script>

</body>
</html>