@extends('translation::layout')

@section('body')

    @if(count($userLanguages)>0)
        <div class="panel">

            <div class="panel-header border-bottom-0">

                {{ __('translation::translation.languages') }}

                <div class="flex flex-grow justify-end items-center">

                    <a href="{{ route('languages.create') }}" class="btn btn-primary">
                        {{ __('translation::translation.add') }}
                    </a>

                </div>

            </div>

            <div class="panel-body">

                <table class="table table-striped table-bordered">

                    <thead>
                        <tr>
                            <th style="text-align: center;">{{ __('translation::translation.language_name') }}</th>
                            <th style="text-align: center;">{{ __('Actions') }}</th>
                        </tr>
                    </thead>

                    <tbody>
                        @foreach($userLanguages as $language => $name)
                            <tr>
                                <td>{{ $name }}</td>
                                <td>
                                    @php $uri = explode('-',$language) @endphp
                                    <a class="" href="{{ route('languages.translations.index', $uri[0]) }}?group=landing" data-bs-toggle="tooltip" title="{{ __('Translate Texts') }}"><i class="fas fa-eye"></i></a>&nbsp;
                                    <!-- <a href="{{ route('languages.edit',$language) }}" data-bs-toggle="tooltip" title="{{ __('Edit Locale Name') }}"><i class="fas fa-pen"></i></a>&nbsp; -->
                                    @if($language!='en')
                                        <a href="#" class="delete_lang" locale_name="{{ $language }}" data-bs-toggle="tooltip" title="{{ __('Delete Locale') }}"><i class="fas fa-trash-alt"></i></a>
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>

            </div>

        </div>

    @else

        <div id="error">
            <div class="container text-center pt-32">
                <p style="font-size:30px;margin-bottom:20px;">{{ __("Sorry, we couldn't find any language to show.") }}</p>
                <a href="{{ route('languages.create') }}" class="btn btn-primary">{{ __("Add Language") }}</a>
            </div>
        </div>

    @endif

    <script>
        var action_url = "{{ route('languages.delete') }}";
    </script>

@endsection