@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="{{ route('languages.create') }}" 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">
                <div class="table-responsive">
                    <table id="complex_header" class="table table-striped table-bordered display" style="width:100%">
                        <thead>
                            <tr>
                                <th data-breakpoints="lg">#</th>
                                <th>{{ translate('Name') }}</th>
                                <th data-breakpoints="lg">{{ translate('Code') }}</th>
                                <th data-breakpoints="lg">{{ translate('RTL') }}</th>
                                <th> {{ translate('Active') }}</th>
                                <th class="text-right" 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_{{ $key + 2 }}"  onchange="update_active(this)"
                                                value="{{ $language->id }}"
                                                />
                                                <label for="Checkbox_{{ $key + 2 }}"></label>
                                            </div>
                                        </div>
                                    </td>
                                    <td class="text-right">
                                        <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>


            </div>
        </div>
    </section>
@endsection

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


@section('script')
    <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