<!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="../../../../adminassets/images/favicon.png">
    <link rel="shortcut icon" href="../../../../adminassets/images/favicon.png" >
    <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"  href="../../../../adminassets/css/font-awesome.css">
    <!-- ico-font-->
    <link rel="stylesheet"  href="../../../../adminassets/css/vendors/icofont.css">
    <!-- Themify icon-->
    <link rel="stylesheet"  href="../../../../adminassets/css/vendors/themify.css">
    <!-- Flag icon-->
    <link rel="stylesheet"  href="../../../../adminassets/css/vendors/flag-icon.css">
    <!-- Feather icon-->
    <link rel="stylesheet"  href="../../../../adminassets/css/vendors/feather-icon.css">
    <!-- Plugins css start-->
    <link rel="stylesheet"  href="../../../../adminassets/css/vendors/scrollbar.css">
    <link rel="stylesheet"  href="../../../../adminassets/css/vendors/prism.css">
    <!-- Plugins css Ends-->
    <!-- Bootstrap css-->
    <link rel="stylesheet"  href="../../../../adminassets/css/vendors/bootstrap.css">
    <!-- App css-->
    <link rel="stylesheet"  href="../../../../adminassets/css/style.css">
    <link id="color" rel="stylesheet" href="../../../../adminassets/css/color-1.css" media="screen">
    <!-- Responsive css-->
    <link rel="stylesheet"  href="../../../../adminassets/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-6">
                  <h3>مدیریت فریلنسرها

                    </h3>
                </div>
                <div class="col-6">
                  <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="index.html"><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 col-xl-12">
                <div class="row">
                  <div class="col-sm-10" style="margin:0 auto">

                    <div class="card">
                      <div class="card-header">
                        <h5>ثبت فریلنسر در سامانه آنسه تیم</h5>
                      </div>

                      <div class="card-body">
                        <% if(fazType.Project.Offers.length == 0 ) { %>
                          <h1>هنوز پیشنهادی برای این پروژه دریافت نشده است.</h1>
                        <% } else { %>
                       <form class="form-space theme-form row" action="/faztype/admin/freelancerAdd/<%= fazType._id %>" method="post">

                         <% for(var i=0; i < offers.length; i++) { %>

                           <div>
                              <input type="checkbox" name="Offer" id="Offer" value="<%= offers[i]._id %>" >

                              <div class="col-sm-10" style="border: 1px solid black; border-radius: 20px; padding:20px;display:inline-block; margin:10px">
                                <div style="display: inline-block;padding:15px">
                                  نام و نام خانوادگی: <%= offers[i].User.Name %> <%= offers[i].User.LastName %>
                                </div>
                                <div style="display: inline-block;padding:15px">
                                  دستمزد: <%= offers[i].Price %>
                                </div>
                                <div style="display: inline-block;padding:15px">
                                  موقعیت شغلی: <%= offers[i].Position %>
                                </div>
                                <div style="display: inline-block;padding:15px">
                                  زمان پیشنهادی: <%= offers[i].Time %>
                                </div>

                                <div style="display:block;padding:15px; border-top:1px solid black">
                                  توضیحات: <%= offers[i].Caption %>
                                </div>
                              </div>

                            </div>
                          <% } %>




                   <div class="card-footer text-end">
                        <button class="btn btn-primary" type="submit">ثبت</button>
                        <a href="../../../../fazType/admin/get/<%= fazType.Project %>/<%= fazType._id %>" class="btn btn-secondary">بازگشت</a>
                      </div>
                        </form>
                        <% } %>
                      </div>

                    </div>
                  </div>
                </div>
              </div>
                 <div class="col-sm-12">
                <div class="card">
                  <div class="card-header">
                    <h5>مشاهده لیست فریلنسرها آنسه تیم </h5>
                  </div>
                  <div class="table-responsive">
                    <table class="table">
                      <thead>
                        <tr class="border-bottom-primary" style="text-align:center">
                          <th scope="col"></th>
                          <th scope="col">نام</th>
                          <th scope="col">موقعیت شغلی</th>
                          <th scope="col">وضعیت</th>
                          <th scope="col">حذف</th>
                        </tr>
                      </thead>
                      <tbody>

                      <% for (var i = 0; i < fazType.Freelancers.length; i++) { %>
                        <tr class="border-bottom-info" style="text-align:center">
                          <th scope="row"><%= i+1 %></th>
                          <td><%= fazType.Freelancers[i].User.Name %><%= fazType.Freelancers[i].User.LastName %></td>
                          <td><%= fazType.Freelancers[i].Position %></td>
                         <td><a class="btn btn-pill btn-outline-warning btn-sm">فعال</a></td>
                         <td><a href="/fazType/admin/freelancerRemove/<%= fazType._id %>/<%= fazType.Freelancers[i]._id %>" class="btn btn-square btn-success-gradien"><i class="fa fa-trash-o"></i></a></td>
                        </tr>
                      <% } %>

                      </tbody>
                    </table>

                    <nav aria-label="...">
                      <ul class="pagination pagination-primary m-3">
                        <li class="page-item"><a class="page-link" href="javascript:void(0)">بعدی</a></li>
                        <li class="page-item"><a class="page-link" href="javascript:void(0)">3</a></li>
                        <li class="page-item "><a class="page-link" href="javascript:void(0)">2 <span class="sr-only">(current)</span></a></li>
                        <li class="page-item active"><a class="page-link" href="javascript:void(0)">1</a></li>
                        <li class="page-item disabled"><a class="page-link" href="javascript:void(0)" tabindex="-1">قبلی</a></li>
                      </ul>
                    </nav>
                    </div>
                </div>
              </div>

          </div>

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

          <!-- Container-fluid Ends-->
        </div>
        <!-- footer start-->
        <%- include("../../partials/footer") %>
      </div>
    <!-- latest jquery-->
    <script src="../../../../adminassets/js/jquery-3.5.1.min.js"></script>
    <!-- Bootstrap js-->
    <script src="../../../../adminassets/js/bootstrap/bootstrap.bundle.min.js"></script>
    <!-- feather icon js-->
    <script src="../../../../adminassets/js/icons/feather-icon/feather.min.js"></script>
    <script src="../../../../adminassets/js/icons/feather-icon/feather-icon.js"></script>
    <!-- scrollbar js-->
    <script src="../../../../adminassets/js/scrollbar/simplebar.js"></script>
    <script src="../../../../adminassets/js/scrollbar/custom.js"></script>
    <!-- Sidebar jquery-->
    <script src="../../../../adminassets/js/config.js"></script>
    <!-- Plugins JS start-->
    <script src="../../../../adminassets/js/sidebar-menu.js"></script>
    <script src="../../../../adminassets/js/prism/prism.min.js"></script>
    <script src="../../../../adminassets/js/clipboard/clipboard.min.js"></script>
    <script src="../../../../adminassets/js/custom-card/custom-card.js"></script>
    <script src="../../../../adminassets/js/tooltip-init.js"></script>
    <!-- Plugins JS Ends-->
    <!-- Theme js-->
    <script src="../../../../adminassets/js/script.js"></script>
    <!-- login js-->
    <!--error message for inputs-->
    <script src="../../../../adminassets/js/input-error.js"></script>
    <!-- Plugin used-->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.0/axios.min.js"></script>
    <script>
      document.getElementById('Mobile').addEventListener('change', function() {

        var mobile = document.getElementById('Mobile').value
        console.log("mobile");
        console.log(mobile);

        axios
          .get("/fazType/admin/get/<%= fazType.Project._id %>/"+ mobile + "")
          .then((res) => {
            console.log("res.data");
            console.log(res.data);
            $("#Price").val(res.data.offer.Price)
            $("#Caption").val(res.data.offer.Caption)
            $("#Position").val(res.data.offer.Position)
            $("#Time").val(res.data.offer.Time)
          })
      })
    </script>
  </body>
</html>
