@extends('frontend.layouts.master')
@section('content')
    <div class="hero-details-img">
        <div class="container">
            <div class="row text-center">
                <div class="col-md-12">
                    <div class="hero-details-content">
                        <h1 class="hero-block-content-title text-white pb-1 m-0">Project Report</h1>
                        <div class="breadcrumb-div">
                            <nav aria-label="breadcrumb" style="--bs-breadcrumb-divider: '>';">
                                <ol class="breadcrumb m-0 d-flex justify-content-center">
                                    <li class="breadcrumb-item"><a href="{{ route('frontend.index') }}"
                                            class="breadcrumb-item-link fs-5">Home</a>
                                    </li>
                                    <li class="breadcrumb-item text-white fs-5" aria-current="page">Project Report</li>
                                </ol>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="main-content section-block pb-5">
        <div class="container">
            <div class="row g-0">
                <div class="col-lg-12">
                    <div class="mb-4">
                        <form action="{{ route('frontend.project-report.index') }}" method="GET" class="d-flex">
                            <input type="text" name="search" class="form-control rounded-0 bg-light me-3"
                                style="min-height: 50px;" placeholder="Search project report by name"
                                value="{{ request('search') }}" />
                            <button type="submit" class="btn btn-primary m-0">Search</button>
                        </form>
                    </div>
                    <div class="row">
                        @foreach ($projects['data'] as $project)
                            @foreach ($project['projectreport'] as $index => $report)
                                @if ($index > 0)
                                @break
                            @endif
                            <div class="col-md-3 mb-md-4 mb-3">
                            <div class="project_card_block">
                                    <div class="card_img">
                                        <img src="https://www.iid.org.in/basepath/{{ $report['thumbnail'] }}"
                                            class="img-fluid" />
                                    </div>
                                    <div class="card_content">
                                        <div class="">
                                            <h2 class="fw-bold mb-1 fs-5">
                                            <a href="#" class="text-dark">
                                                {{ $project['name'] }}
                                             </a>
                                            </h2>
                                            <p class="fw-bold mb-2">
                                                Project Value: {{ $report['project_value'] }}
                                            </p>
                                            <p class="fw-normal">
                                                {{ Str::words($report['short_description'], 25, '...') }}
                                            </p>
                                            <div class="mt-3 d-flex ">
                                                <form id="addToCartForm{{ $report['id'] }}" action="{{ route('frontend.cart.add', ['projectId' => $report['id']]) }}" method="POST">
                                                    @csrf
                                                    <input type="hidden" name="report" value="{{ json_encode($report) }}">
                                                    <button id="addToCartBtn{{ $report['id'] }}" type="submit" class="btn btn-primary px-4 py-2 rounded-0"
                                                        @if (Session::get('success') && Session::get('addedProductId') == $report['id'])
                                                            style="background-color: #2980b9; color: #ffffff; border: 1px solid #2980b9;"
                                                            disabled
                                                        @endif
                                                    >
                                                        @if (Session::get('success') && Session::get('addedProductId') == $report['id'])
                                                            Added
                                                        @else
                                                            Add to Cart
                                                        @endif
                                                    </button>
                                                </form>
                                                <!--<a class="project-buy-btn" href="#">Buy Now</a>-->
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    @endforeach
                </div>
                <div class="mt-4 d-flex justify-content-between align-items-center">
                    @if ($projects['current_page'] > 1)
                        <a href="{{ route('frontend.project-report.index', ['page' => $projects['current_page'] - 1, 'search' => request('search')]) }}"
                            class="btn btn-secondary me-2" style="background-color: #2980b9">Previous</a>
                    @endif
                    <ul class="pagination m-0">
                        @php
                            $start = max(1, min($projects['last_page'] - 9, $projects['current_page'] - 5));
                            $end = min($start + 9, $projects['last_page']);
                        @endphp

                        @for ($i = $start; $i <= $end; $i++)
                            <li class="page-item @if ($i == $projects['current_page']) active @endif">
                                <a href="{{ route('frontend.project-report.index', ['page' => $i, 'search' => request('search')]) }}"
                                    class="page-link"
                                    style="background-color: #ffffff; border-color: #ffffff; color: @if ($i == $projects['current_page']) #2980b9; @else #2980b9; @endif">
                                    {{ $i }}
                                </a>
                            </li>
                        @endfor
                    </ul>
                    @if ($projects['current_page'] < $projects['last_page'])
                        <a href="{{ route('frontend.project-report.index', ['page' => $projects['current_page'] + 1, 'search' => request('search')]) }}"
                            class="btn btn-secondary" style="background-color: #2980b9">Next</a>
                    @endif
                </div>
            </div>
            <!-- <div class="col-lg-4">
                <div class="sidebar what-we-offer ps-md-3">
                    <div class="service-card-block bg-block bg-block_1 w-100 mb-4 rounded-0" style="z-index: 0;">
                        <div class="service-card-block-content ">
                            <a href="{{ route('frontend.customized-project-report.index') }}"
                                class="nav-btn bg-white py-3">Customized Project Report</a>
                        </div>
                    </div>

                    <div class="p-4 enquiry mb-4 bg-light shadow-none border">
                        <h2 class="fw-bold pt-3 pb-3 m-0 fs-4">Enquire Now</h2>
                        <form action="{{ route('enquiry.store') }}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="row">
                                <div class="col-sm-6">
                                    <input type="text" name="name" class="form-control mb-4"
                                        placeholder="Your Name *" required="">
                                </div>
                                <div class="col-sm-6">
                                    <input type="email" name="email" class="form-control mb-4"
                                        placeholder="Your Email *" required="">
                                </div>
                                <div class="col-sm-6">
                                    <input type="text" name="number" class="form-control mb-4"
                                        placeholder="Your Phone *" required="">
                                </div>
                                <div class="col-sm-6">
                                    <input type="text" name="address" class="form-control mb-4"
                                        placeholder="Your Address" required="">
                                </div>
                                <div class="col-sm-12 mb-3">
                                    <select class="form-select form-control" name="loan_type" id="loan_type">
                                        <option value="">Select Loan</option>
                                        <option value="MSME Business Loans">
                                            MSME Business Loans
                                        </option>
                                        <option value="Subsidy & Incentives">Subsidy & Incentives</option>
                                        <option value="Retail Loans">Retail Loans</option>
                                        <option value="Turnkey Projects">Turnkey Projects</option>
                                    </select>
                                </div>
                                <div class="col-sm-12 ">
                                    <textarea name="message" cols="40" rows="4" class="form-control mb-4" placeholder="Message"
                                        required=""></textarea>
                                </div>

                                <div class="send-message">
                                    <button type="submit" class="nav-btn bg-white border-0 p-2">Send Message</button>
                                </div>

                            </div>
                        </form>
                    </div>

                    <ul class="navlist p-0 m-0 d-block">
                        <h3 class="pb-3 fw-bold m-0">Other Sectors</h3>
                        <li class="navlist-inneritem-items d-flex mb-2">
                            <span class="pe-3"><i class="bi bi-check-lg"></i></span>
                            <a class="fw-normal" href="#">Project Report</a>
                        </li>
                        <li class="navlist-inneritem-items d-flex mb-2">
                            <span class="pe-3"><i class="bi bi-check-lg"></i></span>
                            <a class="fw-normal" href="#">Project Report</a>
                        </li>
                        <li class="navlist-inneritem-items d-flex mb-2">
                            <span class="pe-3"><i class="bi bi-check-lg"></i></span>
                            <a class="fw-normal" href="#">Project Report</a>
                        </li>
                    </ul>

                </div>
            </div> -->

        </div>
    </div>
    {{-- <div class="mt-4">
        {{ $page['links'] }}
    </div> --}}
</div>


@endsection