@extends('layouts.app')

@section('title', 'Professional Membership | AICDS')

@section('content')

<x-breadcrumb title="Professional Membership" :breadcrumbs="['Membership' => route('membership.index'), 'Professional' => route('membership.professional')]" />

<div class="sp_top_100 sp_bottom_100">
    <div class="container">
        <div class="row text-center mb-5" data-aos="fade-up">
            <div class="col-xl-8 offset-xl-2">
                <span class="badge bg-success text-white text-uppercase px-3 py-2 fw-semibold mb-3">For Faculty, Researchers &amp; Engineers</span>
                <h2 class="fw-bold">Professional Membership Plans</h2>
                <p class="text-muted">Designed for professors, academic researchers, data architects, and software engineers seeking academic standing, technical chair opportunities, and conference publication rights.</p>
            </div>
        </div>

        <div class="row g-4 mb-5">
            @foreach($plans as $plan)
                <div class="col-lg-4 col-md-6" data-aos="fade-up">
                    <div class="card h-100 p-4 border rounded-4 shadow-sm d-flex flex-column justify-content-between {{ $plan->slug === 'professional-lifetime' ? 'border-primary border-2 bg-light' : '' }}">
                        <div>
                            @if($plan->slug === 'professional-lifetime')
                                <div class="badge bg-primary text-white text-uppercase px-3 py-1 mb-3">Senior Member / Lifetime</div>
                            @else
                                <div class="badge bg-secondary text-white text-uppercase px-3 py-1 mb-3">{{ $plan->duration_years }} Year Plan</div>
                            @endif

                            <h3 class="fw-bold mb-2">{{ $plan->name }}</h3>
                            <p class="text-muted small mb-4">{{ $plan->description }}</p>

                            <div class="mb-4">
                                <span class="display-6 fw-bold text-dark">₹{{ number_format($plan->fee, 0) }}</span>
                                <span class="text-muted small">+ 18% GST</span>
                                <div class="text-muted small">Total: ₹{{ number_format($plan->total_fee, 2) }}</div>
                            </div>

                            <div class="border-top pt-3 mb-4">
                                <div class="fw-semibold small text-muted text-uppercase mb-2">Member Privileges:</div>
                                <ul class="list-unstyled mb-0">
                                    @if(is_array($plan->benefits))
                                        @foreach($plan->benefits as $benefit)
                                            <li class="d-flex align-items-start mb-2 small">
                                                <i class="icofont-check-circled text-success me-2 mt-1"></i>
                                                <span>{{ $benefit }}</span>
                                            </li>
                                        @endforeach
                                    @endif
                                </ul>
                            </div>
                        </div>

                        <div class="pt-3 border-top text-center">
                            <a href="{{ route('membership.apply', ['plan' => $plan->id]) }}" class="default__button w-100">
                                Select {{ $plan->name }}
                            </a>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>

        <div class="row pt-4 border-top">
            <div class="col-lg-12">
                <div class="p-4 p-md-5 bg-white rounded-4 border shadow-sm">
                    <h4 class="fw-bold mb-3"><i class="icofont-certificate text-primary me-2"></i> Professional Standing &amp; Eligibility</h4>
                    <p class="text-muted mb-4">Professional membership is open to faculty members of degree colleges, polytechnics, and universities, as well as working technology engineers, data scientists, and scientific researchers holding an accredited bachelor's or master's degree in engineering, science, or technology.</p>

                    <div class="row g-3">
                        <div class="col-md-4">
                            <div class="p-3 bg-light rounded-3">
                                <h6 class="fw-bold mb-1"><i class="icofont-presentation me-1 text-primary"></i> Conference Chairing</h6>
                                <p class="small text-muted mb-0">Priority consideration to serve as track chairs and session moderators.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="p-3 bg-light rounded-3">
                                <h6 class="fw-bold mb-1"><i class="icofont-book-alt me-1 text-primary"></i> Editorial &amp; Peer Review</h6>
                                <p class="small text-muted mb-0">Eligible to serve on the AICDS review panel for submitted symposium papers.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="p-3 bg-light rounded-3">
                                <h6 class="fw-bold mb-1"><i class="icofont-network me-1 text-primary"></i> Faculty Coordinator</h6>
                                <p class="small text-muted mb-0">Eligible to lead an accredited AICDS Collegiate Student Chapter.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection