{% extends 'admin/layout/admin_app.html' %}

{% block content %}
    {% if messages %}
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            {% for message in messages %}
                showToastr("{{ message }}", "{{ message.tags }}");
            {% endfor %}
        });
    </script>
    {% endif %}

    <div class="content-wrapper">
        <div class="content-header">
            <div class="container-fluid">
                <div class="card">
                    <div class="row m-1">
                        <div class="col-sm-6">
                            <h1 class="ml-2">Strategy Stock Insiders</h1>
                        </div>
                        <div class="col-sm-6">
                            <ol class="breadcrumb float-sm-right mr-2">
                                <li class="breadcrumb-item"><a href="/admin/dashboard/">Home</a></li>
                                <li class="breadcrumb-item active">Strategy Stock Insiders</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <section class="content">
           

            <div class="container-fluid">
                <div class="card">
                    <div class="row">
                        <div class="col-12">
                            <div class="card-body">
                                <table id="stg_stockinsiders_transactions" class="table table-bordered table-hover">
                                    <thead>
                                        <tr>
                                            <th>Data Type</th>
                                            <th>Last Update Time</th>
                                            <th>Last Form Update Time</th>
                                            <th>Last Transactions Input Time</th>
                                            <th>Accession Number Count</th>
                                            <th>Transaction Input Count</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        {% for stg_stockinsiders_transaction in strategyStockInsiders.stg_stockinsiders_transactions %}
                                        <tr>
                                            <td>{{ stg_stockinsiders_transaction.name }}</td>
                                            <td>{{ stg_stockinsiders_transaction.last_update_time }}</td>
                                            <td>{{ stg_stockinsiders_transaction.last_form_update_time }}</td>
                                            <td>{{ stg_stockinsiders_transaction.last_transactions_input_time }}</td>
                                            <td>{{ stg_stockinsiders_transaction.accessionNumber_count }}</td>
                                            <td>{{ stg_stockinsiders_transaction.transaction_input_count }}</td>
                                        </tr>
                                        {% endfor %}
                                    </tbody>
                                </table>
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="container-fluid">
                <div class="card">
                    <div class="row">
                        <div class="col-12">
                            <div class="card-body">
                                <table id="stg_stockinsiders_returns" class="table table-bordered table-hover">
                                    <thead>
                                        <tr>
                                            <th>Data Type</th>
                                            <th>Last Update Time</th>
                                            <th>Last Form Update Time</th>
                                            <th>Stock Insider Forms Max Date - Data Does Not Exists</th>
                                            <th>CikNumber Count</th>
                                            <th>Data Exists Count</th>
                                            <th>Update Required Count</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        {% for stg_stockinsiders_return in strategyStockInsiders.stg_stockinsiders_returns %}
                                        <tr>
                                            <td>{{ stg_stockinsiders_return.name }}</td>
                                            <td>{{ stg_stockinsiders_return.last_update_time }}</td>
                                            <td>{{ stg_stockinsiders_return.last_form_update_time }}</td>
                                            <td>{{ stg_stockinsiders_return.max_date_stock_insiders_data_does_not_exist }}</td>
                                            <td>{{ stg_stockinsiders_return.cikNumber_count }}</td>
                                            <td>{{ stg_stockinsiders_return.data_exists_count }}</td>
                                            <td>{{ stg_stockinsiders_return.update_required_count }}</td>
                                        </tr>
                                        {% endfor %}
                                    </tbody>
                                </table>
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </section>
    </div>


{% endblock %}

{% block custom_js %}
<script>
    $('#stock_metric_data_list').DataTable({
        "paging": false,
        "lengthChange": false,
        "searching": false,
        "ordering": true,
        columnDefs: [
            {
                targets: [4],
                orderable: false 
            }
        ],
        "order": [],
        "info": false,
        "autoWidth": false,
        "responsive": true,
    });


</script>
{% endblock %}