{% extends "./base.html" %}
{% block bodyPage %}

  <div class="">
    <div class="columns m-0">
        <div class="column is-12">
            <div class="table-container">
                <table class="table has-text-centered is-bordered is-striped is-narrow is-hoverable is-fullwidth">
                <!-- Your table content -->
                <thead>
                    <tr style="
                    background: #33b5d3;
                ">
                        <th >ردیف</th>
                        <th style="min-width: 200px;">نام و نام خانودگی</th>
                        <th >آخرین بازدید</th>
                        <th style="min-width: 150px;">توسط</th>
                        <th >تلفن</th>
                        <th style="min-width: 400px;">آدرس</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                      <td>2</td>
                      <td>
                          <input class="is-hidden fid fidv-20" value="20">
                          <div class="tdvl openRow name">
                               یاوری 
                          </div>
                      </td>
                      <td>
                          <div class="tdvl lastView">
                            1400/05/04
                          </div>
                      </td>
                      <td>
                          <div class="tdvl tavasot">
                              خدمات 1 سالاری
                          </div>
                      </td>
                      <td>
                          <div class="tdvl mobile_1">
                              09384999655
                          </div>
                          <div class="tdvl is-hidden mobile_2">
                            09384999655
                        </div>
                        <div class="tdvl is-hidden mobile_3">
                          09384999655
                      </div>
                      </td>
                      <td>
                          <div class="tdvl address">
                            تست
                          </div>
                      </td>
                  </tr>
                </tbody>
                </table>
            </div>
        </div>
    </div>
  </div>

  <div class="modal RezayatF">
    <div class="modal-background closeRezayatF"></div>
    <div class="modal-content">
      <div class="columns is-mobile is-multiline">
        
        <div class="field column is-12-desktop is-12-mobile m-0">
          <label class="label">نام ونام خانوادگی</label>
          <div class="control">
            <input class="input rf_name" type="text" placeholder="نام نام خانوادگی">
          </div>
        </div>
  
        <div class="field column is-4-desktop is-12-mobile m-0">
          <label class="label">تلفن همراه</label>
          <div class="control">
            <input class="input rf_mobile" type="text" placeholder="">
          </div>
        </div>
  
        <div class="field column is-4-desktop is-12-mobile m-0">
          <label class="label">توسط</label>
          <div class="control">
            <input class="input rf_tavasot" value="خدمات1 سالاری" type="text" placeholder="">
          </div>
        </div>  
  
        <div class="field column is-4-desktop is-12-mobile m-0">
          <label class="label">ساعت و تاریخ</label>
          <div class="control">
            <input name="bazdidDateTime" class="input bz_DateTime" type="text" placeholder="">
          </div>
        </div>

        <div class="field column is-4-desktop is-12-mobile m-0">
          <label class="label">میزان رضایت</label>
          <div class="select">
            <select>
              <option>میزان رضایت</option>
              <option>3</option>
              <option>2</option>
              <option>1</option>
            </select>
          </div>
        </div>

        <div class="field column is-8-desktop is-12-mobile m-0">
          <label class="label">توضیحات</label>
          <div class="control">
            <textarea class="textarea" placeholder="توضیحات"></textarea>          </div>
        </div>

        <div class="field column is-12-desktop is-12-mobile m-0">
            <input class="button is-success" id="editCS" value="ثبت" type="submit">
        </div>

      </div>


    </div>
    <button class="modal-close is-large closeRezayatF" aria-label="close"></button>
  </div>
{% endblock %}

{% block jsEnd %}
  <script>
$(document).ready(function() {
    $(".closeRezayatF").click(function(){
        $(".RezayatF").removeClass("is-active")
    });
    $(".openRow").click(function(){
        var id = $(this).parent().parent().find('.fid').val().trim();
        var name = $(this).parent().parent().find('.name').text().trim();
        var lastview = $(this).parent().parent().find('.lastview').text().trim();
        var mobile_1 = $(this).parent().parent().find('.mobile_1').text().trim();
        var mobile_2 = $(this).parent().parent().find('.tavasot').text().trim();
        var mobile_3 = $(this).parent().parent().find('.mobile_3').text().trim();
        var tavasot = $(this).parent().parent().find('.tavasot').text().trim();
        
        var address = $(this).parent().parent().find('.address').text().trim();
        //alert(id)
        $(".RezayatF").find('.fid').val(id);
        $(".RezayatF").find('.uv_name').val(name);
        $(".RezayatF").find('#phone-1').val(mobile_1);
        $(".RezayatF").find('#phone-2').val(mobile_2);
        $(".RezayatF").find('#phone-3').val(mobile_3);
        $(".RezayatF").find('.uv_address').val(address);

        //$("#bedehiStatus").val('وضعیت')

        $(".RezayatF").addClass("is-active")
    });
} );
  </script>
{% endblock %}