Sindbad~EG File Manager

{% extends "users/layout.html" %} 
{% block title %}VS{% endblock %} 
{% block content %}
<div>
  <div class="container Course">
     <h3 style="color: #00166B;">{{ Auth.get_conference(conf_id).get('conf_name') or '' }}  Video Abstract Submission Form</h3>
  </div>
  <div class="container  bg-white p-4">
    <h4 class="text-center font-weight-bold text-danger">View abstract {{data.abs_type}}{{data.abs_no}}</h4>
    <!-- step 1 -->
    <div class="row">
      <div class="col-lg-6 col-md-6 col-sm-12 form-group">
        <label class="font-weight-bold">Chief author membership number</label>
        <div>{{data.membership_no or 'Non-Member'}}</div>
      </div>
      <div class="col-lg-6 col-md-6 col-sm-12 form-group">
        <label class="font-weight-bold">Chief author name</label>
        <div>{{data.full_name}}</div>
      </div>
    </div>
    <label><b>Presenting Author</b></label>
    <div class="row">
      <div class="col table-responsive mobile-responsive">
        <table class="table table-bordered">
          <thead class="text-center thead-dark">
            <th scope="MEMBERSHIP NO">Membership no</th>
            <th scope="AUTHORS NAME">Authors name</th>
            <th scope="EMAIL">Email</th>
            <th scope="MOBILE">Mobile</th>
          </thead>
          <tbody class="text-center">
            {% if data2 %}
            <tr>
              <td data-label="MEMBERSHIP NO">{{data2.membership_no or 'Non-Member'}}</td>
              <td data-label="AUTHORS NAME">{{data2.full_name}}</td>
              <td data-label="EMAIL">{{data2.email}}</td>
              <td data-label="MOBILE">{{data2.mobile}}</td>
            </tr>
            {% endif %}
          </tbody>
        </table>
      </div>
    </div>
   
    <!-- end step 1 -->
    <!-- step 2 -->
    <div class="row">
      <div class="col form-group">
        <label class="font-weight-bold">Title of the Video </label>
        <span id="chars" style="color: blue;"></span>
        <p>{{data.title}}</p>
        <!-- <textarea name="title" id="title" class="form-control" disabled placeholder="Enter the title" value="">{{data.title}}</textarea> -->
      </div>
    </div>
    <div class="row">
      <div class="col form-group">
        <label class="font-weight-bold">Synopsis</label>
        <span id="chars1" style="color: blue;"></span>
        <p>{{data.synopsis}}</p>
        <!-- <textarea name="Synopsis" id="Synopsis" class="form-control" disabled cols="50" rows="5" placeholder="Enter Synopsis" value="">{{data.synopsis}}</textarea> -->
      </div>
    </div><br>
    {% if img: %}
    <div class="row ">
      <div class="col-md-6 offset-md-3 mb-4" id="video_upload">
          <div class="card text-white text-center user_attach_card mb-3" >
              <div class="card-header">Video<br>[Format : MP4 ]<br></div>
              <div class="card-body">
                   {% set img=img[0] %}
                  {% if img.path : %}
                      {% set image_display = "block" %}
                  {% else %}
                      {% set image_display = "none" %}    
                  {% endif %}

                  <div id="show_img" style="display:{{ image_display }}" >
                      {% if img.path : %} 
                          {% set  src= img.path+img.file_name %}
                          {% set img_hide = "block" %}
                      {% else %}
                          {% set  src= "" %}
                      {% endif %}
                      
                      <video id="video_file" width="100%" height="auto" controls autoplay controlsList="nodownload">                                    
                          <source id="video" src="{{ src}}" type="video/mp4">
                      </video>
                          <!-- <img src="{{ src}}" id="img" alt="Proof" width="100%" height="auto" style="max-height: 150px;">                                    -->
                  </div>
                      <div class="progress" style="display:none;">
                          <div class="progress-bar " max="100" value="0"> </div>
                      </div>
                      <button type="button" style="display:none;" class="progress_btn btn btn-danger" id="cancel_upload">Cancel Upload</button>
                  
                  <div class=" btn btn-primary file-field-vide1 btn-block" style="display:none;"></div>
                  
                  
          </div>
      </div>
  </div>
 </div>
 {% endif %}
    <!-- <div class="row">
        <div class="col">
        <label class="font-weight-bold">Brief "RESUME" of the Chief Author (not to reveal the identity) </label>
        <span id="chars2" style="color: blue;"></span>
    </div>
    </div> -->
    <!-- <div class="row">
        <div class="col">
        <textarea name="resume" id="resume" class="form-control" cols="50" disabled rows="7" placeholder="Enter the Resume" value="">{{data.resume}}</textarea>
    </div>
    </div>
     -->
    <!-- end step 2-->
    <!-- step 3-->
    <div class="row">
      <div class="col">
        <label class="font-weight-bold">
          Following are the Co-author you have selected :
        </label>
        <div class=" table-responsive py-2 mobile-responsive" >
        <table class="table table-bordered" id="save_table1">
            <thead class="text-center thead-dark">
                <th scope="col" class="text-center">Order no</th>
                <th scope="col" class="text-center">Membership no</th>
                <th scope="col" class="text-center">Full name</th>
                <th scope="col" class="text-center">Email</th>
                <th scope="col" class="text-center">Mobile</th>
            </thead>
            <tbody>
            {% if data1 %} {% for i in data1 %}
                <tr>
                    <td data-label="ORDER NO" class="text-lg-center">{{loop.index}}</td>
                    <td data-label="MEMBERSHIP NO" class="text-lg-center">{{i.membership_no or 'Non-Member'}}</td>
                    <td data-label="FULL NAME" class="text-lg-center">{{i.full_name or ''}}</td>
                    <td data-label="EMAIL" class="text-lg-center">{{i.email or ''}}</td>
                    <td data-label="MOBILE" class="text-lg-center">{{i.mobile or ''}}</td>
            </tr>
                {% endfor %} {% endif %}
            </tbody>
        </table>
    </div> 
      </div>
    </div>
    <!--<div class="row">-->
    <!--          <div class="col">-->
    <!--            <label class="font-weight-bold">NOTE</label>-->
    <!--            <ul class="ml-3" style="line-height: 25px;">-->
    <!--                <li>Online submission will be taken as signed by the Chief Author</li>-->
    <!--                <li>Clicking on submit button will submit your abstract for further evaluation. Subsequent to this it will not be possible for you to edit your abstract.</li>-->
    <!--                <li>The video is produced by me & above co-authors only. I understand that once submitted the video becomes the property of VRSI & we permit them to reprodurce and distribute the videos in any manner they deem to be neccessary.</li>-->
                    
    <!--            </ul>-->

    <!--          </div>-->
    <!--        </div>-->

          
    <!-- end step 3-->
    <!-- step4 -->
    <!-- <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12">
                <table class="table table-bordered" style="text-align: center;">
                    <tr>
                        <td>
                            Was this research carried out within India ?*<br />
                            <label id="in_India-error" class="error" for="in_India"></label>
                        </td>
                        <td><label>{% if data.is_in_india == 1 %}YES {% elif data.is_in_india == 0 %} NO{% endif %}</label></td>
                    </tr>

                    <tr>
                        <td>
                            Was this submission been presented in any other conferences earlier<br />
                            OR<br />
                            would it be presented in any other conferences prior to TNOA 2022<br />
                            OR<br />
                            was it published or submitted for publication in any peer reviewed journal *<br />
                            <label id="is_already_published-error" class="error" for="is_already_published"></label>
                        </td>
                        <td><label>{% if data.is_already_published == 1 %}YES {% elif data.is_already_published == 0 %} NO{% endif %} </label><br /></td>
                    </tr>
                </table>
            </div>
        </div> -->
    <!-- end step4 -- -->
    <div class="row">
      <div class="col">
        <a href="{{url_for('main.AbstractsIndex',abs_type=data.abs_type,conf_id=conf_id,conf_key=conf_key)}}" class="btn btn-primary">Go back to abstract home</a>
      </div>
    </div>
  </div>
</div>
{% endblock %}