@extends ('site::public.layout')
@section('content')

<main id="main">

    <!-- ======= Breadcrumbs Section ======= -->
    <section class="breadcrumbs">
        <div class="container">
  
          <div class="d-flex justify-content-between align-items-center">
            <h2>{!! $project['name'] !!}</h2>
            <ol>
              <li><a href="{{ URL('') }}">Home</a></li>
              <li><a href="{{ URL('').'#recentproject' }}">Project</a></li>
              <li>{!! $project['name'] !!}</li>
            </ol>
          </div>
  
        </div>
      </section><!-- Breadcrumbs Section -->
  
      <!-- ======= Portfolio Details Section ======= -->
      <section id="portfolio-details" class="portfolio-details">
        <div class="container" data-aos="fade-up">
  
          <div class="row gy-4">
  
            <div class="col-lg-8">
              <div class="portfolio-details-slider swiper">
                <div class="swiper-wrapper align-items-center">
                  @foreach ($project['images'] as $key=>$img)
                    <div class="swiper-slide">
                      <img src="{{ ENV('IMG_URL').$img }}" alt="{!! $project['name'].'-'.$key !!}">
                    </div>
                  @endforeach
  
                </div>
                <div class="swiper-pagination"></div>
              </div>
            </div>
  
            <div class="col-lg-4">
              <div class="portfolio-info">
                <h3>Project information</h3>
                <ul>
                  <li><strong>Category</strong>: {!! $project['category'] !!}</li>
                  <li><strong>Project status</strong>: {!! $project['status'] !!}</li>
                  <li><strong>Client</strong>: <br />{!! $project['client'] !!}</li>
                  {{-- <li><strong>Project URL</strong>: <a href="#">www.example.com</a></li> --}}
                </ul>
              </div>
              @if($project['description']!='')
                <div class="portfolio-description">
                  {{-- <h2>This is an example of portfolio detail</h2> --}}
                  {!! $project['description'] !!}
                </div>
              @endif
            </div>
  
          </div>
  
        </div>
      </section><!-- End Portfolio Details Section -->

</main><!-- End #main -->

@stop