@extends ('layouts.admin')
@section ('content')
    <div class="container" style="width:80vw">
        <a href="{{ route('admin.update-libraries') }}">Library list</a>
        <br>
        <a href="{{ route('admin.check-library', [$library->id]) }}">Library details</a>
        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3>
                            {{Iso639p3::englishName($languageCode)}}
                            <abbr>(<b>{{ $languageCode }}</b>)</abbr>
                            translation for {{ $library->getLibraryString(true) }}
                        </h3>
                    </div>
                    <div class="panel-body row">
                        <div class="alert alert-warning">
                            <ul>
                                <li>Changes done here will not be included when the library is exported
                                <li>If a new patch version of this library is installed, changes done may be lost
                            </ul>
                        </div>
                    </div>
                    @if($errors->isNotEmpty() || (isset($messages) && $messages->isNotEmpty()))
                        <div class="alert alert-danger">
                            Update failed
                            @foreach($errors->all() as $error)
                                <pre style="margin-top:1em;">{{ $error }}</pre>
                            @endforeach
                            @foreach($messages->all() as $msg)
                                <pre style="margin-top:1em;">{{ $msg }}</pre>
                            @endforeach
                        </div>
                    @elseif (isset($messages))
                        <div class="alert alert-success">
                            {{ \Carbon\Carbon::now()->format('Y-m-d H:i:s e') }}: Database updated
                        </div>
                    @endif
                    <div class="panel-body row">
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h5>Upload new translation</h5>
                            </div>
                            <div class="panel-body row">
                                @if($haveTranslation)
                                    Maximum filesize is 50kB
                                    <form method="post" accept-charset="utf-8" enctype="multipart/form-data" >
                                        @csrf
                                        <input
                                            type="file"
                                            name="translationFile"
                                            accept=".json"
                                        >
                                        <br>
                                        <button type="submit" class="btn btn-primary btn-lg">
                                            Upload
                                        </button>
                                    </form>
                                @else
                                    Upload not available
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="panel-body row">
                        <table class="table table-striped">
                            <tr>
                                <th>Database (Max 51200 characters)</th>
                                <th>File (read only)</th>
                            </tr>
                            <tr>
                                <td style="width: 50%;">
                                    @if($haveTranslation)
                                        <form method="post" accept-charset="utf-8">
                                            @csrf
                                            <textarea
                                                name="translation"
                                                autocomplete="off"
                                                required
                                                maxlength="51200"
                                                style="width:100%;height:70vh;white-space:pre;"
                                            >{{$translationDb}}</textarea>
                                            <br>
                                            <button type="submit" class="btn btn-primary btn-lg">
                                                Save
                                            </button>
                                        </form>
                                    @else
                                        No data found
                                    @endif
                                </td>
                                <td style="width: 50%;">
                                    @empty($translationFile)
                                        No data found
                                    @else
                                        <textarea
                                            autocomplete="off"
                                            readonly
                                            style="width:100%;height:70vh;white-space:pre;"
                                        >{{$translationFile}}</textarea>
                                    @endempty
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection