@extends('layouts.master')
@section('title', 'PDF Settings')

@section('content')
<div class="card">

    <div class="card-body">
        <div class="row">
            <div class="table-responsive text-center user_tables">
                <table class="table table-bordered" id="bstable" data-icons="icons" data-icons-prefix="bi"
                    data-search-on-enter-key="false" table-for="user-management" data-filter-control="true"
                    data-show-search-clear-button="false" data-pagination="true" data-search="false" data-toggle="table"
                    data-show-columns-toggle-all="false" data-show-toggle="false" data-page-size="50">
                    <thead>
                        <tr>
                            <th title="#" data-field="SrNo" data-sortable="true" data-switchable="false" class="id"
                                data-width-unit="px">{{ __('#') }}</th>
                            <th data-field="Name" title="{{ __('Name') }}" data-filter-control="input" data-filter-control-placeholder="Name" data-sortable="true" >
                                {{ __('Name') }} <p class="mb-2"></p></th>
                            @foreach ($languages as $language)
                            <th data-field="{{ $language->name }}" title="{{ $language->name }}"
                                data-filter-control="input" data-filter-control-placeholder="Word">{{ ucwords(__($language->name)) }} <a
                                    href="{{ route('admin.translator.showPDF', [basicEncrypt($language->id)]) }}"
                                    target="_blank"><button class="btn btn-sm btn-info text-white" type="button">{!! renderIconHtml('view') !!}View</button></a></th>
                            @endforeach
                            @if(count($languages) > 0)
                            @can('translator-pdf-settings-edit')
                                <th >{{ __('Action') }}</th>
                            @endcan
                            @endif
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($settings as $key => $value)
                        <tr>
                            <td>{{ $loop->index + 1 }}</td>
                            <td>
                                @if ($key == 'pdf_logo')
                                {{ __('PDF Logo') }}
                                @elseif($key == 'paid_image')
                                {{ __('Paid Image') }}
                                @else
                                {{ !empty($key) ? ucwords(str_replace('_', ' ', $key)) : '' }}
                                @endif
                            </td>
                            @if(count($languages) > 0)
                            @php
                            $uniqId = uniqid();
                            @endphp
                            @foreach ($languages as $language)
                            @php
                            $countryId = App\Models\CSRNow\Country::where('language_id', $language->id)->pluck('id');
                            $currentData = App\Models\PDFSetting::whereIn('country_id', $countryId)->first();
                            $isDisabled = isset($translationsArray[$language->id][$key]) ? 'disabled' : '';
                             $hideSpan = isset($translationsArray[$language->id][$key]) ? 'display: block' : 'display: none';
                             $translationValue = isset($translationsArray[$language->id][$key])
                                 ? $translationsArray[$language->id][$key]
                                 : (isset($currentData) ? $currentData->$key : '');
                            @endphp

                            <td>
                                <div class="d-flex">
                                    @if ($key == 'pdf_logo')
                                        <div class="relative z-0 w-full mb-1 group">
                                            <input type="file" name="{{ $language->id }}[{{ basicEncrypt($language->id) }}][{{ $key }}]"
                                                   id="{{ $language->id }}_pdf_logo_{{ $uniqId }}"
                                                   data-language="{{ $language->id }}"  class="pdf_logo_{{ $uniqId }} form-control me-1"
                                                   accept="image/*">
                                        </div>
                                    <span class="reviewtooltip m-auto" id="content_{{ $language->id }}_{{ $uniqId }}" style="{{$hideSpan}}">
                                        <a href="javascript:void(0);" class="btn-tooltip" title="Your data is in review." data-toggle="tooltip" data-placement="top" data-original-title="Your data is in review."><i class="bi bi-question-circle"></i></a>
                                    </span>
                                    @elseif($key == 'paid_image')
                                        <div class="relative z-0 w-full mb-1 group">
                                            <input type="file" name="{{ $language->id }}[{{ basicEncrypt($language->id) }}][{{ $key }}]"
                                                   id="{{ $language->id }}_paid_image_{{ $uniqId }}"
                                                   data-language="{{ $language->id }}"  class="paid_image_{{ $uniqId }} form-control me-1"
                                                   accept="image/*">
                                        </div>
                                    <span class="reviewtooltip m-auto" id="content_{{ $language->id }}_{{ $uniqId }}" style="{{$hideSpan}}">
                                        <a href="javascript:void(0);" class="btn-tooltip" title="Your data is in review." data-toggle="tooltip" data-placement="top" data-original-title="Your data is in review."><i class="bi bi-question-circle"></i></a>
                                    </span>
                                    @else

                                    <input type="text" class="language-input input_{{ $uniqId }} form-control rounded-lg p-2.5 w-full text-sm text-gray-900 bg-white border-gray-300 appearance-none focus:outline-none border-2 focus:ring-1 peer pl-15 h-11 me-1"
                                        data-language="{{ $language->id }}"
                                        name="{{ $language->id }}[{{ basicEncrypt($language->id) }}][{{ $key }}]"
                                        value="{{ $translationValue }}" data-old-value="{{ $translationValue }}" {{ $isDisabled }}>
                                        <span class="reviewtooltip m-auto" id="content_{{ $language->id }}_{{ $uniqId }}" style="{{$hideSpan}}">
                                            <a href="javascript:void(0);" class="btn-tooltip" title="Your data is in review." data-toggle="tooltip" data-placement="top" data-original-title="Your data is in review."><i class="bi bi-question-circle"></i></a>
                                        </span>
                                    @endif
                                </div>
                            </td>
                            @endforeach
                            @can('translator-pdf-settings-edit')
                            <td>

                                @if ($key == 'pdf_logo' || $key == 'paid_image')
                                <button type="button" class="btn btn-primary btn-upload-logo"
                                    data-field="@if($key == 'pdf_logo'){{ 'pdf_logo' }}@else{{ 'paid_image' }}@endif"
                                    data-id="{{ $uniqId ?? '' }}"> {{ __('Upload') }}</button>
                                @else
                                <button type="submit" class="btn btn-primary save-btn" data-id={{ $uniqId ?? '' }}
                                    href="javascript:void(0)">
                                    {!! renderIconHtml('save') !!}{{ __('Save') }}</button>
                                @endif

                            </td>
                            @endcan
                            @endif
                        </tr>
                        @endforeach

                    </tbody>
                </table>
            </div>

        </div>
    </div>
</div>

@endsection
@push('scripts')
<script src="{{ asset('backend/js/pages-js/tra-pdf-approval.js') }}"></script>
@endpush