@extends('admin.layouts.app')

@push('admin_css')
    <link href="{{ asset('dashboard/assets/css/tags-input.min.css') }}" rel="stylesheet">
@endpush

@if ($method == 'PUT')
    @section('title', \App\Helpers\TranslationHelper::translate('Edit productZahraaAlkhair'))
@else
    @section('title', \App\Helpers\TranslationHelper::translate('Add productZahraaAlkhair'))
@endif

@section('crumb')
    <x-bread-crumb :breadcrumbs="[
        ['text' => \App\Helpers\TranslationHelper::translate('productZahraaAlkhair'), 'link' => route('admin.productZahraaAlkhair.index')],
        ['text' => __('methods.' . getLastKeyRoute(request()->route()->getName()))],
    ]" :button="[
        'text' => \App\Helpers\TranslationHelper::translate('Go to Product'),
        'link' => route('admin.productZahraaAlkhair.index'),
    ]">
    </x-bread-crumb>
@endsection

@section('content')

    <div class="content d-flex flex-column flex-column-fluid" id="kt_content">
        <div class="post d-flex flex-column-fluid" id="kt_post">
            <div id="kt_content_container" class="container-xxl">
                <div class="card">
                    <div class="card-header border-0 pt-6">

                        <div class="card-body pt-0">
                            <form action="{{ $action }}" method="POST" enctype="multipart/form-data">
                                @csrf
                                @if ($method == 'PUT')
                                    @method('PUT')
                                    <input type="hidden" name="id" value="{{ $productZahraaAlkhair->id }}">
                                @endif
                                <div class="fv-row mb-10">
                                    <div class="row">

                                        @foreach (Config('language') as $key => $lang)
                                            <div class="col-6 mb-5">
                                                <label class="fs-5 fw-bold form-label mb-5">
                                                    {{ \App\Helpers\TranslationHelper::translate('Name in') }}
                                                    {{ __('methods.' . $lang) }}
                                                    :
                                                </label>
                                                <input type="text" class="form-control form-control-solid"
                                                    value="{{ old('name.' . $key) ?? $productZahraaAlkhair->getTranslation('name', $key) }}"
                                                    placeholder="{{ \App\Helpers\TranslationHelper::translate('Name in') }} {{ __('methods.' . $lang) }}"
                                                    name="name[{{ $key }}]" />
                                                @error('name.' . $key)
                                                    <span class="text-danger" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                        @endforeach


                                        @foreach (Config('language') as $key => $lang)
                                            <div class="col-12 mb-5">
                                                <label class="fs-5 fw-bold form-label mb-5">
                                                    {{ \App\Helpers\TranslationHelper::translate('Description in') }}
                                                    {{ __('methods.' . $lang) }}
                                                </label>
                                                <textarea class="form-control form-control-solid full-editor" name="description[{{ $key }}]" rows="5"
                                                    id="description{{ $key }}" style="height: 300px; direction: rtl;">{{ old('description.' . $key) ?? $productZahraaAlkhair->getTranslation('description', $key) }}</textarea>
                                                @error('description.' . $key)
                                                    <span class="text-danger" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                        @endforeach


                                        <div class="col-6  mb-5">
                                            <label
                                                class="fs-5 fw-bold form-label mb-5">{{ \App\Helpers\TranslationHelper::translate('Image') }}
                                                : <span class="text-danger">
                                                    {{ \App\Helpers\TranslationHelper::translate('Size') }} <span
                                                        dir="ltr">400 x 400</span></span></label>
                                            <input type="file" class="form-control form-control-solid" name="image" />
                                            @error('image')
                                                <span class="text-danger" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                            @if ($productZahraaAlkhair->getFirstMediaUrl('product_zahraa_alkhair') != null)
                                                <img src="{{ $productZahraaAlkhair->getFirstMediaUrl('product_zahraa_alkhair') }}" alt="product_zahraa_alkhair"
                                                    width="100px" style="border-radius: 5px">
                                            @endif
                                        </div>

                                    </div>
                                </div>
                                <div class="text-center">
                                    <button type="submit" class="btn btn-primary mb-5">
                                        <span
                                            class="indicator-label">{{ \App\Helpers\TranslationHelper::translate('Save') }}</span>
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection
@push('admin_js')
    <script src="{{ asset('dashboard/assets/js/tags-input.min.js') }}"></script>

    <script src="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/js/select2.min.js"></script>


    <script>
        $(document).ready(function() {
            console.log("Document is ready");
            $('#productZahraaAlkhaircategory_id').select2({
                placeholder: "{{ \App\Helpers\TranslationHelper::translate('Choose Category') }}",
                allowClear: true
            });
        });
    </script>


    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const deleteButtons = document.querySelectorAll('.delete-image-btn');

            deleteButtons.forEach(button => {
                button.addEventListener('click', function(e) {
                    e.preventDefault(); // منع إعادة تحميل الصفحة

                    const url = this.dataset.url;

                    // إظهار نافذة التأكيد
                    Swal.fire({
                        title: '{{ \App\Helpers\TranslationHelper::translate('Are you sure?') }}',
                        text: '{{ \App\Helpers\TranslationHelper::translate('This action cannot be undone.') }}',
                        icon: 'warning',
                        showCancelButton: true,
                        confirmButtonColor: '#d33',
                        cancelButtonColor: '#3085d6',
                        confirmButtonText: '{{ \App\Helpers\TranslationHelper::translate('Yes, delete it!') }}',
                        cancelButtonText: '{{ \App\Helpers\TranslationHelper::translate('Cancel') }}'
                    }).then((result) => {
                        if (result.isConfirmed) {
                            // تنفيذ طلب الحذف باستخدام fetch API
                            fetch(url, {
                                method: 'DELETE',
                                headers: {
                                    'X-CSRF-TOKEN': document.querySelector(
                                        'meta[name="csrf-token"]').getAttribute(
                                        'content'),
                                    'Accept': 'application/json'
                                }
                            }).then(response => {
                                if (response.ok) {
                                    // إظهار رسالة نجاح
                                    Swal.fire(
                                        '{{ \App\Helpers\TranslationHelper::translate('Deleted!') }}',
                                        '{{ \App\Helpers\TranslationHelper::translate('Your image has been deleted.') }}',
                                        'success'
                                    ).then(() => {
                                        location
                                            .reload(); // تحديث الصفحة بعد الحذف
                                    });
                                } else {
                                    Swal.fire(
                                        '{{ \App\Helpers\TranslationHelper::translate('Error!') }}',
                                        '{{ \App\Helpers\TranslationHelper::translate('Unable to delete the image.') }}',
                                        'error'
                                    );
                                }
                            }).catch(error => {
                                Swal.fire(
                                    '{{ \App\Helpers\TranslationHelper::translate('Error!') }}',
                                    '{{ \App\Helpers\TranslationHelper::translate('Something went wrong.') }}',
                                    'error'
                                );
                            });
                        }
                    });
                });
            });
        });
    </script>
@endpush