@extends('admin.layouts.main', array('scripts' => array(path_asset('path.backoffice.js_path') . '/view/static-translations.js')))

@section('content')
    <div id="static_translations">
        <div class="row">
            <div class="col-xs-10">
                <h1>@lang('backend.edit_static_translations') - {{ $language->name }}</h1>
            </div>
            <div class="col-xs-2">
                <a href="{{ url('/admin/languages-manager') }}" class="back-btn btn btn-default" type="button" title="Refresh">
                    <span class="icon glyphicon glyphicon-arrow-left"></span> Back
                </a>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-10">
                <button class="btn btn-default command-export-csv">Export Excel</button>
                <button class="btn btn-default command-import-csv">Import Excel</button>
                <input type="file" accept=".xlsx,.xls" id="import-file-picker" class="import-file-picker" style="display: none"/>
            </div>
        </div>
        <div>
            <table class="translations-table">
                @foreach($defaultTranslations as $key => $translation)
                    <tr data-role="translation" >
                        <td class="translations-table__key"><b>{{ $key }}</b><br> {{ $translation }}</td>
                        <td class="translations-table__input">
                            <input
                                type="text"
                                data-id="{{ $key }}"
                                data-old="{{ !empty($translations[$key]) ? $translations[$key] : '' }}"
                                name="translation[{{ $key }}]"
                                value="{{ !empty($translations[$key]) ? $translations[$key] : '' }}"
                                class="input-translation form-control"
                            />
                        </td>
                        <td class="translations-table__action">
                            <button
                                class="btn btn-default command-save-translation"
                                title="@lang('backend.save')"
                            >
                                <span class="icon glyphicon glyphicon-ok"></span>
                            </button>
                            <button
                                class="btn btn-default command-cancel-translation"
                                title="@lang('backend.cancel')"
                            >
                                <span class="icon glyphicon glyphicon-remove"></span>
                            </button>
                        </td>
                    </tr>
                @endforeach
            </table>
        </div>
    </div>
    <script>
        $(function() {
            var StaticTranslationsController = new Eae.View.StaticTranslations({
                el : $('#static_translations'),
                language: @json($language->id)
            });
        });
    </script>
@stop