@extends('layouts.frontend.master')
@section('title') {{ $project->transtitle }} @endsection
@section('keyword') {{ $project->transkeywords }} @endsection
@section('description') {{ $project->transdescription  }} @endsection
@section('content')
@include('frontend.includes.breadcrumbs',['title'=> $project->transname])
    <!-- project details image area -->
    <div class="rts-project-details-area rts-section-gap">
        <div class="container">
            <div class="row">
                <div class="col-12" data-sal-delay="150" data-sal="slide-up" data-sal-duration="800">
                    <div class="big-bg-porduct-details">
                        <img src="{{ $project->getFirstMediaUrl('project_images','thumb-large') }}" alt="{{ $project->transname }}">
                        <div class="project-info" data-sal-delay="250" data-sal="slide-up" data-sal-duration="800">

                        </div>
                    </div>
                </div>
            </div>
            <div class="row mt--70 mb--50">
                <div class="col-12">
                    <div class="product-details-main-inner">
                        {!! $project->transtext !!}
                    </div>
                </div>
            </div>
            <div class="row g-5 mb--60">
                @foreach($project->getMedia('project_images') as $image)
                    @continue($image->custom_properties)
                    <div class="col-lg-4" data-sal-delay="150" data-sal="slide-up" data-sal-duration="800">
                        <div class="thumbnail">
                                <img src="{{ $image->getUrl()  }}" alt="{{$project->transname }}" style="margin: 0; max-width: none; width: 100%;">
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
@endsection