@extends('layouts.master')

@section('title')
    @lang('Translations')
@endsection

@section('breadcrumbs')
    @component('components.breadcrumb', [
        'title' => __('Translations list'),

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

@section('content')

    <div class="row justify-content-center">
        <div class="col-md-12">
            <div class="table-responsive">
                <table class="table text-nowrap table-separate">

                        <thead class="">
                        <tr>
                            <th>@lang('Language')</th>
                            <th>@lang('Total sentences')</th>
                            <th>@lang('Untranslated sentences')</th>
                            <th>@lang('Percentage')</th>
                            <th width="30">@lang('Actions')</th>
                        </tr>
                        </thead>
                        <tbody>

                            @foreach($languages as $language => $data)
                                <tr>
                                    <td>
                                        <a href="{{route('translations.view', ['lang' => basename($language, '.json')])}}" class="text-uppercase">
                                            {{basename($language, '.json')}}
                                        </a>
                                    </td>
                                    <td>{{$data['all']}}</td>
                                    <td>{{$data['untranslated']}}</td>
                                    <td>
                                        @if($data['untranslated'] > 0)
                                            <span class="btn btn-sm btn-success-light">
                                                {{number_format(100 - ($data['untranslated'] / $data['all'] * 100), 2)}}%
                                            </span>
                                        @else
                                            <span class="btn btn-sm btn-success-light">100%</span>
                                        @endif
                                    </td>
                                    <td>
                                        @component('components.dropdown', [
                                            'items' => [
                                                ['url' => route('translations.view', ['lang' => basename($language, '.json')]), 'label' => __('View'), 'can' => 'all_access'],
                                            ],
                                        ])@endcomponent
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                </table>
            </div>
        </div>
    </div>

@endsection