@extends('admin.master_layout')
@section('title')
    <title>{{ __('Edit Property') }}</title>
@endsection
@section('admin-content')
    <div class="main-content">
        <section class="section">
            <x-admin.breadcrumb title="{{ __('Edit Property') }}" :list="[
                __('Dashboard') => route('admin.dashboard'),
                __('Property List') => route('admin.property.index'),
                __('Edit Property') => '#',
            ]" />

            <div class="section-body row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header gap-3 justify-content-between align-items-center">
                            <h5 class="m-0 service_card">{{ __('Available Translations') }}</h5>
                            @adminCan('property.translate')
                                @if ($code !== $languages->first()->code)
                                    <x-admin.button onclick="translateAll()" id="translate-btn" :text="__('Translate')" />
                                @endif
                            @endadminCan
                        </div>

                        <div class="card-body">
                            <div class="lang_list_top">
                                <ul class="lang_list">
                                    @foreach ($languages = allLanguages() as $language)
                                        <li><a id="{{ request('code') == $language->code ? 'selected-language' : '' }}"
                                                href="{{ route('admin.property.edit', ['property' => $property->id, 'code' => $language->code]) }}"><i
                                                    class="fas {{ request('code') == $language->code ? 'fa-eye' : 'fa-edit' }}"></i>
                                                {{ $language->name }}</a></li>
                                    @endforeach
                                </ul>
                            </div>

                            <div class="mt-2 alert alert-danger" role="alert">
                                @php
                                    $current_language = $languages->where('code', request()->get('code'))->first();
                                @endphp
                                <p>{{ __('Your editing mode') }} : <b> {{ $current_language?->name }}</b></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <form action="{{ route('admin.property.update', $property->id) }}" method="POST" enctype="multipart/form-data">
                @csrf

                @method('PUT')
                <input type="hidden" name="code" value="{{ $code }}">
                <div class="section-body">
                    <div class="mt-4 row">
                        <div class="col-md-9">
                            <div class="card">
                                <div class="card-header d-flex justify-content-between">
                                    <h4>{{ __('Basic Information') }}</h4>
                                    <div>
                                        <x-admin.back-button :href="route('admin.property.index')" />
                                    </div>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        @if ($code == $languages->first()->code)
                                        <div class="form-group col-md-12">
                                            <x-admin.form-select name="agent" id="agent" class="select2" label="{{ __('Property Agent') }} " required="true">
                                                <x-admin.select-option :selected="$property->user_id == 0" value="0" text="{{ __('Own Property') }}" />
                                                @foreach ($agents as $agent)
                                                    <x-admin.select-option :selected="$agent->id == old('agent', $property->user_id)" value="{{ $agent->id }}" text="{{ $agent->name }}" />
                                                @endforeach
                                            </x-admin.form-select>
                                        </div>
                                        @endif
 
                                        <div class="form-group col-md-12 ">
                                            <x-admin.form-input data-translate="true" id="title"  name="title" label="{{ __('Title') }}" placeholder="{{ __('Enter Title') }}" value="{{ old('title', $property->getTranslation($code)->title) }}"
                                                placeholder="{{ __('Enter Title') }}" required="true"/>
                                        </div>

                                        @if ($code == $languages->first()->code)
                                        <div class="form-group col-md-12 ">
                                            <x-admin.form-input id="slug"  name="slug" label="{{ __('Slug') }}" placeholder="{{ __('Enter Slug') }}" value="{{ old('slug', $property->slug) }}" required="true"/>
                                        </div>

                                        <div class="form-group col-md-12">
                                            <x-admin.form-select name="property_type_id" id="property_type"
                                                class="select2" label="{{ __('Property Type') }} " required="true">
                                                <x-admin.select-option value=""
                                                    text="{{ __('Select Property Type') }}" />
                                                @foreach ($propertyTypes as $propertyType)
                                                    <x-admin.select-option :selected="$propertyType->id ==
                                                        old('property_type_id', $property->property_type_id)"
                                                        value="{{ $propertyType->id }}" text="{{ $propertyType->title }}" />
                                                @endforeach
                                            </x-admin.form-select>

                                        </div>
                                        <div class="form-group col-md-12">
                                            <x-admin.form-select name="city_id" id="city"
                                                class="select2" label="{{ __('City') }} " required="true">
                                                <x-admin.select-option value=""
                                                    text="{{ __('Select City') }}" />
                                                @foreach ($cities as $city)
                                                    <x-admin.select-option :selected="$city->id ==
                                                        old('city_id', $property->city_id)"
                                                        value="{{ $city->id }}" text="{{ $city->title.', '.$city->countryState->title.', '.$city->countryState->country->title }}" />
                                                @endforeach
                                            </x-admin.form-select>
                                        </div>
                                        @endif

                                        <div class="form-group col-md-12">
                                            <x-admin.form-input data-translate="true" id="address"  name="address" label="{{ __('Address') }}" placeholder="{{ __('Enter Address') }}" value="{{ old('address', $property->getTranslation($code)->address) }}"
                                                placeholder="{{ __('Enter Address') }}" required="true"/>
                                        </div>

                                        @if ($code == $languages->first()->code)
                                        <div class="form-group col-md-12">
                                            <x-admin.form-input data-translate="true" id="phone"  name="phone" label="{{ __('Phone') }}" placeholder="{{ __('Enter Phone') }}" value="{{ old('phone', $property->phone) }}"
                                                placeholder="{{ __('Enter Phone') }}"/>
                                        </div>
                                        <div class="form-group col-md-12">
                                            <x-admin.form-input data-translate="true" id="email"  name="email" label="{{ __('Email') }}" placeholder="{{ __('Enter Email') }}" value="{{ old('email', $property->email) }}"
                                                placeholder="{{ __('Enter Email') }}" required="true"/>
                                        </div>
                                        <div class="form-group col-md-12">
                                            <x-admin.form-input data-translate="true" id="website"  name="website" label="{{ __('Website') }}" placeholder="{{ __('Enter Website') }}" value="{{ old('website', $property->website) }}"
                                                placeholder="{{ __('Enter Website') }}"/>
                                        </div>

                                        <div class="form-group col-md-12">
                                            <x-admin.form-select name="property_purpose_id" id="purpose"
                                                class="select2" label="{{ __('Purpose') }} " required="true">
                                                @foreach ($purposes as $purpose)
                                                    <x-admin.select-option :selected="$purpose->id ==
                                                        old('property_purpose_id', $property->property_purpose_id)"
                                                        value="{{ $purpose->id }}" text="{{ $purpose->title }}" />
                                                @endforeach
                                            </x-admin.form-select>
                                        </div>
                                        @if ($property->property_purpose_id==1)
                                        <div class="form-group col-md-12 d-none" id="period_box">
                                            <x-admin.form-select name="period" id="period" label="{{ __('Period') }} " required="true">
                                                <x-admin.select-option :selected="'Daily' == old('period')" value="Daily" text="{{ __('Daily') }}" />
                                                <x-admin.select-option :selected="'Monthly' == old('period')" value="Monthly" text="{{ __('Monthly') }}" />
                                                <x-admin.select-option :selected="'Yearly' == old('period')" value="Yearly" text="{{ __('Yearly') }}" />
                                            </x-admin.form-select>
                                        </div>
                                        @endif

                                        @if ($property->property_purpose_id==2)
                                        <div class="form-group col-md-12" id="period_box">
                                            <x-admin.form-select name="period" id="period" label="{{ __('Period') }} " required="true">
                                                <x-admin.select-option :selected="'Daily' == old('period', $property->period )" value="Daily" text="{{ __('Daily') }}" />
                                                <x-admin.select-option :selected="'Monthly' == old('period', $property->period )" value="Monthly" text="{{ __('Monthly') }}" />
                                                <x-admin.select-option :selected="'Yearly' == old('period', $property->period )" value="Yearly" text="{{ __('Yearly') }}" />
                                            </x-admin.form-select>
                                        </div>
                                        @endif

                                        <div class="form-group col-md-12">
                                            <x-admin.form-input data-translate="true" id="price"  name="price" label="{{ __('Price') }}" placeholder="{{ __('Enter Price') }}" value="{{ old('price', $property->price) }}"
                                                placeholder="{{ __('Enter Price') }}" required="true"/>
                                        </div>
                                        @endif
                                    </div>
                                </div>
                            </div>


                            @if ($code == $languages->first()->code)
                            <div class="card">
                                <div class="card-header d-flex justify-content-between">
                                    <h4>{{ __('Others Information') }}</h4>
                                </div>

                                <div class="card-body">
                                    <div class="row">
                                        <div class="form-group col-md-6">
                                            <x-admin.form-input data-translate="true" id="area"  name="area" label="{{ __('Total Area') }} ({{ __('Square Feet') }})" placeholder="{{ __('Total Area') }}" value="{{ old('price', $property->area) }}"
                                                placeholder="{{ __('Enter Area') }}" required="true"/>
                                        </div>
                                        <div class="form-group col-md-6">
                                            <x-admin.form-input data-translate="true" type="number" id="number_of_unit"  name="number_of_unit" label="{{ __('Total Unit') }}" placeholder="{{ __('Total Unit') }}" value="{{ old('number_of_unit', $property->number_of_unit) }}" required="true"/>
                                        </div>
                                        <div class="form-group col-md-6">
                                            <x-admin.form-input data-translate="true" type="number" id="number_of_room"  name="number_of_room" label="{{ __('Total Room') }}" placeholder="{{ __('Total Room') }}" value="{{ old('number_of_room', $property->number_of_room) }}" required="true"/>
                                        </div>

                                        <div class="form-group col-md-6">
                                            <x-admin.form-input data-translate="true" type="number" id="number_of_bedroom"  name="number_of_bedroom" label="{{ __('Total Bedroom') }}" placeholder="{{ __('Total Bedroom') }}" value="{{ old('number_of_bedroom', $property->number_of_bedroom) }}" required="true"/>
                                        </div>
                                        <div class="form-group col-md-6">
                                            <x-admin.form-input data-translate="true" type="number" id="number_of_bathroom"  name="number_of_bathroom" label="{{ __('Total Bathroom') }}" placeholder="{{ __('Total Bathroom') }}" value="{{ old('number_of_bathroom', $property->number_of_bathroom) }}" required="true"/>
                                        </div>
                                        <div class="form-group col-md-6">
                                            <x-admin.form-input data-translate="true" type="number" id="number_of_floor"  name="number_of_floor" label="{{ __('Total Floor') }}" placeholder="{{ __('Total Floor') }}" value="{{ old('number_of_floor', $property->number_of_floor) }}" required="true"/>
                                        </div>
                                        <div class="form-group col-md-6">
                                            <x-admin.form-input data-translate="true" type="number" id="number_of_kitchen"  name="number_of_kitchen" label="{{ __('Total Kitchen') }}" placeholder="{{ __('Total Kitchen') }}" value="{{ old('number_of_kitchen', $property->number_of_kitchen) }}"/>
                                        </div>
                                        <div class="form-group col-md-6">
                                            <x-admin.form-input data-translate="true" type="number" id="number_of_parking"  name="number_of_parking" label="{{ __('Total Parking Place') }}" placeholder="{{ __('Total Parking Place') }}" value="{{ old('number_of_parking', $property->number_of_parking) }}"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @endif


                            @if ($code == $languages->first()->code)
                            <div class="card">
                                <div class="card-header d-flex justify-content-between">
                                    <h4>{{ __('PDF and Video') }}</h4>
                                </div>

                                <div class="card-body">
                                    <div class="row">
                                        <div class="form-group col-md-12">
                                            @if ($property->pdf_file)
                                                <div class="form-group pdf-file-col-{{ $property->id }}">
                                                    <label for="file">{{ __('Existing PDF') }}</label>
                                                    <div class="my-2">
                                                        <a id="downloadLink" href="javascript:;" class="text-danger">{{ __('Download Existing File') }}</a>
                                                        <br>
                                                        <a onclick="deletePdfFile('{{ $property->id }}')"
                                                            href="javascript:;"
                                                            class="text-danger custom-delete-icon">{{ __('Delete Existing File') }} </a>
                                                    </div>
                                                </div>
                                            @endif

                                            <label for="" class="w-100">{{ __('PDF File') }}</label>
                                            <input type="file" name="pdf_file" class="form-control-file">
                                            @error('pdf_file')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>

                                        <div class="form-group col-md-12">
                                            <x-admin.form-input data-translate="true" type="test" id="video_link"  name="video_link" label="{{ __('Youtube Video Id') }}" placeholder="{{ __('Youtube Video Id') }}" value="{{ old('video_link', $property->video_link) }}"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @endif

                            <div class="card">
                                <div class="card-header d-flex justify-content-between">
                                    @if ($code == $languages->first()->code)
                                    <h4>{{ __('Property Details and Google Map') }}</h4>
                                    @else
                                    <h4>{{ __('Property Details') }}</h4>
                                    @endif
                                </div>

                                <div class="card-body">
                                    <div class="row">
                                        @if ($code == $languages->first()->code)
                                        <div class="form-group col-md-12">
                                            <x-admin.form-textarea id="google_map_embed_code" name="google_map_embed_code"
                                                label="{{ __('Google Map Code') }}"
                                                placeholder="{{ __('Google Map Code') }}" data-translate="true"
                                                value="{!! old('google_map_embed_code', $property->google_map_embed_code) !!}"/>
                                        </div>
                                        @endif
        
                                        <div class="form-group col-md-12">
                                            <x-admin.form-editor id="description" name="description"
                                                label="{{ __('Description') }}"
                                                placeholder="{{ __('Description') }}" data-translate="true"
                                                value="{!! old('description', $property->getTranslation($code)->description) !!}" required="true"/>
                                        </div>

                                        @if ($code == $languages->first()->code)
                                        <div class="form-group col-md-12">
                                            <x-admin.form-input data-translate="true" type="test" id="seo_title"  name="seo_title" label="{{ __('SEO Title') }}" placeholder="{{ __('SEO Title') }}" value="{{ old('seo_title', $property->seo_title) }}"/>
                                        </div>

                                        <div class="form-group col-md-12">
                                            <x-admin.form-textarea id="seo_description" name="seo_description"
                                                label="{{ __('SEO Description') }}"
                                                placeholder="{{ __('SEO Description') }}" data-translate="true"
                                                value="{{ old('seo_description', $property->seo_description) }}"/>
                                        </div>
                                        @endif
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="col-md-3">
                            @if ($code == $languages->first()->code)
                            <div class="card sidebar_card">
                                <div class="card-body">
                                    <div class="form-group">
                                        <x-admin.form-image-preview div_id="thumbnail-image-preview" label_id="thumbnail-image-label" input_id="thumbnail-image-upload" name="thumbnail_image" label="{{ __('Thumbnail Image') }}" :image="$property->thumbnail_image" />
                                    </div>
                                </div>
                            </div>

                            <div class="card sidebar_card">
                                <div class="card-body">
                                    <div class="form-group">
                                        <x-admin.form-image-preview div_id="banner-image-preview" label_id="banner-image-label" input_id="banner-image-upload" name="banner_image" label="{{ __('Banner Image') }}" :image="$property->banner_image" />
                                    </div>
                                </div>
                            </div>

                            <div class="card">
                                <div class="card-header">
                                    <h4>{{ __('Amenities') }}</h4>
                                </div>
                                <div class="card-body">
                                    <div class="form-group">
                                        @foreach ($aminities as $aminity)
                                            @php
                                                $isChecked=false;
                                                $propertyAminities = Modules\Property\app\Models\PropertyAminity::where('property_id', $property->id)->get();
                                            @endphp
                                            @foreach ($propertyAminities as $amnty)
                                                @if ($aminity->id == $amnty->aminity_id)
                                                    @php
                                                    $isChecked=true;
                                                    @endphp
                                                @endif
                                            @endforeach
                                            
                                            <div class="form-check">
                                                <input value="{{ $aminity->id }}" name="aminities[]" class="form-check-input" type="checkbox" id="aminity_{{ $aminity->id }}" {{ $isChecked ? 'checked' :'' }}>
                                                <label class="form-check-label" for="aminity_{{ $aminity->id }}">
                                                {{ $aminity->title }}
                                                </label>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                            @endif

                            <div class="card">
                                <div class="card-body">

                                    @if ($code == $languages->first()->code)

                                    <div class="form-group">
                                        <label>
                                            <input type="hidden" value="0" name="is_featured"
                                                class="custom-switch-input">
                                            <input type="checkbox" value="1" name="is_featured"
                                                class="custom-switch-input" {{ $property->is_featured == 1 ? 'checked' : '' }}>
                                            <span class="custom-switch-indicator"></span>
                                            <span
                                                class="custom-switch-description">{{ __('Mark as Featured') }}</span>
                                        </label>
                                    </div>

                                    <div class="form-group">
                                        <label>
                                            <input type="hidden" value="0" name="top_property"
                                                class="custom-switch-input">
                                            <input type="checkbox" value="1" name="top_property"
                                                class="custom-switch-input" {{ $property->top_property == 1 ? 'checked' : '' }}>
                                            <span class="custom-switch-indicator"></span>
                                            <span
                                                class="custom-switch-description">{{ __('Mark Top Property') }}</span>
                                        </label>
                                    </div>

                                    <div class="form-group">
                                        <label>
                                            <input type="hidden" value="0" name="urgent_property"
                                                class="custom-switch-input">
                                            <input type="checkbox" value="1" name="urgent_property"
                                                class="custom-switch-input" {{ $property->urgent_property == 1 ? 'checked' : '' }}>
                                            <span class="custom-switch-indicator"></span>
                                            <span
                                                class="custom-switch-description">{{ __('Urgent Property') }}</span>
                                        </label>
                                    </div>

                                    <div class="form-group">
                                        <label>
                                            <input type="hidden" value="0" name="status"
                                                class="custom-switch-input">
                                            <input type="checkbox" value="1" name="status"
                                                class="custom-switch-input" {{ $property->status == 1 ? 'checked' : '' }}>
                                            <span class="custom-switch-indicator"></span>
                                            <span class="custom-switch-description">{{ __('Status') }}</span>
                                        </label>
                                    </div>
                                    @endif
                                    @adminCan('property.update')
                                    <button type="submit" id="update-btn" class="btn btn-success w-100"><i class="fa fa-sync"></i> {{ __('Update Info') }}</button>
                                    @endadminCan

                                    @adminCan('property.slider')
                                    <a href="{{ route('admin.property-slider', $property->id) }}" class="btn btn-success w-100 mt-2"><i class="fa fa-images"></i> {{ __('Manage Slider') }}</a>
                                    @endadminCan

                                    @adminCan('property.nearest.location')
                                    <a href="{{ route('admin.property-nearest-location', $property->id) }}" class="btn btn-success w-100 mt-2"><i class="fas fa-map-marker-alt"></i> {{ __('Nearest Location') }}</a>
                                    @endadminCan
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </section>
    </div>
    <form id="downloadForm" action="{{ route('admin.download-property-file') }}" method="POST" style="display: none;">
        @csrf
        <input type="hidden" name="id" value="{{ $property->id}}">
    </form>
