@extends('layouts.dashboard')
@section('title', __('Modules'))
@section('page_title', __('Modules'))

@section('content')
    @include('partials.how-it-works', ['key' => 'admin.modules'])

    <p class="text-muted">{{ __('Enable or disable optional feature modules. The core Payment module is always on.') }}</p>

    <div class="row g-3">
        @foreach($modules as $module)
            <div class="col-md-6 col-xl-4">
                <div class="card shadow-sm h-100">
                    <div class="card-body d-flex flex-column">
                        <div class="d-flex justify-content-between align-items-start mb-2">
                            <h6 class="fw-bold mb-0">{{ \App\Support\ModuleRegistry::label($module) }}</h6>
                            @if(!empty($module['core']))
                                <span class="badge bg-secondary">{{ __('Core') }}</span>
                            @else
                                <span class="badge bg-{{ !empty($module['enabled']) ? 'success' : 'light text-dark' }}">{{ !empty($module['enabled']) ? __('Enabled') : __('Disabled') }}</span>
                            @endif
                        </div>
                        <p class="text-muted small flex-grow-1">{{ !empty($module['description']) ? __($module['description']) : '' }}</p>
                        <div class="d-flex justify-content-between align-items-center">
                            <small class="text-muted">v{{ $module['version'] ?? '1.0.0' }}</small>
                            @if(empty($module['core']))
                                <form method="POST" action="{{ route('admin.modules.toggle', $module['alias']) }}">
                                    @csrf @method('PUT')
                                    <input type="hidden" name="enabled" value="{{ !empty($module['enabled']) ? 0 : 1 }}">
                                    <button class="btn btn-sm btn-{{ !empty($module['enabled']) ? 'outline-danger' : 'primary' }}">
                                        {{ !empty($module['enabled']) ? __('Disable') : __('Enable') }}
                                    </button>
                                </form>
                            @else
                                <span class="form-check form-switch m-0"><input class="form-check-input" type="checkbox" checked disabled></span>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        @endforeach
    </div>
@endsection