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

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

{% block content %}

    <div class="row">
        <div class="col-lg-12">
            <div class="box">
                <div class="box-header with-border">
                    <h3 class="box-title">{{ trans('import.job_config_uc_title') }}</h3>
                </div>
                <div class="box-body">
                    <p>
                        {{ trans('import.job_config_uc_text') }}
                    </p>
                </div>
            </div>

        </div>
    </div>

    <form class="form-horizontal" action="{{ route('import.job.configuration.post', importJob.key) }}" method="post" enctype="multipart/form-data">
        <input type="hidden" name="_token" value="{{ csrf_token() }}"/>

        <div class="row">
            <div class="col-lg-12">
                <div class="box">
                    <div class="box-header with-border">
                        <h3 class="box-title">{{ trans('import.job_config_input') }}</h3>
                    </div>
                    <div class="box-body">
                        <div class="row">
                            <div class="col-lg-6">
                                <h4>{{ 'mandatoryFields'|_ }}</h4>
                                {{ ExpandedForm.checkbox('has_headers',1,importJob.configuration['has-headers'],{helpText: trans('import.job_config_uc_header_help')}) }}
                                {{ ExpandedForm.text('date_format',importJob.configuration['date-format'],{helpText: trans('import.job_config_uc_date_help', {dateExample: phpdate('Ymd')}) }) }}
                                {{ ExpandedForm.select('csv_delimiter', data.delimiters, importJob.configuration['delimiter'], {helpText: trans('import.job_config_uc_delimiter_help') } ) }}
                                {{ AccountForm.activeAssetAccountList('csv_import_account', importJob.configuration['import-account'], {helpText: trans('import.job_config_uc_account_help')}) }}

                                <h4>{{ 'optionalFields'|_ }}</h4>
                                <div class="form-group">
                                    <label for="apply_rules_label" class="col-sm-4 control-label">
                                        {{ trans('import.job_config_uc_apply_rules_title') }}
                                    </label>

                                    <div class="col-sm-8">
                                        <div class="checkbox"><label>
                                                {{ Form.checkbox('apply_rules', '1',
                                                    importJob.configuration['apply-rules'] == true, {'id': 'apply_rules_label'}) }}
                                                {{ trans('import.job_config_uc_apply_rules_text') }}
                                            </label>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="inputSpecifics" class="col-sm-4 control-label">{{ trans('import.job_config_uc_specifics_title') }}</label>

                                    <div class="col-sm-8">
                                        <p>
                                            {{ trans('import.job_config_uc_specifics_txt') }}
                                        </p>
                                        <select id="inputSpecifics" name="specifics[]" multiple class="form-control">
                                            {% for type, specific in data.specifics %}
                                                <option value="{{ type }}" {% if importJob.configuration.specifics[type] == 1 %}selected{% endif %}>
                                                    {{ trans(specific.name) }}
                                                    &lt;small&gt;&lt;br&gt;{{ trans(specific.description) }}&lt;/small&gt;
                                                </option>
                                            {% endfor %}
                                        </select>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12">
                <div class="box">
                    <div class="box-body">
                        <button type="submit" class="pull-right btn btn-success">
                            {{ trans('import.job_config_uc_submit') }}
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </form>

    <p>
        <br/>&nbsp;<br/>&nbsp;<br/>&nbsp;<br/>&nbsp;<br/>&nbsp;<br/>&nbsp;<br/>
    </p>



{% endblock %}
{% block styles %}
    <link href="v1/css/bootstrap-multiselect.css?v={{ FF_VERSION }}" rel="stylesheet" type="text/css"/>
{% endblock %}
{% block scripts %}
    <script type="text/javascript">
        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 }}"></script>
    <script type="text/javascript" src="v1/js/ff/import/file/configure-upload.js?v={{ FF_VERSION }}"></script>
{% endblock %}