<section class="tools-list-area">
    <div class="container">
        <div class="row row-cols-xl-3 g-5">
            @if (toolsSetting('convert') == 1)
                <div class="col-md-6">
                    <a href="{{ LaravelLocalization::localizeUrl(pageSlug('tools', true) . pageSlug('tools_convert', true)) }}">
                        <div class="tools-card card user-select-none h-100">
                            <div class="card-body d-flex flex-column">
                                <div class="d-flex gap-3 align-items-center mb-3">
                                    <div>
                                        <div class="tools-card-icon d-flex">
                                            <i class="fa-solid fa-photo-film fa-fw fa-lg m-auto"></i>
                                        </div>
                                    </div>
                                    <div class="d-flex flex-column my-auto">
                                        <h2 class="tools-card-title my-auto">{{ __('lang.convert') }}</h2>
                                        <p class="tools-card-subtitle m-0">{{ __('lang.tools_convert_text') }}</p>
                                    </div>
                                </div>
                                <p class="tools-card-text">{{ __('lang.tools_convert_description') }}</p>
                                <div class="mt-auto">
                                    <p class="tools-card-info m-0">
                                        <span>{{ __('lang.status') }}:</span>
                                        <span>{{ __('lang.active') }}<i class="fa-solid fa-circle fa-fw fa-2xs fa-fade ms-1"></i></span>
                                    </p>
                                    <p class="tools-card-info m-0">
                                        <span>{{ __('lang.total_processes') }}:</span>
                                        <span>{{ $count['convert'] }}</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            @endif
            @if (toolsSetting('compress') == 1)
                <div class="col-md-6">
                    <a href="{{ LaravelLocalization::localizeUrl(pageSlug('tools', true) . pageSlug('tools_compress', true)) }}">
                        <div class="tools-card card user-select-none h-100">
                            <div class="card-body d-flex flex-column">
                                <div class="d-flex gap-3 align-items-center mb-3">
                                    <div>
                                        <div class="tools-card-icon d-flex">
                                            <i class="fa-solid fa-down-left-and-up-right-to-center fa-fw fa-lg m-auto"></i>
                                        </div>
                                    </div>
                                    <div class="d-flex flex-column my-auto">
                                        <h2 class="tools-card-title my-auto">{{ __('lang.compress') }}</h2>
                                        <p class="tools-card-subtitle m-0">{{ __('lang.tools_compress_text') }}</p>
                                    </div>
                                </div>
                                <p class="tools-card-text">{{ __('lang.tools_compress_description') }}</p>
                                <div class="mt-auto">
                                    <p class="tools-card-info m-0">
                                        <span>{{ __('lang.status') }}:</span>
                                        <span>{{ __('lang.active') }}<i class="fa-solid fa-circle fa-fw fa-2xs fa-fade ms-1"></i></span>
                                    </p>
                                    <p class="tools-card-info m-0">
                                        <span>{{ __('lang.total_processes') }}:</span>
                                        <span>{{ $count['compress'] }}</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            @endif
            @if (toolsSetting('resize') == 1)
                <div class="col-md-6">
                    <a href="{{ LaravelLocalization::localizeUrl(pageSlug('tools', true) . pageSlug('tools_resize', true)) }}">
                        <div class="tools-card card user-select-none h-100">
                            <div class="card-body d-flex flex-column">
                                <div class="d-flex gap-3 align-items-center mb-3">
                                    <div>
                                        <div class="tools-card-icon d-flex">
                                            <i class="fa-solid fa-compress fa-fw fa-lg m-auto"></i>
                                        </div>
                                    </div>
                                    <div class="d-flex flex-column my-auto">
                                        <h2 class="tools-card-title my-auto">{{ __('lang.resize') }}</h2>
                                        <p class="tools-card-subtitle m-0">{{ __('lang.tools_resize_text') }}</p>
                                    </div>
                                </div>
                                <p class="tools-card-text">{{ __('lang.tools_resize_description') }}</p>
                                <div class="mt-auto">
                                    <p class="tools-card-info m-0">
                                        <span>{{ __('lang.status') }}:</span>
                                        <span>{{ __('lang.active') }}<i class="fa-solid fa-circle fa-fw fa-2xs fa-fade ms-1"></i></span>
                                    </p>
                                    <p class="tools-card-info m-0">
                                        <span>{{ __('lang.total_processes') }}:</span>
                                        <span>{{ $count['resize'] }}</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            @endif
            @if (toolsSetting('rotate_reflect') == 1)
                <div class="col-md-6">
                    <a href="{{ LaravelLocalization::localizeUrl(pageSlug('tools', true) . pageSlug('tools_rotate_reflect', true)) }}">
                        <div class="tools-card card user-select-none h-100">
                            <div class="card-body d-flex flex-column">
                                <div class="d-flex gap-3 align-items-center mb-3">
                                    <div>
                                        <div class="tools-card-icon d-flex">
                                            <i class="fa-solid fa-arrows-left-right-to-line fa-fw fa-lg m-auto"></i>
                                        </div>
                                    </div>
                                    <div class="d-flex flex-column my-auto">
                                        <h2 class="tools-card-title my-auto">{{ __('lang.rotate_reflect') }}</h2>
                                        <p class="tools-card-subtitle m-0">{{ __('lang.tools_rotate_text') }}</p>
                                    </div>
                                </div>
                                <p class="tools-card-text">{{ __('lang.tools_rotate_reflect_description') }}</p>
                                <div class="mt-auto">
                                    <p class="tools-card-info m-0">
                                        <span>{{ __('lang.status') }}:</span>
                                        <span>{{ __('lang.active') }}<i class="fa-solid fa-circle fa-fw fa-2xs fa-fade ms-1"></i></span>
                                    </p>
                                    <p class="tools-card-info m-0">
                                        <span>{{ __('lang.total_processes') }}:</span>
                                        <span>{{ $count['rotate_reflect'] }}</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            @endif
            @if (toolsSetting('watermark') == 1)
                <div class="col-md-6">
                    <a href="{{ LaravelLocalization::localizeUrl(pageSlug('tools', true) . pageSlug('tools_watermark', true)) }}">
                        <div class="tools-card card user-select-none h-100">
                            <div class="card-body d-flex flex-column">
                                <div class="d-flex gap-3 align-items-center mb-3">
                                    <div>
                                        <div class="tools-card-icon d-flex">
                                            <i class="fa-solid fa-font fa-fw fa-lg m-auto"></i>
                                        </div>
                                    </div>
                                    <div class="d-flex flex-column my-auto">
                                        <h2 class="tools-card-title my-auto">{{ __('lang.watermark') }}</h2>
                                        <p class="tools-card-subtitle m-0">{{ __('lang.tools_watermark_text') }}</p>
                                    </div>
                                </div>
                                <p class="tools-card-text">{{ __('lang.tools_watermark_description') }}</p>
                                <div class="mt-auto">
                                    <p class="tools-card-info m-0">
                                        <span>{{ __('lang.status') }}:</span>
                                        <span>{{ __('lang.active') }}<i class="fa-solid fa-circle fa-fw fa-2xs fa-fade ms-1"></i></span>
                                    </p>
                                    <p class="tools-card-info m-0">
                                        <span>{{ __('lang.total_processes') }}:</span>
                                        <span>{{ $count['watermark'] }}</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            @endif
            @if (toolsSetting('preferences') == 1)
                <div class="col-md-6">
                    <a href="{{ LaravelLocalization::localizeUrl(pageSlug('tools', true) . pageSlug('tools_preferences', true)) }}">
                        <div class="tools-card card user-select-none h-100">
                            <div class="card-body d-flex flex-column">
                                <div class="d-flex gap-3 align-items-center mb-3">
                                    <div>
                                        <div class="tools-card-icon d-flex">
                                            <i class="fa-solid fa-sliders fa-fw fa-lg m-auto"></i>
                                        </div>
                                    </div>
                                    <div class="d-flex flex-column my-auto">
                                        <h2 class="tools-card-title my-auto">{{ __('lang.preferences') }}</h2>
                                        <p class="tools-card-subtitle m-0">{{ __('lang.tools_preferences_text') }}</p>
                                    </div>
                                </div>
                                <p class="tools-card-text">{{ __('lang.tools_preferences_description') }}</p>
                                <div class="mt-auto">
                                    <p class="tools-card-info m-0">
                                        <span>{{ __('lang.status') }}:</span>
                                        <span>{{ __('lang.active') }}<i class="fa-solid fa-circle fa-fw fa-2xs fa-fade ms-1"></i></span>
                                    </p>
                                    <p class="tools-card-info m-0">
                                        <span>{{ __('lang.total_processes') }}:</span>
                                        <span>{{ $count['preferences'] }}</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            @endif
            @if (toolsSetting('effects') == 1)
                <div class="col-md-6">
                    <a href="{{ LaravelLocalization::localizeUrl(pageSlug('tools', true) . pageSlug('tools_effects', true)) }}">
                        <div class="tools-card card user-select-none h-100">
                            <div class="card-body d-flex flex-column">
                                <div class="d-flex gap-3 align-items-center mb-3">
                                    <div>
                                        <div class="tools-card-icon d-flex">
                                            <i class="fa-solid fa-brush fa-fw fa-lg m-auto"></i>
                                        </div>
                                    </div>
                                    <div class="d-flex flex-column my-auto">
                                        <h2 class="tools-card-title my-auto">{{ __('lang.effects') }}</h2>
                                        <p class="tools-card-subtitle m-0">{{ __('lang.tools_effects_text') }}</p>
                                    </div>
                                </div>
                                <p class="tools-card-text">{{ __('lang.tools_effects_description') }}</p>
                                <div class="mt-auto">
                                    <p class="tools-card-info m-0">
                                        <span>{{ __('lang.status') }}:</span>
                                        <span>{{ __('lang.active') }}<i class="fa-solid fa-circle fa-fw fa-2xs fa-fade ms-1"></i></span>
                                    </p>
                                    <p class="tools-card-info m-0">
                                        <span>{{ __('lang.total_processes') }}:</span>
                                        <span>{{ $count['effects'] }}</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            @endif
            @if (toolsSetting('autoremove') == 1)
                <div class="col-md-6">
                    <a href="{{ LaravelLocalization::localizeUrl(pageSlug('tools', true) . pageSlug('tools_autoremove', true)) }}">
                        <div class="tools-card card user-select-none h-100">
                            <div class="card-body d-flex flex-column">
                                <div class="d-flex gap-3 align-items-center mb-3">
                                    <div>
                                        <div class="tools-card-icon d-flex">
                                            <i class="fa-solid fa-trash-can fa-fw fa-lg m-auto"></i>
                                        </div>
                                    </div>
                                    <div class="d-flex flex-column my-auto">
                                        <h2 class="tools-card-title my-auto">{{ __('lang.autoremove') }}</h2>
                                        <p class="tools-card-subtitle m-0">{{ __('lang.tools_autoremove_text') }}</p>
                                    </div>
                                </div>
                                <p class="tools-card-text">{{ __('lang.tools_autoremove_description') }}</p>
                                <div class="mt-auto">
                                    <p class="tools-card-info m-0">
                                        <span>{{ __('lang.status') }}:</span>
                                        <span>{{ __('lang.active') }}<i class="fa-solid fa-circle fa-fw fa-2xs fa-fade ms-1"></i></span>
                                    </p>
                                    <p class="tools-card-info m-0">
                                        <span>{{ __('lang.total_processes') }}:</span>
                                        <span>{{ $count['autoremove'] }}</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            @endif
            @if (toolsSetting('password') == 1)
                <div class="col-md-6">
                    <a href="{{ LaravelLocalization::localizeUrl(pageSlug('tools', true) . pageSlug('tools_password', true)) }}">
                        <div class="tools-card card user-select-none h-100">
                            <div class="card-body d-flex flex-column">
                                <div class="d-flex gap-3 align-items-center mb-3">
                                    <div>
                                        <div class="tools-card-icon d-flex">
                                            <i class="fa-solid fa-lock fa-fw fa-lg m-auto"></i>
                                        </div>
                                    </div>
                                    <div class="d-flex flex-column my-auto">
                                        <h2 class="tools-card-title my-auto">{{ __('lang.password') }}</h2>
                                        <p class="tools-card-subtitle m-0">{{ __('lang.tools_password_text') }}</p>
                                    </div>
                                </div>
                                <p class="tools-card-text">{{ __('lang.tools_password_description') }}</p>
                                <div class="mt-auto">
                                    <p class="tools-card-info m-0">
                                        <span>{{ __('lang.status') }}:</span>
                                        <span>{{ __('lang.active') }}<i class="fa-solid fa-circle fa-fw fa-2xs fa-fade ms-1"></i></span>
                                    </p>
                                    <p class="tools-card-info m-0">
                                        <span>{{ __('lang.total_processes') }}:</span>
                                        <span>{{ $count['password'] }}</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            @endif
            @if (toolsSetting('exif_cleaner') == 1)
                <div class="col-md-6">
                    <a href="{{ LaravelLocalization::localizeUrl(pageSlug('tools', true) . pageSlug('tools_exif_cleaner', true)) }}">
                        <div class="tools-card card user-select-none h-100">
                            <div class="card-body d-flex flex-column">
                                <div class="d-flex gap-3 align-items-center mb-3">
                                    <div>
                                        <div class="tools-card-icon d-flex">
                                            <i class="fa-solid fa-eraser fa-fw fa-lg m-auto"></i>
                                        </div>
                                    </div>
                                    <div class="d-flex flex-column my-auto">
                                        <h2 class="tools-card-title my-auto">{{ __('lang.exif_cleaner') }}</h2>
                                        <p class="tools-card-subtitle m-0">{{ __('lang.tools_exif_text') }}</p>
                                    </div>
                                </div>
                                <p class="tools-card-text">{{ __('lang.tools_exif_cleaner_description') }}</p>
                                <div class="mt-auto">
                                    <p class="tools-card-info m-0">
                                        <span>{{ __('lang.status') }}:</span>
                                        <span>{{ __('lang.active') }}<i class="fa-solid fa-circle fa-fw fa-2xs fa-fade ms-1"></i></span>
                                    </p>
                                    <p class="tools-card-info m-0">
                                        <span>{{ __('lang.total_processes') }}:</span>
                                        <span>{{ $count['exif_cleaner'] }}</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            @endif
        </div>
    </div>
</section>