{% extends 'base/base.html' %}
{% block start %}

<section class="main_content dashboard_part large_header_bg">


<div class="main_content_iner ">
<div class="container-fluid p-0">
<div class="row justify-content-center">
<div class="col-lg-12">
<div class="white_card card_height_100 mb_30">
<div class="white_card_header">
<div class="box_header m-0">
<div class="main-title">
<h3 class="m-0">Skill</h3>
</div>
</div>
</div>
<div class="white_card_body">
<div class="QA_section">
<div class="white_box_tittle list_header">
<h4> </h4>

<div class="box_right d-flex lms_block">
<div class="serach_field_2">
<div class="search_inner">
<form active="#">
<div class="search_field">
<input type="text" placeholder="Search content here...">
</div>
<button type="submit"> <i class="ti-search"></i> </button>
</form>
</div>
</div>
   
<div class="add_button ms-2">
 <a href="{%url 'Add_skill' %}" class="btn_1">Add New</a> 
</div>
</div>
</div>
<div class="QA_table mb_30">

<table class="table lms_table_active ">
<thead>
<tr>
<th >id</th>
<th style="width:400px">title</th>
<th >Action</th>
</tr>
</thead>
<tbody>
{% if data_skill %}
    {% for item in data_skill %}
        <tr>
        <td>{{ forloop.counter }}</td>
        <td>{{ item.title }}</td>
        <td><a href="{% url 'Edit_skill' id=item.id %}" class="status_btn">edit</a><a href="{% url 'delete_skill' id=item.id%}" class="status_btn">delete</a> </td> 
        </tr>
    {% endfor %}
 {% else %}
    <tr>
      <td colspan="12"style="text-align:center">No data available</td>
    </tr>
  {% endif %}


</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<div class="col-12">
</div>
</div>
</div>
</div>


</section>

<div id="back-top" style="display: none;">
<a title="Go to Top" href="#">
<i class="ti-angle-up"></i>
</a>
</div>



{% endblock %}