@extends('layouts.frontend.master')
@section('title') {{ $menu->transtitle }} @endsection
@section('keyword') {{ $menu->transkeywords }} @endsection
@section('description') {{ $menu->transdescription  }} @endsection
@section('content')
    <!-- start breadcrumb area -->
    <div class="rts-breadcrumb-area breadcrumb-bg bg_image">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12 breadcrumb-1">
                    <h1 class="title" data-sal-delay="150" data-sal="slide-up" data-sal-duration="800">@lang('frontend.our_projects')</h1>
                </div>
                <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
                    <div class="bread-tag">
                        <a href="{{route('frontend.home')}}" data-sal-delay="250" data-sal="slide-up" data-sal-duration="800">@lang('frontend.home')</a>
                        <span> / </span>
                        <a  class="active" data-sal-delay="450" data-sal="slide-up" data-sal-duration="800">@lang('frontend.our_projects')</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- end breadcrumb area -->
    <!--portfolio-area start-->
    <section class="portfolio-area style-4 pt--120 pb--120 pt_xs--60 pt_xs--60">
        <div class="container">
            <div class="row">
                @foreach($projects as $project)
                    <div class="col-lg-4 col-md-6 col-sm-12">
                        <div class="item">
                            <div class="portfolio-wrapper">
                                <div class="img-fluid">
                                    <img src="{{ $project->getFirstMediaUrl('project_images') }}" alt="{{ $project->title }}">
                                </div>
                                <div class="single-portfolio">
                                    <h4 class="portfolio-title text-white">{{ $project->title }}</h4>
                                </div>
                                <a class="pf-btn" href="{{$project->appUrl}}"><i class="fal fa-long-arrow-right"></i></a>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </section>
    <!--portfolio-area end-->
@endsection