@extends('layouts.master')

@section('title')
    @switch($lang)
        @case('pl')
            @lang('Polish')
            @break
        @case('en')
            @lang('English')
            @break
        @default
            @lang('Language')
    @endswitch

@endsection

@section('breadcrumbs')
    @component('components.breadcrumb', [
        'title' => __('Language').': '.$lang,

        'items' => [
            ['url' => '#', 'label' => 'Admin'],
        ]
    ])@endcomponent
@endsection


@section('content')
    <div class="row justify-content-center">
        <div class="col-md-12">

                    <div class=" d-flex justify-content-end mb-3">
                        <div class="bg-white p-3" style="border-radius: 5px;">
                            <a href="{{route('translations.scan')}}" class="btn btn-sm btn-warning-light me-2 mr-2">@lang('Scan')</a>
                            <a href="#" class="btn btn-sm btn-info-light me-2 add-new mr-2">@lang('Add new')</a>
                            <a href="#" class="btn btn-sm btn-primary-light show-untranslated me-2 mr-2">@lang('Show/Hide untranslated')</a>
                            <a href="#" class="btn btn-sm btn-success-light save-translations">@lang('Save')</a>
                        </div>

                    </div>

                    <form method="POST" id="translation-form">
                        @csrf
                    <table width="100%">
                        <thead>
                            <tr>
                                <th class="pb-2">@lang('Source')</th>
                                <th class="pb-2">@lang('Translate')</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($strings as $source => $string)
                                @if($source == $string) {{$string = ''}} @endif
                                <tr>
                                    <td class="pe-3 pb-3 pr-3"><input type="text" name="source[]" class="form-control" readonly="readonly" value="{{$source}}" /></td>
                                    <td class="pb-3"><input type="text" name="translate[]" class="form-control translate-value" value="{{$string}}" /></td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                    </form>
                </div>
            </div>

@endsection

@section('script')

@endsection