@extends('layouts/contentLayoutMaster')

@section('title', __('locale.menu.Plugins'))

@section('page-style')
    <link rel="stylesheet" href="{{ asset(mix('css/base/pages/app-ecommerce.css')) }}">
    <link rel="stylesheet" href="{{ asset(mix('vendors/css/extensions/sweetalert2.min.css')) }}">
@endsection

@section('content')
    <!-- Wishlist Starts -->
    <section id="wishlist" class="grid-view wishlist-items">
        @if(count($plugins))
            @foreach($plugins as $plugin)
                <div class="card ecommerce-card">
                    <div class="item-img text-center">
                        <img src="{{ asset('images/backgrounds/usupport.svg') }}"
                             class="img-fluid p-5" alt="{{ $plugin->title }}" />

                    </div>
                    <div class="card-body">
                        <div class="item-wrapper d-flex justify-content-between align-items-center">
                    <span class="badge bg-{{ $plugin->status === 'active' ? 'success' : 'danger' }}">
                        {{ trans('locale.labels.' . $plugin->status) }}
                    </span>
                            <div class="item-cost">
                                <h6 class="item-price">v.{{ $plugin->version }}</h6>
                            </div>
                        </div>
                        <div class="item-name">
                            <a href="javascript:void(0);">
                                {{ $plugin->title }}
                            </a>
                        </div>
                        <p class="card-text item-description">{{ $plugin->description }}</p>
                    </div>
                    <div class="item-options text-center">


                        <a href="{{ route('admin.plugins.install') }}" class="btn btn-info btn-sm btn-wishlist">
                            <i data-feather="upload"></i> {{ __('locale.buttons.update') }}
                        </a>

                        @if($plugin->status === 'active')
                            <button type="button" class="btn btn-warning btn-sm btn-wishlist plugin-action"
                                    data-url="{{ route('admin.plugins.action', [$plugin->uid, 'disable']) }}"
                                    data-method="POST"
                                    data-title="{{ __('locale.plugins.disable_plugin') }}"
                                    data-text="{{ __('locale.plugins.disable_plugin_description') }}">
                                <i data-feather="x"></i> {{ __('locale.labels.disable') }}
                            </button>
                        @else
                            <button type="button" class="btn btn-primary btn-sm btn-wishlist plugin-action"
                                    data-url="{{ route('admin.plugins.action', [$plugin->uid, 'enable']) }}"
                                    data-method="POST"
                                    data-title="{{ __('locale.plugins.enable_plugin') }}"
                                    data-text="{{ __('locale.plugins.enable_plugin_description') }}">
                                <i data-feather="check"></i> {{ __('locale.labels.enable') }}
                            </button>
                        @endif

                        <button type="button" class="btn btn-danger btn-sm btn-wishlist plugin-action"
                                data-url="{{ route('admin.plugins.action', [$plugin->uid, 'uninstall']) }}"
                                data-method="POST"
                                data-title="{{ __('locale.plugins.uninstall_plugin') }}"
                                data-text="{{ __('locale.plugins.uninstall_plugin_description') }}">
                            <i data-feather="trash-2"></i> {{ __('locale.labels.uninstall') }}
                        </button>
                    </div>
                </div>
            @endforeach

        @else
            <div class="card ecommerce-card">
                <div class="item-img text-center">
                    <img src="{{ asset('images/backgrounds/usupport.svg') }}"
                         class="img-fluid p-5" alt="uSupport - Support Ticket Plugin for Ultimate SMS" />

                </div>
                <div class="card-body">
                    <div class="item-wrapper d-flex justify-content-between align-items-center">
                    <span class="badge bg-info">
                        {{ trans('locale.labels.pro') }}
                    </span>
                        <div class="item-cost">
                            <h6 class="item-price text-info">$29</h6>
                        </div>
                    </div>
                    <div class="item-name">
                        <a href="javascript:void(0);">
                            uSupport - Support Ticket Plugin for Ultimate SMS
                        </a>
                    </div>
                    <p class="card-text item-description">uSupport is a support ticket plugin for Ultimate SMS.</p>
                </div>
                <div class="item-options text-center">

                    <a href="{{ route('admin.plugins.install') }}" class="btn btn-primary btn-sm btn-wishlist">
                        <i data-feather="plus-square"></i> {{ __('locale.menu.Add Plugin') }}
                    </a>


                    <a class="btn btn-success btn-sm btn-wishlist"
                       href="https://codecanyon.net/item/usupport-support-ticket-plugin-for-ultimate-sms/59721091" target="_blank">
                        <i data-feather="shopping-cart"></i> {{ __('locale.labels.purchase') }}
                    </a>
                </div>
            </div>
        @endif
    </section>
    <!-- Wishlist Ends -->
@endsection



@section('vendor-script')
    {{-- vendor files --}}
    <script src="{{ asset(mix('vendors/js/extensions/sweetalert2.all.min.js')) }}"></script>
@endsection

@section('page-script')
    <script>
      $(document).ready(function () {
        $(".plugin-action").on("click", function () {
          let button = $(this);
          let url = button.data("url");
          let title = button.data("title");
          let text = button.data("text");
          let method = button.data("method");

          // If uninstall, show two options
          if (url.includes("uninstall")) {
            Swal.fire({
              title: title,
              text: text,
              icon: "warning",
              showCancelButton: true,
              showDenyButton: true,
              confirmButtonText: "{{ __('locale.labels.uninstall') }}", // Remove Data
              denyButtonText: "{{ __('locale.plugins.keep_data') }}",     // Keep Data
              cancelButtonText: "{{ __('locale.buttons.cancel') }}",
              customClass: {
                confirmButton: "btn btn-danger",
                denyButton: "btn btn-warning ms-1",
                cancelButton: "btn btn-outline-secondary ms-1"
              },
              buttonsStyling: false
            }).then((result) => {
              if (result.isConfirmed || result.isDenied) {
                let form = $("<form>", {
                  method: method,
                  action: url
                });

                let token = $("<input>", {
                  type: "hidden",
                  name: "_token",
                  value: '{{ csrf_token() }}'
                });

                // Pass extra flag to backend
                let option = $("<input>", {
                  type: "hidden",
                  name: "uninstall_option",
                  value: result.isConfirmed ? "remove" : "keep"
                });

                form.append(token, option);
                $("body").append(form);
                form.submit();
              }
            });
          } else {
            // Default behavior for enable/disable
            Swal.fire({
              title: title,
              text: text,
              icon: "warning",
              showCancelButton: true,
              confirmButtonText: "{{ __('locale.labels.yes') }}, {{ __('locale.buttons.proceed') }}",
              cancelButtonText: "{{ __('locale.buttons.cancel') }}",
              customClass: {
                confirmButton: "btn btn-primary",
                cancelButton: "btn btn-outline-secondary ms-1"
              },
              buttonsStyling: false
            }).then((result) => {
              if (result.value) {
                let form = $("<form>", {
                  method: method,
                  action: url
                });

                let token = $("<input>", {
                  type: "hidden",
                  name: "_token",
                  value: '{{ csrf_token() }}'
                });

                form.append(token);
                $("body").append(form);
                form.submit();
              }
            });
          }
        });
      });
    </script>

@endsection