{% extends 'base.html.twig' %}

{% block javascripts %}
    {{ parent() }}

    <script>
        $(document).ready(function () {
            $(".financial-statement .open").click(function () {
                let companyId = $(this).data("company-id");

                $.ajax({
                    url: "/companies/" + companyId + "/financial-statements",
                    dataType: "html",
                    success: function (response) {
                        $(".company-financial-statements-container.company-" + companyId).html(response).show();
                    },
                    error: function (request, status, error) {
                        alert("Could not finish the request. Something has gone terribly wrong.");
                        console.log(request.responseText);
                    }

                });
            })
        })
    </script>
{% endblock %}

{% block body %}

    <div class="stock-list">
        <div class="page-header">
            <h1>Stocks ({{ pagination.getTotalItemCount }})</h1>
        </div>
        <div class="content-wrapper">
            {{ form_start(form) }}

            <div class="container-fluid">
                <div class="row">
                    <div class="col-sm-3">
                        {{ form_row(form.tickerSymbol) }}
                        {{ form_row(form.minimumMarketCapitalization) }}
                        {{ form_row(form.minimumSharePrice) }}
                        {{ form_row(form.minimumPriceToEarningsRatio) }}
                        {{ form_row(form.minimumSharePriceToBookValueRatio) }}
                        {{ form_row(form.minimumDividendPerShare) }}
                        {{ form_row(form.minimumDividendYieldPercentage) }}
                        {{ form_row(form.minimumDividendCoverageRatio) }}
                    </div>

                    <div class="col-sm-3">
                        {{ form_row(form.period) }}
                        {{ form_row(form.maximumMarketCapitalization) }}
                        {{ form_row(form.maximumSharePrice) }}
                        {{ form_row(form.maximumPriceToEarningsRatio) }}
                        {{ form_row(form.maximumSharePriceToBookValueRatio) }}
                        {{ form_row(form.maximumDividendPerShare) }}
                        {{ form_row(form.maximumDividendYieldPercentage) }}
                        {{ form_row(form.maximumDividendCoverageRatio) }}
                    </div>
                    <div class="col-sm-3">
                        {{ form_row(form.industries) }}
                    </div>
                    <div class="col-sm-3">
                        {{ form_row(form.limit) }}
                        {{ form_row(form.filter) }}
                    </div>
                </div>
            </div>
            {{ form_end(form) }}
        </div>

        <div class="pagination-wrapper content-wrapper">
            <div class="d-flex justify-content-center">
                {{ knp_pagination_render(pagination) }}
            </div>
        </div>

        <div class="content-wrapper">
            <div class="list container-fluid">
                <div class="row header">
                    <div class="col-sm-2">
                        <span title="Sort by ticker symbol">{{ knp_pagination_sortable(pagination, 'Ticker Symb.', 'c.tickerSymbol') }}</span>
                        /
                        {{ knp_pagination_sortable(pagination, 'Company Name', 'c.name') }}
                        /
                        {{ knp_pagination_sortable(pagination, 'Industry', 'c.industry') }}
                    </div>
                    <div class="col-sm-1">
                        {{ knp_pagination_sortable(pagination, 'Period', 'fs.period') }}
                        /
                        {{ knp_pagination_sortable(pagination, 'Reported At', 'fs.reportedAt') }}
                    </div>
                    <div class="col-sm-1">
                        <span title="Book value">{{ knp_pagination_sortable(pagination, 'BV', 'fs.bookValue') }}</span>
                        /
                        <span title="Book value ratio">{{ knp_pagination_sortable(pagination, 'BV Ratio', 'fs.sharePriceToBookValueRatio') }}</span>
                    </div>
                    <div class="col-sm-1">
                        <span title="Market capitalization">{{ knp_pagination_sortable(pagination, 'Market Cap.', 'c.marketCapitalization') }}</span>
                    </div>
                    <div class="col-sm-1">
                        <span title="Close of the day">{{ knp_pagination_sortable(pagination, 'Share Price', 'sp.close') }}</span>
                    </div>
                    <div class="col-sm-1">
                        EPS
                    </div>
                    <div class="col-sm-1">
                        <span title="Price to earnings ration">{{ knp_pagination_sortable(pagination, 'P/E', 'fs.priceToEarningsRatio') }}</span>
                    </div>
                    <div class="col-sm-1">
                        <span title="Dividend per share">{{ knp_pagination_sortable(pagination, 'Div.', 'ins.dividendPerShare') }}</span>
                    </div>
                    <div class="col-sm-1">
                        <span title="Dividend yield percentage">{{ knp_pagination_sortable(pagination, 'Div. Yield %', 'ins.dividendYield') }}</span>
                    </div>
                    <div class="col-sm-1">
                        <span title="Dividend coverage ration, earnings per share to dividend per share">{{ knp_pagination_sortable(pagination, 'D/C Ratio', 'ins.dividendCoverageRatio') }}</span>
                    </div>
                </div>

                {% set rowCount = 1 %}

                {% for companyReport in pagination %}
                    {#                    {% set latestFinancialStatement = searchFilter.isAnnualPeriod() ? companyReport.getLatestAnnualFinancialStatement() : companyReport.getLatestQuarterFinancialStatement() %}#}
                    <div class="row financial-statement financial-statement-{{ rowCount }} {% if rowCount % 2 == 1 %} odd {% else %} even {% endif %}">
                        <div class="col-sm-2">
                            <div class="open" data-company-id="{{ companyReport.companyId }}">Open</div>
                            <div class="close">Close</div>
                            <strong>{{ companyReport.tickerSymbol }}</strong> -
                            <span title="{{ companyReport.name }}">{{ companyReport.name|length > 33 ? companyReport.name|slice(0, 33) ~ '...' : companyReport.name }}</span>
                            <br/>
                            <span class="industry">{{ companyReport.industry }}</span>
                        </div>
                        <div class="col-sm-1">
                            <strong>{{ companyReport.period|capitalize|slice(0, 1) }}</strong>
                            {{ companyReport.reportedAt.format('Y-m-d') }}
                        </div>
                        <div class="col-sm-1">
                            {#                            {{ (companyReport.marketCapitalization / companyReport.bookValue)|round(4) }}#}
                            {#                            /#}
                            <span title="Total Assets: ">{{ companyReport.bookValue|charPrice(2)|raw }} </span> /
                            <span style="{% if companyReport.sharePriceToBookValueRatio <= 1 %} color: green; font-weight: bold; {% endif %}">{{ companyReport.sharePriceToBookValueRatio|round(4) }} </span>
                            {#                            {{ companyReport.bookValuePerShare|round(3) }} /#}


                        </div>
                        <div class="col-sm-1">
                            {{ companyReport.marketCapitalization|charPrice(2) }}

                        </div>
                        <div class="col-sm-1">
                            <span title="Close date {% if companyReport.closeDate is not null %}{{ companyReport.closeDate.format('Y-m-d') }}{% endif %}">{{ companyReport.close|round(2) }}</span>

                        </div>
                        <div class="col-sm-1">

                            {{ companyReport.earningsPerShare }}
                        </div>
                        <div class="col-sm-1">
                            {{ companyReport.priceToEarningsRatio|round(4) }}
                        </div>
                        <div class="col-sm-1">
                            {{ companyReport.dividendPerShare|round(4) }}
                        </div>
                        <div class="col-sm-1">
                            {% if (companyReport.dividendYield != 0 and companyReport.dividendYield is not null ) %}
                                {{ financialMetrics.getDividendYieldPercentage(companyReport.dividendYield)|round(2) }}%
                            {% else %}
                                0
                            {% endif %}
                        </div>
                        <div class="col-sm-1">
                            {{ companyReport.dividendCoverageRatio|round(2) }}
                        </div>
                    </div>

                    <div class="company-financial-statements-container company-{{ companyReport.companyId }}">

                    </div>
                    {% set rowCount = rowCount + 1 %}
                {% endfor %}
            </div>
        </div>

        <div class="pagination-wrapper content-wrapper">
            <div class="d-flex justify-content-center">
                {{ knp_pagination_render(pagination) }}
            </div>
        </div>
    </div>
{% endblock %}