<!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">
    <meta name="description"
          content="Cuba admin is super flexible, powerful, clean &amp; modern responsive bootstrap 5 admin template with unlimited possibilities.">
    <meta name="keywords"
          content="admin template, Cuba admin template, dashboard template, flat admin template, responsive admin template, web app">
    <meta name="author" content="pixelstrap">
    <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">
    <!-- 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">پیام های ارتباط با ما</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">
                    <div class="card">
                        <div class="card-header">
                            <h5>مشخصات پیام</h5>
                        </div>
                        <div class="card-body">

           <div class="card" style="    border: 1px solid;">
          <div class="job-search">
            <div class="card-body">
              <div class="">
                <div class="media-body">
                  <h6 class="f-w-600"><a data-bs-original-title="" title="" dideo-checked="true"><%=payam.Name %> <%=payam.LastName %></a></h6>
                  <p style="margin:10px"> تاریخ ارسال : <%=payam.PersianDate.Add %></p>
                  <p style="margin:10px"> موبایل : <%=payam.Mobile%></p>
                  <p style="margin:10px"> ایمیل : <%=payam.Email %></p>
                </div>
              </div>
              <hr>
              <p style="margin-top:10px">
              <%=payam.Text %>
              </p>

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

        </div>

                        </div>
                        <div class="card">
                            <div class="card-header">
                                <h5>لیست گزارشات</h5>
                            </div>
                            <div class="card-body" style="height: 400px;overflow-y: auto;">
<% for (var i = 0; i < payam.Reports.length; i++) { %>
               <div class="card" style="    border: 1px solid;">
              <div class="job-search">
                <div class="card-body">
                  <div class="">
                    <div class="media-body">
                      <h6 class="f-w-600"><a  data-bs-original-title="" title="" dideo-checked="true"><%= payam.Reports[i].User.Name%> <%= payam.Reports[i].User.LastName%></a></h6>
                      <p style="margin:10px"> تاریخ ارسال : <%=payam.Reports[i].PersianDate.Add %></p>

                    </div>
                  </div>
                  <p style="margin-top:10px">
                    <%=payam.Reports[i].Text %>
                  </p>

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

            </div>

                            </div>
                            <div class="card">
                                <div class="card-header">
                                    <h5>ارسال گزارش</h5>
                                </div>
                                <div class="card-body">

                   <div class="card" style="    border: 1px solid;">
                  <div class="job-search">
                    <div class="card-body">

<div class="col-md-12">
 <form method="post" action="/<%=lan.ShortName%>/payam/addreport/<%=payam._id%>">
                          <div>
                            <label class="form-label">ارسال گزارش</label>
                            <textarea class="form-control" rows="5" placeholder="گزارش خود را بنویسید" name="Text"></textarea>
                          </div>
                  <button type="submit" class="btn  btn-primary-gradien" style="width: 160px;height: 33px;margin-top: 10px;margin-bottom: 10px;text-align: center;font-family: 'IranSansM';float: left;" >ارسال</button>
</form>
                        </div>
                    </div>
                  </div>
                </div>

                </div>

                                </div>
                </div>

            </div>

        </div>
        <!-- Container-fluid Ends-->

        <!-- Container-fluid Ends-->
    </div>

    <!-- footer start-->
    <%- include("../../partials/footer") %>

</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>
<!-- Plugins JS Ends-->
<!-- Theme js-->
<script src="/RTL/superAdmin/js/script.js"></script>
<!-- login js-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.0/axios.min.js"></script>
<!-- Plugin used-->
<script src="/RTL/superAdmin/js/anse/albumPopup.js"></script>
<script>
      var PP=<%-JSON.stringify(payam)%>

</script>
</body>
</html>
