@extends('layout.main')

@push('title')
    <title>Our Portfolio- SSP Softpro India</title>
    <meta name="description" content="Unlock the Power of Digital Transformation with us. Discover the expertise of SSP Softpro India.">
    <meta name="author" content="SSP SoftPro India Pvt Ltd">
	<meta name="robots" content="index, follow" />
	<meta name="distribution" content="global" />
    <meta name="coverage" content="india" />
    <meta name="object" content="document"/>
    <meta name="audience" content="All" />
    <meta name="revisit-after" content="1 day"/>
    <meta name="language" content="en"/>
    <meta name="rating" content="general"/>
    <meta name="copyright" content="© 2023 All Rights Reserved by SSP SoftPro India Pvt Ltd."/>
	
	<!--canonical tag-->
	<link rel="canonical" href="https://www.sspsoftproindia.com/portfolio"/>
	
	  <!--Additional OG:Meta-->
    <meta property="og:type" content="Website"/>
    <meta property="og:title" content="Our Portfolio - SSP Softpro India"/>
    <meta property="og:description" content=""/>
    <meta property="og:site_name" content="SSP SoftPro India Pvt Ltd"/>
    <meta property="og:url" content="https://www.sspsoftproindia.com/portfolio"/>
    <meta property="og:image" content="https://www.sspsoftproindia.com/public/images/white-logo.png"/>
    
    
    <script type="application/ld+json">
{
  "@context": "https://schema.org/", 
  "@type": "BreadcrumbList", 
  "itemListElement": [{
    "@type": "ListItem", 
    "position": 1, 
    "name": "Home",
    "item": "https://www.sspsoftproindia.com/"  
  },{
    "@type": "ListItem", 
    "position": 2, 
    "name": "Our Portfolio",
    "item": "https://www.sspsoftproindia.com/portfolio"  
  }]
}
</script>
    
@endpush

@push('nav-bg')
    <header class="header-pr nav-bg-w main-header navfix fixed-top menu-white">
@endpush

@section('main-section')
    <!--Breadcrumb Area-->
    <section class="breadcrumb-area banner-1" data-background="images/banner/9.jpg">
        <div class="text-block">
        <div class="container">
            <div class="row">
            <div class="col-lg-12 v-center">
                <div class="bread-inner">
                <div class="bread-menu">
                    <ul>
                        <li><a href="{{ url('/')}}">Home</a></li>
                        <li><a href="{{ url('/website-portfolio')}}">SEO Portfolio</a></li>
                    </ul>
                </div>
                <div class="bread-title">
                    <h1>SEO Portfolio</h1>
                </div>
                </div>
            </div>
            </div>
        </div>
        </div>
    </section>
    <!--End Breadcrumb Area-->
    <section class="portfolio-page pad-tb">
        <div class="container">
            <div class="row justify-content-left">
                <div class="col-lg-4">
                    <div class="common-heading pp">
                        <span>Our Work</span>
                        <h2>SEO</h2>
                    </div>
                </div>
                <div class="col-lg-8 v-center">
                    <div class="filters">
                        <ul class="filter-menu">
                            <li><a href="{{ url('/website-portfolio')}}">Website</a></li>
                            <li><a class="is-checked" href="{{ url('/seo-portfolio')}}">SEO</a></li>
                            <li><a href="{{ url('/local-seo-portfolio')}}">Local SEO</a></li>
                            <li><a href="{{ url('/social-media-portfolio')}}">Social Media</a></li>
                            <!--<li><a href="{{ url('/google-ads-portfolio')}}">Google Ads</a></li>-->
                        </ul>
                    </div>
                </div>
            </div>
            
            <div class="row pt-5">
                @foreach($portfolio as $row)
                @if(in_array('SEO', $row->work))
                    @if($loop->iteration % 2 == 1)
                    <div class="col-lg-6 nxpb-1">
                        <div class="niwaxpricingbox shadow">
                            <div class="row pricingheader">
                                <div class="col-7">
                                    <h4>{{$row->name}}</h4>
                                    <!--<p>{{$row['category']}}</p>-->
                                </div>
                                <div class="col-5">
                                    <img style="width: 100px" src="{{ asset('public/storage/'.$row->logo) }}">
                                </div>
                            </div>
                            <div class="pricingoffers">
                                <ul class="list-ul ul-check">
                                    <li class="row">
                                        <span class="col-1 text-bold">S. no.</span>
                                        <span class="col-7 text-bold">Keyword</span>
                                        <span class="col-4 text-bold">Ranking</span>
                                    </li>
                                    @foreach($row->keywords as $subRow)
                                    <li class="row">
                                        <span class="col-1">{{$loop->iteration}}.</span>
                                        <span class="col-7">{{$subRow->keyword}}</span>
                                        <span class="col-4">{{$subRow->rank}}</span>
                                    </li>
                                    @endforeach
                                </ul>
                            </div>
                            <div class="priceodernow pb-4">
                                <div class="priceoderbtn"><a href="{{$row->website}}" target="_blank" rel="noreferrer noopener" class="niwax-btn3">Website Link</a></div>
                            </div>
                        </div>
                    </div>
                    @else
                    <div class="col-lg-6 nxpb-2">
                        <div class="niwaxpricingbox shadow reco">
                            <div class="row pricingheader">
                                <div class="col-7">
                                    <h4>{{$row->name}}</h4>
                                    <!--<p>{{$row['category']}}</p>-->
                                </div>
                                <div class="col-5">
                                    <img style="width: 100px" src="{{ asset('public/storage/'.$row->logo) }}">
                                </div>
                            </div>
                            <div class="pricingoffers">
                                <ul class="list-ul ul-check">
                                    <li class="row">
                                        <span class="col-1 text-bold">S. no.</span>
                                        <span class="col-7 text-bold">Keyword</span>
                                        <span class="col-4 text-bold">Ranking</span>
                                    </li>
                                    @foreach($row->keywords as $subRow)
                                    <li class="row">
                                        <span class="col-1">{{$loop->iteration}}.</span>
                                        <span class="col-7">{{$subRow->keyword}}</span>
                                        <span class="col-4">{{$subRow->rank}}</span>
                                    </li>
                                    @endforeach
                                </ul>
                            </div>
                            <div class="priceodernow pb-4">
                                <div class="priceoderbtn"><a href="{{$row->website}}" target="_blank" rel="noreferrer noopener" class="niwax-btn3">Website Link</a></div>
                            </div>
                        </div>
                    </div>
                    @endif
                @endif
                @endforeach
            </div>
        </div>
    </section>
@endsection