@endsection


@push('css')
<style>
    .sidebar_card .image-preview, #callback-preview {
        width: auto !important;
        height: 200px !important;
    }
</style>

@endpush

@if ($code == $languages->first()->code)
@push('js')
    <script src="{{ asset('backend/js/jquery.uploadPreview.min.js') }}"></script>
    <script>
        $.uploadPreview({
            input_field: "#thumbnail-image-upload",
            preview_box: "#thumbnail-image-preview",
            label_field: "#thumbnail-image-label",
            label_default: "{{ __('Choose Icon') }}",
            label_selected: "{{ __('Change Icon') }}",
            no_label: false,
            success_callback: null
        });

        $.uploadPreview({
            input_field: "#banner-image-upload",
            preview_box: "#banner-image-preview",
            label_field: "#banner-image-label",
            label_default: "{{ __('Choose Icon') }}",
            label_selected: "{{ __('Change Icon') }}",
            no_label: false,
            success_callback: null
        });

        function deletePdfFile(id) {
            var isDemo = "{{ env('APP_MODE') ?? 'LIVE' }}"
            var demoNotify = "{{ __('This Is Demo Version. You Can Not Change Anything') }}"
            if (isDemo == 'DEMO') {
                toastr.error(demoNotify);
                return;
            }

            $.ajax({
                type: 'GET',
                url: "{{ url('admin/property-delete-pdf/') }}" + "/" + id,
                success: function(response) {
                    if (response.success) {
                        toastr.success(response.success)
                        $(".pdf-file-col-" + id).remove()
                    }
                },
                error: function(err) {
                    console.log(err);
                }
            });
        }
    </script>
    <script>
        (function($) {
            "use strict";
            $(document).ready(function() {
                $("#purpose").on("change", function() {
                    var purposeId = $(this).val();
                    if (purposeId == 2) {
                        $("#period_box").removeClass('d-none');
                    } else if (purposeId == 1) {
                        $("#period_box").addClass('d-none');
                    }
                });

                $("#title").on("keyup", function(e) {
                    $("#slug").val(convertToSlug($(this).val()));
                });

                $('#downloadLink').on('click', function(event) {
                    event.preventDefault(); // Prevent the default link behavior
                    $('#downloadForm').submit(); // Submit the form
                });
            });
        })(jQuery);

        function convertToSlug(Text) {
            return Text
                .toLowerCase()
                .replace(/[^\w ]+/g, '')
                .replace(/ +/g, '-');
        }
    </script>
