@extends('admin.layout.master')
@section('content')
<style>
    input[type='checkbox'][readonly]{
    pointer-events: none;
}
</style>


        <div class='bg-white rounded'>
            <div class="nav-scroller">
                <nav class="nav">
                    <li class="nav-item d-flex align-items-center">
                        <a class='nav-link fw-bold text-primary' href="{{url('/home')}}">{{trans('project.home')}}</a>
                        <span class="bi bi-caret-right"></span>
                        <span class="mx-2"> {{ trans('admin.languages') }} </span>
                    </li>


                    <li class="nav-item mx-auto me-2 d-flex align-items-center gap-2">
                        <a class="nav-link text-primary fw-bld" href="{{route('translation', ['en','validation'])}}">
                            <b class="bi-plus-square-fill me-1"></b>  {{ trans('admin.translate') }}
                        </a>
                    </li>

                    <li class="nav-item me-2">
                        <a class="nav-link text-primary fw-bld" href="language/create">
                            <b class="bi-plus-square-fill me-1"></b>  {{ trans('admin.add_New') }}
                        </a>
                    </li>

                    <li class="nav-item">
                        <a class="nav-link" data-bs-toggle="dropdown">
                            <b class="bi-box-arrow-up-right me-2"></b> {{ trans('admin.export') }}
                        </a>
                        <ul class="dropdown-menu">
                            <li>
                                <a class="dropdown-item" onclick="jQuery('.data-table').print()">
                                    <i class="bi-printer mx-2"></i>
                                    {{__('project.print')}}
                                </a>
                                    <a class="dropdown-item" onclick="exportTable('data-table', 'pdf', '{{trans('home slider')}} 2024-10-18 02:36:11')">
                                        <i class="bi bi-file-earmark-pdf mx-2"></i>
                                        {{__('project.pdf')}}
                                    </a>
                                <a class="dropdown-item" onclick="exportTable('data-table', 'csv', '{{trans('home slider')}} 2024-10-18 02:36:11')">
                                    <i class="bi bi-file-spreadsheet mx-2"></i>
                                    {{__('project.excel_csv')}}
                                </a>
                            </li>
                        </ul>
                    </li>
                </nav>
            </div>
          </div>




          <main class="px-0 scroll-y mt-2">
            <!-- body content  -->
            <div class="card rounded border-0">
              <div class="card-body pt-0">
                <div class="row">
                  <div class="col-lg-12">
                    <div class="table-responsive">
                    <table class="table w-100 table-sm table-hover mb-0 table-bordered data-table">
                    <thead class="bg-light p-2">
                    <tr>
                        <th>{{ trans('admin.language') }}</th>
                        <th>{{ trans('admin.code') }}</th>
                        <th>{{ trans('admin.direction') }}</th>
                        <th>{{ trans('admin.active') }}</th>
                        <th>{{ trans('admin.default') }}</th>
                        <th class='text-end no-print'>{{ trans('admin.action') }}</th>
                    </tr>
                </thead>
                <tbody>
                @empty($data)
                    <tr>
                        <th colspan="6" class="text-center">{{trans('admin.data_not_found')}}</th>
                    </tr>
                @endempty
                @foreach ($data as $language)

                    <tr class="">
                        <td>
                            <span>{{$language->name}}</span><br>
                        </td>
                        <td class="text-uppercase">
                            {{$language->abbr}}
                        </td>
                        <td class="text-uppercase">
                            {{$language->direction}}
                        </td>
                        <td>
                            @if($language->status)
                                {{-- <div class="form-check form-switch">
                                    <input class="form-check-input" type="checkbox" id="true" checked readonly>
                                </div> --}}

                                <div class="d-flex justify-content-between mob_just">
                                    <label class="switch">
                                        <input type="checkbox" name="status" id="true" checked readonly>
                                        <div class="slider">
                                        </div>
                                    </label>
                                </div>


                            @else
                                {{-- <div class="form-check form-switch">
                                    <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault" checked disabled>
                                </div> --}}

                                <div class="d-flex justify-content-between mob_just">
                                    <label class="switch">
                                        <input type="checkbox" name="status" id="flexSwitchCheckDefault" checked disabled>
                                        <div class="slider">
                                        </div>
                                    </label>
                                </div>
                            @endif

                        </td>
                        <td>
                            @if($language->is_default)
                                {{-- <div class="form-check form-switch">
                                    <input class="form-check-input" type="checkbox" id="true" checked readonly>
                                </div> --}}

                                <div class="d-flex justify-content-between mob_just">
                                    <label class="switch">
                                        <input type="checkbox" name="status" id="true" checked readonly>
                                        <div class="slider">
                                        </div>
                                    </label>
                                </div>
                            @else
                            <div class="d-flex justify-content-between mob_just">
                                <label class="switch">
                                    <input type="checkbox" name="status" id="flexSwitchCheckDefault" checked disabled>
                                    <div class="slider">
                                    </div>
                                </label>
                            </div>
                            @endif

                        </td>
                        <td class='text-lg-end no-print'>



                                <a type="button" href="{{ url('/language/edit',$language->id ) }}" class="btn btn-xs btn-outline-success p-1">
                         <i class="bi-pencil me-2 "></i>Edit</a>

                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
</div>
</div>
          </main>


@endsection