@extends('Frontend.layouts.app')
@section('content')
    <section class="breadcrumb-section position-relative fix bg-cover"
        style="background-image: url({{ asset('assets/img/hero/breadcrumb-banner.jpg') }});">
        <div class="container">
            <div class="breadcrumb-content">
                <h2 class="white-clr fw-semibold text-center heading-font mb-2">
                    {{ __('app.softwares') }}
                </h2>
                <ul class="breadcrumb align-items-center justify-content-center flex-wrap gap-3">
                    <li>
                        <a href="{{ route('home') }}">{{ __('app.home') }}</a>
                    </li>
                    <li>
                        <i class="fa-solid fa-angle-right"></i>
                    </li>
                    <li>
                        {{ __('app.softwares') }}
                    </li>
                </ul>
            </div>
        </div>
        <img src="{{ asset('assets/img/home-1/home-shape-start.png') }}" alt="img"
            class="bread-shape-start position-absolute">
        <img src="{{ asset('assets/img/home-1/home-shape-end.png') }}" alt="img"
            class="bread-shape-end position-absolute d-sm-block d-none">
    </section>
    <section class="section-padding fix">
        <div class="container">
            <div class="row g-4">
                @forelse ($softwares as $software)
                    <x-software-card :software="$software" />
                @empty
                    <div class="col-12">
                        <p class="fs-16 text-clr text-center">{{ __('app.no_software_found') }}</p>
                    </div>
                @endforelse
            </div>
        </div>
    </section>
@endsection