{% for i in data %}
<tr id="{{ i.id }}" style="background-color: #d0dee9;">
    <td id="tbl_td"></td>
    <td>{{ i.yojana_year }}</td>


    <td>{{ i.yojana_name }}<br><br>
        <b>સદર - </b>{{ i.sadar }}<br>
        <!--<b>વિભાગ - </b>{{ i.dept_name  }}<br>-->
    </td>

    <td>
        Work Code -  <a href="javascript:void(0)">{{ i.work_code }} </a><br>
        {{ i.project_name }}<br><br>
        <b>ગામ - </b>{{ i.village_name }}<br>
        <b>તાલુકો - </b>{{ i.taluka }}<br>
        <b>જિલ્લો - </b>{{ i.district }}<br>
    </td>

    <td>
        {% if User_language=="ENGLISH" %}        
        <b>Work Status - </b><span style="color: blue"> 
            {% if i.project_status == "Stop" %}
            <span class="badge bg-danger" style="font-size: medium;color: aliceblue">શરૂ ન થયેલ</span>
            {% elseif i.project_status == "Working" %}
            <span class="badge bg-warning" style="font-size: medium;color: aliceblue">પ્રગતિ</span>
            {% elseif i.project_status == "Complete" %}
            <span class="badge bg-success" style="font-size: medium;color: aliceblue">પૂર્ણ</span>
            {% elseif i.project_status == "Cancel" %}
            <span class="badge bg-dark" style="font-size: medium;color: aliceblue">રદ થયેલ</span>
            {% endif %}

        </span><br>                                            
        <b>સૈધ્ધાંતિક મંજૂરી તારીખ - </b> {{ i.start_date }}<br>
        <b>વહીવટી મંજૂરી તારીખ - </b> {{ i.estimate_date }}<br>
        <b>સૈધ્ધાંતિક મંજૂરી રકમ (રૂ.લાખમાં)  - </b> {{ i.total_expense }}<br>
        <b>વહીવટી મંજૂરી રકમ (રૂ.લાખમાં) - </b> {{ i.saving }}<br>
        <b>કામની સંખ્યા - </b> {{ i.refunded_grant }}<br>
        {% endif %}

        {% if User_language=="GUJARATI" %}                                
        <b>કામની સ્થિતિ - </b><span style="color: blue"> 
            {% if i.project_status == "Stop" %}
            <span class="badge bg-danger" style="font-size: medium;color: aliceblue">શરૂ ન થયેલ</span>
            {% elseif i.project_status == "Working" %}
            <span class="badge bg-warning" style="font-size: medium;color: aliceblue">પ્રગતિ</span>
            {% elseif i.project_status == "Complete" %}
            <span class="badge bg-success" style="font-size: medium;color: aliceblue">પૂર્ણ</span>
            {% elseif i.project_status == "Cancel" %}
            <span class="badge bg-dark" style="font-size: medium;color: aliceblue">રદ થયેલ</span>
            {% endif %}

        </span><br>                                            
        <b>સૈધ્ધાંતિક મંજૂરી તારીખ - </b> {{ i.start_date }}<br>
        <b>વહીવટી મંજૂરી તારીખ - </b> {{ i.estimate_date }}<br>
        <b>સૈધ્ધાંતિક મંજૂરી રકમ (રૂ.લાખમાં)  - </b> {{ i.total_expense }}<br>
        <b>વહીવટી મંજૂરી રકમ (રૂ.લાખમાં) - </b> {{ i.saving }}<br>
        <b>કામની સંખ્યા - </b> {{ i.refunded_grant }}<br>
        <!--<b>રીમાર્ક - </b> {{ i.remark }}<br>-->
        {% endif %}


        {% if i.project_img1!="" %}
        <br><br><img width="50" height="50px" class="rounded-circle show_image" title="કામ પહેલાંનો ફોટો" style="border: 2px solid red" id="{{ i.id }}" src="{{ i.project_img1 }}" alt="{{ i.project_name }}">
        {% endif %}
        {% if i.project_after_img!="" %}
        <img width="50" height="50px" class="rounded-circle show_image" title="કામ પછીનો ફોટો" style="border: 2px solid green" id="{{ i.id }}" src="{{ i.project_after_img }}" alt="{{ i.project_name }}">
        {% endif %}     
        {% if i.project_video!="" %}
        <div>
            <img class="show_video" title="Project Video" name="{{ i.project_video}}" height="42px" width="42px" src="../public/video-play-48.png" alt="">
            <!--<span id="show_video" class="fa fa-video" title="Progress Video" style="font-size: 30px;color: purple" src="{{ i.project_video }}"></span>-->
        </div>
        {% endif %}
    </td>

    <td>{{ i.officer_name_guj }}<br><br>
        <b>અમલીકરણ કચેરી તરફથી કામની સ્થિતિ રીમાર્ક્સ - </b> {{ i.remark }}<br><br>
        {% if i.cc_certificate!="" %}
        <a href="javascript:void(0)" src="{{ data[0].cc_certificate}}" class="btn btn-success show_pdf" id="pdf_url">સીસી પ્રમાણપત્ર</a>
        {% endif %}

        {% if i.utc_certificate!="" %}
        <a href="javascript:void(0)" src="{{ data[0].utc_certificate}}" class="btn btn-success show_pdf" id="pdf_url_utc">UTC પ્રમાણપત્ર</a>
        {% endif %}
    </td>
    <td style="float: none;text-align: center">
        <a class="a-inside edit" id="{{ i.id }}" style="padding-right: 20px">
            <i class="fas fa-edit" title="Edit"> </i>
        </a>
        <a class="a-inside delete_set_id" data-toggle="modal" data-target="#myModal" id="{{ i.id }}">
            <i class="fa fa-window-close" title="Delete"> </i>
        </a>
    </td>
</tr>
{% endfor %}