{% extends './layout/default' %}

{% block breadcrumbs %}
    {{ Breadcrumbs.render(Route.getCurrentRoute.getName) }}
{% endblock %}

{% block content %}

    <div class="row">
        <form class="form-horizontal nodisablebutton" id="report-form" action="{{ route('reports.index.post') }}" method="post">
            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                <div class="box">
                    <div class="box-header with-border">
                        <h3 class="box-title">{{ 'reports'|_ }}</h3>
                    </div>
                    <div class="box-body">
                        <p class="text-info">
                            {{ 'more_info_help'|_ }}
                        </p>

                        <input type="hidden" name="_token" value="{{ csrf_token() }}"/>
                        <div class="form-group">
                            <label for="inputReportType" class="col-sm-3 control-label">{{ 'report_type'|_ }}</label>

                            <div class="col-sm-9">
                                <select name="report_type" class="form-control" id="inputReportType">
                                    <option selected label="{{ 'report_type_default'|_ }}" value="default">{{ 'report_type_default'|_ }}</option>
                                    <option label="{{ 'report_type_audit'|_ }}" value="audit">{{ 'report_type_audit'|_ }}</option>
                                    <option label="{{ 'report_type_budget'|_ }}" value="budget">{{ 'report_type_budget'|_ }}</option>
                                    <option label="{{ 'report_type_category'|_ }}" value="category">{{ 'report_type_category'|_ }}</option>
                                    <option label="{{ 'report_type_tag'|_ }}" value="tag">{{ 'report_type_tag'|_ }}</option>
                                    <option label="{{ 'report_type_double'|_ }}" value="double">{{ 'report_type_double'|_ }}</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="inputAccounts" class="col-sm-3 control-label">{{ 'report_included_accounts'|_ }}</label>

                            <div class="col-sm-9" id="inputAccountsSelect">
                                <select id="inputAccounts" name="accounts[]" multiple class="form-control">
                                    {% for role, accountList in groupedAccounts  %}
                                        <optgroup label="{{ role }}">
                                    {% for account in accountList %}
                                        <option
                                                value="{{ account.id }}"
                                                label="{{ account.name }}{% if accountGetMetaField(account, 'accountRole') == 'sharedAsset' %} ({{ 'shared'|_|lower }}){% endif %}">
                                            {{ account.name }}{% if accountGetMetaField(account, 'accountRole') == 'sharedAsset' %} ({{ 'shared'|_|lower }}){% endif %}
                                        </option>
                                    {% endfor %}
                                        </optgroup>
                                    {% endfor %}
                                </select>

                            </div>
                        </div>


                        <div class="form-group">
                            <label for="inputDateRange" class="col-sm-3 control-label">{{ 'report_date_range'|_ }}</label>

                            <div class="col-sm-9">
                                <input autocomplete="off" type="text" class="form-control" id="inputDateRange" name="daterange"
                                       value="{{ Session.get('start').format('Y-m-d') }} - {{ Session.get('end').format('Y-m-d') }}">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="__none__" class="col-sm-3 control-label">{{ 'report_preset_ranges'|_ }}</label>

                            <div class="col-sm-9">
                                {% for year, data in months %}
                                    <a href="#" class="date-select" data-start="{{ data.start }}" data-end="{{ data.end }}">{{ year }}</a>
                                    {% if customFiscalYear == 1 %}
                                        <br/>
                                        <a href="#" class="date-select" data-start="{{ data.fiscal_start }}" data-end="{{ data.fiscal_end }}">{{ year }}
                                            ({{ 'fiscal_year'|_|lower }})</a>
                                    {% endif %}
                                    <ul class="list-inline">
                                        {% for month in data.months %}
                                            <li>
                                                <a data-start="{{ month.start }}" data-end="{{ month.end }}" class="date-select"
                                                   href="#">{{ month.formatted }}</a>
                                            </li>
                                        {% endfor %}
                                    </ul>
                                {% endfor %}
                            </div>
                        </div>

                    </div>
                </div>
                <div class="box" id="extra-options-box">
                    <div class="box-header with-border">
                        <h3 class="box-title">{{ 'reports_extra_options'|_ }}</h3>
                    </div>
                    <div class="box-body" id="extra-options">
                    </div>
                    {# loading indicator #}
                    <div class="overlay">
                        <span class="fa fa-refresh fa-spin"></span>
                    </div>
                </div>

                <div class="box">
                    <div class="box-header with-border">
                        <h3 class="box-title">{{ 'reports_submit'|_ }}</h3>
                    </div>
                    <div class="box-body">
                        <div class="form-group">
                            <div class="col-sm-offset-3 col-sm-9">
                                <button type="submit" class="btn btn-default">{{ 'submit'|_ }}</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>


        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
            <div class="box">
                <div class="box-header with-border">
                    <h3 class="box-title">{{ 'quick_link_reports'|_ }}</h3>
                </div>
                <div class="box-body">
                    <p>
                        {{ 'quick_link_examples'|_ }}
                    </p>
                    <h4>{{ ('quick_link_default_report')|_ }}</h4>
                    <ul>
                        <li>
                            <a href="{{ route('reports.report.default',[accountList, 'currentMonthStart','currentMonthEnd']) }}">{{ 'report_this_month_quick'|_ }}</a>
                        </li>
                        <li>
                            <a href="{{ route('reports.report.default',[accountList, 'currentYearStart','currentYearEnd']) }}">{{ 'report_this_year_quick'|_ }}</a>
                        </li>
                        {% if customFiscalYear == 1 %}
                            <li>
                                <a href="{{ route('reports.report.default',[accountList, 'currentFiscalYearStart','currentFiscalYearEnd']) }}">{{ 'report_this_fiscal_year_quick'|_ }}</a>
                            </li>
                        {% endif %}
                        <li>
                            <a href="{{ route('reports.report.default',[accountList, 'previousMonthStart','previousMonthEnd']) }}">{{ 'report_last_month_quick'|_ }}</a>
                        </li>
                        <li>
                            <a href="{{ route('reports.report.default',[accountList, start.format('Ymd'),'currentMonthEnd']) }}">{{ 'report_all_time_quick'|_ }}</a>
                        </li>
                    </ul>

                    <h4>{{ ('quick_link_audit_report')|_ }}</h4>
                    <ul>
                        <li>
                            <a href="{{ route('reports.report.audit',[accountList, 'currentMonthStart','currentMonthEnd']) }}">{{ 'report_this_month_quick'|_ }}</a>
                        </li>
                        <li>
                            <a href="{{ route('reports.report.audit',[accountList, 'currentYearStart','currentYearEnd']) }}">{{ 'report_this_year_quick'|_ }}</a>
                        </li>
                        {% if customFiscalYear == 1 %}
                            <li>
                                <a href="{{ route('reports.report.audit',[accountList, 'currentFiscalYearStart','currentFiscalYearEnd']) }}">{{ 'report_this_fiscal_year_quick'|_ }}</a>
                            </li>
                        {% endif %}
                        <li>
                            <a href="{{ route('reports.report.audit',[accountList, start.format('Ymd'),'currentMonthEnd']) }}">{{ 'report_all_time_quick'|_ }}</a>
                        </li>
                    </ul>
                    <p>
                        <em>{{ 'reports_can_bookmark'|_ }}</em>
                    </p>
                </div>
            </div>

        </div>
    </div>
    <div style="height:400px;">&nbsp;</div>

{% endblock %}

{% block styles %}
    <link href="v1/css/bootstrap-multiselect.css?v={{ FF_VERSION }}" rel="stylesheet" type="text/css" nonce="{{ JS_NONCE }}">
{% endblock %}

{% block scripts %}
    <script type="text/javascript" nonce="{{ JS_NONCE }}">
        var minDate = "{{ start.format('Y-m-d') }}";
        var picker;
        var selectAllText = "{{ trans('firefly.multi_select_select_all')|escape('js') }}";
        var nonSelectedText = "{{ trans('firefly.multi_select_no_selection')|escape('js') }}";
        var nSelectedText = "{{ trans('firefly.multi_select_n_selected')|escape('js') }}";
        var allSelectedText = "{{ trans('firefly.multi_select_all_selected')|escape('js')   }}";
        var filterPlaceholder = "{{ trans('firefly.multi_select_filter_placeholder')|escape('js') }}";
    </script>
    <script type="text/javascript" src="v1/js/lib/bootstrap-multiselect.js?v={{ FF_VERSION }}" nonce="{{ JS_NONCE }}"></script>
    <script type="text/javascript" src="v1/js/ff/reports/all.js?v={{ FF_VERSION }}" nonce="{{ JS_NONCE }}"></script>
    <script type="text/javascript" src="v1/js/ff/reports/index.js?v={{ FF_VERSION }}" nonce="{{ JS_NONCE }}"></script>
{% endblock %}