{% extends 'base_layout.html' %}

{% block content%}
                <main>
                    <div class="container-fluid px-4">
                        <h1 class="mt-4">
                        <a type="button"class="btn btn-outline-dark"  href="/blocks/{{currentGarden.id}}/{{currentBlock.id}}" >
                                <i class="fa-solid fa-arrow-left"></i>
                        </a>
                        Koku analīze: {{currentGarden.name}} - {{currentBlock.name}}
                        </h1>
                        
                        <div class="row">
                            <table id="example" class="table table-light table-bordered" style="width:100%">
                                <thead>
                                    <tr>
                                        <th>Koks</th>
                                        <th>Šķirne</th>
                                        <th>Augstums</th>
                                        <th>Platums</th>
                                        <th>Kraupis</th>
                                        <th>Iespējamība</th>
                                        <th>Raža</th>
                                        <th>Misija</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {% for tree in trees %}
                                    <tr>
                                        <td>
                                        {% if tree.cultivares.id == 1%}
                                            Ābols
                                        {% elif tree.cultivares.id == 2%}
                                            Bumbiers
                                        {% else%}
                                            Ķirsis
                                        {% endif%}
                                        </td>
                                        <td> {{tree.breed}} </td>
                                        <td> {{ tree.height }} </td>
                                        <td> {{ tree.width }} </td>
                                        <td>
                                        {% if tree.has_scab == True%}
                                        Ir
                                        {% elif tree.has_scab == False%}
                                        Nav
                                        {% else%}
                                        Nav pārbaudīts
                                        {% endif %}
                                        </td>
                                        <td>
                                        {% if tree.probability_scab != None %}
                                            {{tree.probability_scab}}
                                        {% else %}
                                            Nav datu
                                        {% endif %}
                                        </td>
                                        <td>
                                        {% if tree.yields != None %}
                                            {{tree.yields}}
                                        {% else %}
                                            Nav datu
                                        {% endif %}
                                        </td>
                                        <td>
                                        {% if tree.mission != None %}
                                            {{tree.mission}}
                                        {% else %}
                                            Nav misijas
                                        {% endif %}
                                        </td>
                                    </tr>
                                    {% endfor %}
                            </table>
                        </div>

                    </div>
                </main>
                <link rel="stylesheet" href="https://cdn.datatables.net/1.12.1/css/dataTables.bootstrap5.min.css"> 
                <script src="https://cdn.datatables.net/1.12.1/js/jquery.dataTables.min.js" crossorigin="anonymous"></script>
                <script src="https://cdn.datatables.net/1.12.1/js/dataTables.bootstrap5.min.js" crossorigin="anonymous"></script>
                <script type="text/javascript">
                $(document).ready(function () {
                    $('#example').DataTable();
                });
                </script>  
{% endblock %}