@extends('layouts.webpage.main_two')

@section('page-title', 'Projects')

@section('content')

  <section class="hero-section about-ban"  style="background-image: url('{{asset('uploads/projects_banner.png')}}')">
        <div class="hero-content about-inner">
            <h6 class="about-title "><img src="{{asset('assets/img/prod-banner.svg')}}"> Projects</h6>
            <h1 class=" fw-bold service-title">Projects</h1>
            <!-- <a href="#" class="btn main-butn mt-4">View Projects</a> -->
        </div>
    </section>

<div data-aos="fade-up">
    <section class="projects-section text-center py-5">
        <div class="container">

            <!-- Section Title -->
            <div class="mb-4 glo-pro">
                <h2 class="main-title">Global Landmarks by Meking India</h2>
                <p class="main-para">Showcasing Meking’s Excellence in Steel Structure Solutions, Worldwide.</p>
            </div>

            <!-- Dynamic Project Cards -->
            <div class="row g-4">
                @forelse ($projects as $project)
                    <div class="col-lg-4 col-md-6">
                        <div class="card shadow-sm position-relative h-100">

                            @if(!empty($project->location))
                                <div class="location-badge">
                                    <i class="bi bi-geo-alt-fill"></i> {{ $project->location }}
                                </div>
                            @endif

                            <img src="{{ asset('uploads/projects/featured/' .$project->featured_img) }}"
                                class="card-img-top"
                                alt="{{ $project->title ?? 'Project Image' }}">

                            <div class="card-body text-start">
                                <h5 class="card-title">{{ $project->title }}</h5>
                                <!-- <p class="card-text">{{ $project->short_description }}</p> -->

                                @php
                                    $type = $projectTypes->firstWhere('id', $project->type_id);
                                @endphp
                                @if($type)
                                    <p class="text-muted small mb-2">
                                        <i class="bi bi-folder2-open me-1"></i> {{ $type->name }}
                                    </p>
                                @endif

                                @if($project && $project->id)
                                        <a href="{{ route('p.slug', $project->id) }}" class="discover-link">
                                            <i class="bi bi-arrow-right-circle-fill"></i> DISCOVER MORE
                                        </a>
                                @endif
                            </div>
                        </div>
                    </div>
                @empty
                    <p class="text-muted">No projects found.</p>
                @endforelse
            </div>
        </div>
    </section>
</div>
@endsection