@extends('admin.layout')

@section('content')
    <div class="content-header">
        <div class="d-flex align-items-center">
            <div class="mr-auto">
                <h3 class="page-title">{{ translate('Languages') }}</h3>
                <div class="d-inline-block align-items-center">
                    <nav>
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{ route('dashboard') }}"><i
                                        class="mdi mdi-home-outline"></i></a></li>
                            <li class="breadcrumb-item" aria-current="page">{{ translate('Languages') }}</li>

                        </ol>
                    </nav>
                </div>
            </div>

        </div>
    </div>
    <section class="content">
        <div class="box">
            <div class="box-header">
                <a href="#" onclick="checkAddLimit()" class="waves-effect waves-light btn btn-primary mb-5"><i
                        class="fa fa-plus"></i>{{ translate('Add New Language') }}</a>

            </div>
            <div class="box-body">
                @if (Session::get('tenant_subscribtion_data')['languages']['belongs_to_subscribtion'] == true && Session::get('tenant_controle_modules')['languages'] == 1)
                    <div class="table-responsive">
                        <table id="complex_header" class="table table-lg table-separated" style="width:100%">
                            <thead>
                                <tr class="bg-dark">
                                    <th class="text-center" data-breakpoints="lg">#</th>
                                    <th class="text-center">{{ translate('Name') }}</th>
                                    <th class="text-center" data-breakpoints="lg">{{ translate('Code') }}</th>
                                    <th class="text-center" data-breakpoints="lg">{{ translate('RTL') }}</th>
                                    <th class="text-center"> {{ translate('Active') }}</th>
                                    <th class="text-center" width="15%">{{ translate('Options') }}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php
                                    $i = 1;
                                @endphp
                                @foreach ($languages as $key => $language)
                                    <tr>
                                        <td>{{ $key + 1 + ($languages->currentPage() - 1) * $languages->perPage() }}</td>
                                        <td>{{ $language->name }}</td>
                                        <td>{{ $language->code }}</td>
                                        <td>
                                            <div class="form-group">
                                                <div class="checkbox">
                                                    <input type="checkbox" id="Checkbox_{{ $key }}"
                                                         onchange="update_rtl_status(this)"
                                                        value="{{ $language->id }}" />
                                                    <label for="Checkbox_{{ $key }}"></label>
                                                </div>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="form-group">
                                                <div class="checkbox">
                                                    <input type="checkbox" id="Checkbox_{{ sizeof($languages) + $key }}"
                                                         onchange="update_active(this)"
                                                        value="{{ $language->id }}" />
                                                    <label for="Checkbox_{{ sizeof($languages) + $key }}"></label>
                                                </div>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="dropdown">
                                                <a class="text-fade" href="#" data-toggle="dropdown"><i
                                                        class="fa fa-fw fa-list"></i></a>
                                                <div class="dropdown-menu dropdown-menu-right">
                                                    <a class="dropdown-item"
                                                        href="{{ route('languages.show', encrypt($language->id)) }}"><i
                                                            class="mdi mdi-magnify"></i>
                                                        {{ translate('Translation') }}</a>
                                                    <a class="dropdown-item"
                                                        href="{{ route('languages.edit', encrypt($language->id)) }}"><i
                                                            class="fa fa-edit"></i>
                                                        {{ translate('Edit') }}</a>
                                                    @if ($language->code != 'en')
                                                        <a class="sa-warning dropdown-item submit_delete_form"
                                                            data-title="{{ translate('Are you sure?') }}"
                                                            data-no="{{ translate('Cancel') }}"
                                                            data-yes="{{ translate('Yes, delete it!') }}"
                                                            data-desc="{{ translate('You will not be able to recover this!') }}"
                                                            href="#"
                                                            data-href="{{ route('languages.destroy', $language->id) }}"><i
                                                                class="fa fa-fw fa-trash"></i>{{ translate('Delete') }}
                                                        </a>
                                                    @endif
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                    @php
                                        $i++;
                                    @endphp
                                @endforeach
                            </tbody>
                        </table>
                        {{ $languages->appends(request()->input())->links() }}
                    </div>
                @else
                    <div class="row">
                        <div class="col-8 mx-auto text-center">
                            <br>
                            <img style="width: 12em;margin-bottom: 1em;" src="{{ url('/images/upgrad_limit.png') }}"
                                alt="">
                            <h4>
                                {{ translate('You need to upgrade to use this feature.') }}
                            </h4>
                            <h4 style="color: chocolate">
                                {{ translate('Please Upgrade to use this feature.') }}
                            </h4>
                            <br>
                            <a class="btn btn-rounded btn-dark mb-5 padding-label-dashbord orang-bg"
                                href="#">{{ translate('Upgrade now') }}</a>
                        </div>
                    </div>
                @endif
            </div>
        </div>
    </section>
@endsection

@section('modal')
    @include('modals.delete_modal')
@endsection


@section('script')
    @if (Session::get('tenant_subscribtion_data')['languages']['belongs_to_subscribtion'] == true && Session::get('tenant_controle_modules')['languages'] == 1)
        <script type="text/javascript">
            function checkAddLimit() {
                if (("{{ Session::get('tenant_subscribtion_data')['languages']['value'] }}" == 'limited' &&
                        {{ Session::get('tenant_subscribtion_data')['languages']['quantity'] }} > {{ $languageCount }}) ||
                    "{{ Session::get('tenant_subscribtion_data')['languages']['value'] }}" == 'unlimt') {
                    window.location.replace("{{ route('languages.create') }}");
                } else {
                    $('#UpgradLimitModelH41').text("{{ translate('You have exceeded the maximum number of add-ons') }} " +
                        {{ Session::get('tenant_subscribtion_data')['languages']['quantity'] }} +
                        " {{ translate('of languages') }}");
                    $('#UpgradLimitModelH42').text("{{ translate('Please Upgrade to add more.') }}");
                    $('#UpgradLimitModel').modal();
                }
            }
        </script>
    @else
        <script type="text/javascript">
            function checkAddLimit() {
                $('#UpgradLimitModelH41').text(" {{ translate('You need to upgrade to use this feature.') }}");
                $('#UpgradLimitModelH42').text("{{ translate('Please Upgrade to use this feature.') }}");
                $('#UpgradLimitModel').modal();
            }
        </script>
    @endif
    <script type="text/javascript">
        function update_rtl_status(el) {
            if (el.checked) {
                var status = 1;
            } else {
                var status = 0;
            }
            $.post('{{ route('languages.update_rtl_status') }}', {
                _token: '{{ csrf_token() }}',
                id: el.value,
                status: status
            }, function(data) {
                showAjaxsToast(data);

            });
        }

        function update_active(el) {
            if (el.checked) {
                var active = 1;
            } else {
                var active = 0;
            }
            $.post('{{ route('languages.update_active') }}', {
                _token: '{{ csrf_token() }}',
                id: el.value,
                active: active
            }, function(data) {
                showAjaxsToast(data);

            });
        }
    </script>
@endsection