@extends(AdminBaseDashboard::AdminBaseLayout())

@section('title', trans('plugin::plugin.Plugin_title'))

@section('content')
<section id="system-plugin-management">
    <div class="container-fluid breadcrumb-wraper">
        <ul class="breadcrumb">
            <li><a href="{{ route('dashboard')}}" class="active bread-link">
                    <span class="me-1"><i class="fa-solid fa-house"></i></span>{{ __('plugin::plugin.home')}}</a></li>
            <li>{{ __('plugin::plugin.plugin')}}</li>
        </ul>
    </div>
    @if(admin()->can('activate-plugin'))
    <div class="header-wrapper">
        <a href="javascript:void(0)" class="custom-header-button" id="add-new-plugin"
        data-url="{{ route('add-new-plugin') }}"><span class="loading-spinner"><i class="fa-solid fa-spinner"></i></span> {{ __('plugin::plugin.add new')}}</a>
    </div>
    @endif
    <div class="plugin-content-container">
        <div class="wrapper-grid">
            @forelse($plugin as $data)
                @php
                    $plugin_detail = json_decode($data->plugin->plugin)
                @endphp
                <div class="card plugin-card">
                    <div class="card-header">
                        @if(isset($plugin_detail))
                            <img src="{{ asset('/Plugin/'.$plugin_detail->icon)}}" alt="{{ $plugin_detail->icon }}" class="img-fluid">
                        @else
                            <img src="{{ asset('/Images/image-preview.png') }}" alt="" class="img-fluid">
                        @endif
                    </div>
                    <div class="card-body">
                        <h1 class="card-title">{{ $plugin_detail->name }}</h1>
                        <div class="content">
                            @if(isset($plugin_detail->description))
                                <p class="usage">{{ $plugin_detail->description }} </p>
                            @endif
                            <p class="developer"><strong></strong>{{ __('plugin::plugin.by')}} : {{ $plugin_detail->developer }}</p>
                                <p class="version"><strong></strong>{{ __('plugin::plugin.version')}} : {{ $plugin_detail->version }}</p>
                        </div>
                        <div class="action">
                            @if($data->is_activated == 0 || $data->is_activated == null && admin()->can('activate-plugin'))
                                <button class="btn btn-warning activate-plugin-btn" id="activate-plugin-btn" data-url="{{ route('active-plugin',[ 'id' => $data->id]) }}">
                                    <span class="loading-spinner"><i class="fa-solid fa-spinner"></i></span>
                                    {{ __('plugin::plugin.activate')}}</button>
                            @else
                                @if(admin()->can('deactivate-plugin'))
                                    <button class="btn btn-warning deactivate-plugin-btn" id="deactivate-plugin-btn" data-url="{{ route('deactivate-plugin',[ 'id' => $data->id]) }}">
                                        <span class="loading-spinner"><i class="fa-solid fa-spinner"></i></span>
                                        {{ __('plugin::plugin.deactivate')}}</button>
                                @endif
                            @endif
                            @if(admin()->can('remove-plugin'))
                                <button class="btn btn-danger remove-plugin-btn" id="remove-plugin-btn" value="{{ $data->id }}" data-url="{{ route('delete-plugin', ['id' => $data->id]) }}">
                                    <span class="loading-spinner"><i class="fa-solid fa-spinner"></i></span>
                                    <span class="icon me-1"></span> {{ __('plugin::plugin.remove')}}</button>
                            @endif
                        </div>
                    </div>
                </div>
            @empty
                <div class="no-content-wrapper">
                    <div class="img-wrapper">
                        <img src="{{ asset('/Images/plugin.png') }}" alt="plugin" class="img-fluid">
                        <p class="text">{{ __('plugin::plugin.No_content_text')}}</p>
                    </div>
                </div>
            @endforelse
        </div>
    </div>
</section>
@endsection