@endpush
@else
    @push('js')
        <script>
            "use strict";
            var isTranslatingInputs = true;

            function translateOneByOne(inputs, index = 0) {
                if (index >= inputs.length) {
                    if (isTranslatingInputs) {
                        isTranslatingInputs = false;
                        translateAllTextarea();
                    }
                    $('#translate-btn').prop('disabled', false);
                    $('#update-btn').prop('disabled', false);
                    return;
                }

                var $input = $(inputs[index]);
                var inputValue = $input.val();

                if (inputValue) {
                    $.ajax({
                        url: "{{ route('admin.languages.update.single') }}",
                        type: "POST",
                        data: {
                            lang: '{{ $code }}',
                            text: inputValue,
                            _token: '{{ csrf_token() }}'
                        },
                        dataType: 'json',
                        beforeSend: function() {
                            $input.prop('disabled', true);
                            iziToast.show({
                                timeout: false,
                                close: true,
                                theme: 'dark',
                                icon: 'loader',
                                iconUrl: 'https://hub.izmirnic.com/Files/Images/loading.gif',
                                title: "{{ __('Translation Processing, please wait...') }}",
                                position: 'center',
                            });
                        },
                        success: function(response) {
                            $input.val(response);
                            if ($input.hasClass('summernote')) {
                                console.log($input);
                                var inputId = $input.attr('id');
                                tinymce.get(inputId).setContent(response);
                            }
                            $input.prop('disabled', false);
                            iziToast.destroy();
                            toastr.success("{{ __('Translated Successfully') }}");
                            translateOneByOne(inputs, index + 1);
                        },
                        error: function(jqXHR, textStatus, errorThrown) {
                            console.error(textStatus, errorThrown);
                            iziToast.destroy();
                            toastr.error('Error', 'Error');
                        }
                    });
                } else {
                    translateOneByOne(inputs, index + 1);
                }
            }

            function translateAll() {
                iziToast.question({
                    timeout: 20000,
                    close: false,
                    overlay: true,
                    displayMode: 'once',
                    id: 'question',
                    zindex: 999,
                    title: "{{ __('This will take a while!') }}",
                    message: "{{ __('Are you sure?') }}",
                    position: 'center',
                    buttons: [
                        ["<button><b>{{ __('YES') }}</b></button>", function(instance, toast) {
                            var isDemo = "{{ env('APP_MODE') ?? 'LIVE' }}";

                            if (isDemo == 'DEMO') {
                                instance.hide({
                                    transitionOut: 'fadeOut'
                                }, toast, 'button');
                                toastr.error(
                                    "{{ __('This Is Demo Version. You Can Not Change Anything') }}");
                                return;
                            }

                            $('#translate-btn').prop('disabled', true);
                            $('#update-btn').prop('disabled', true);

                            instance.hide({
                                transitionOut: 'fadeOut'
                            }, toast, 'button');

                            var inputs = $('input[data-translate="true"]').toArray();
                            translateOneByOne(inputs);

                        }, true],
                        ["<button>{{ __('NO') }}</button>", function(instance, toast) {

                            instance.hide({
                                transitionOut: 'fadeOut'
                            }, toast, 'button');

                        }],
                    ],
                    onClosing: function(instance, toast, closedBy) {},
                    onClosed: function(instance, toast, closedBy) {}
                });
            };

            function translateAllTextarea() {
                var inputs = $('textarea[data-translate="true"]').toArray();
                if (inputs.length === 0) {
                    return;
                }
                translateOneByOne(inputs);
            }

            $(document).ready(function() {
                var selectedTranslation = $('#selected-language').text();
                var btnText = "{{ __('Translate to') }}" + selectedTranslation;
                $('#translate-btn').text(btnText);
            });
        </script>
    @endpush
@endif