@extends('Layouts.web_master')
@section('content')

    <!-- ======= Breadcrumbs ======= -->
<section id="breadcrumbs" class="breadcrumbs">
    <div class="container">
        <ol>
          <li><a href="{{url('/')}}">Home</a></li>
          <li>Portfolio Details</li>
        </ol>
        <h2>Portfolio Details</h2>
    </div>
</section>
    <!-- End Breadcrumbs -->

    <!-- ======= Portfolio Details Section ======= -->
  <section id="portfolio-details" class="portfolio-details">
    <div class="container">
      <div class="row gy-4">
          <div class="col-lg-8">
            <div class="portfolio-details-slider swiper">              
              <div class="swiper-wrapper align-items-center">
                @foreach ($portfolioImage as $item)
                  <div class="swiper-slide">
                    <img src="{{ asset($item->image) }}" alt="">
                  </div> 
                @endforeach  
              </div>          
              <div class="swiper-pagination"></div>
            </div>
         </div>

          <div class="col-lg-4">
            <div class="portfolio-info">
              <h3 style="color:#47b2e4;">Products</h3>
              <ul>
                <li><strong>Category</strong>: {{ $portfolioData->category }}</li>
                <li><strong>Our Client</strong>: {{ $clientsName['name'] }}</li>
                @php
                    $date = date("d M, Y", strtotime($portfolioData->project_date));
                @endphp
                <li><strong>Project date</strong>: {{ $date }}</li>
                <!-- <li><strong>Project URL</strong>: <a href="#">www.example.com</a></li> -->
              </ul>
            </div>
            <div class="portfolio-description">
              <a href="{{ $portfolioData->site_link }}" target="_blank">
                <h2 style="color:#47b2e4;">{{ $portfolioData->title }}</h2>
              </a>
              <p>
                 {!! $portfolioData->details !!}
              </p>              
            </div>
          </div>

      </div>

      </div>
    </section><!-- End Portfolio Details Section -->
  

  @endsection