@extends('Frontend.layouts.app')
@section('content')
    <section class="breadcrumb-section position-relative fix bg-cover"
        style="background-image: url({{ asset('assets/img/apps-bg5.jpg') }});">
        <div class="container">
            <div class="breadcrumb-content">
                <h2 class="text-black fw-semibold text-center heading-font mb-2">
                    {{ $software->name }}
                </h2>
                <ul class="breadcrumb align-items-center justify-content-center flex-wrap gap-3">
                    <li class="text-black">
                        {{ $software->category }}
                    </li>
                </ul>
            </div>
        </div>
    </section>
    <section class="section-padding fix">
        <div class="container">
            <div class="row g-4 align-items-start">
                <div class="col-lg-6">
                    <img src="{{ asset('storage/' . $software->image) }}" alt="{{ $software->name }}"
                        class="w-100 rounded-4">
                </div>
                <div class="col-lg-6">
                    <span class="theme-btn border rounded-pill py-1 px-3 fs-14 theme3-clr mb-3 d-inline-block">
                        {{ $software->category }}
                    </span>
                    <h2 class="text-black fw-semibold mb-3">{{ $software->name }}</h2>
                    <p class="fs-16 text-clr">{{ $software->description }}</p>

                    @if ($software->media->isNotEmpty())
                        <div class="row g-2 mt-3">
                            @foreach ($software->media as $media)
                                <div class="col-4">
                                    <img src="{{ asset('storage/' . $media->path) }}" alt="{{ $software->name }}"
                                        class="w-100 rounded-3 software-gallery-img">
                                </div>
                            @endforeach
                        </div>
                    @endif
                </div>
            </div>
            @if ($software->content)
                <div class="software-content mt-5">
                    {!! \Filament\Forms\Components\RichEditor\RichContentRenderer::make($software->content)->toHtml() !!}
                </div>
            @endif
        </div>
    </section>
@endsection