@extends('layouts.app')

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

@section('content')

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

<div class="sp_top_100 sp_bottom_100">
    <div class="container">
        <div class="row align-items-center mb-5">
            <div class="col-lg-7" data-aos="fade-up">
                <span class="badge bg-primary text-white text-uppercase px-3 py-2 fw-semibold mb-3">Empowering Student Innovators</span>
                <h2 class="fw-bold mb-3">Full-Degree Student Membership</h2>
                <p class="text-muted fs-5 mb-4">Invest in your computational engineering future with continuous membership valid throughout your entire collegiate degree programme.</p>
                <div class="d-flex align-items-baseline gap-2 mb-4">
                    <span class="display-5 fw-bold text-primary">₹500</span>
                    <span class="text-muted fs-5">+ 18% GST (Total: ₹590)</span>
                </div>
                <div class="d-flex flex-wrap gap-3">
                    <a href="{{ route('membership.apply', ['plan' => $plan->id]) }}" class="default__button">Apply for Student Membership</a>
                    <a href="{{ route('student-chapter.index') }}" class="default__button default__button--2">Learn About Campus Chapters</a>
                </div>
            </div>
            <div class="col-lg-5 mt-4 mt-lg-0" data-aos="fade-up">
                <div class="p-4 p-md-5 bg-light rounded-4 border shadow-sm">
                    <h5 class="fw-bold mb-3 text-dark"><i class="icofont-check-circled text-success me-2"></i> Quick Summary</h5>
                    <ul class="list-unstyled mb-0 small">
                        <li class="py-2 border-bottom"><strong>Applicable Fee:</strong> ₹500 + 18% GST (₹590 one-time)</li>
                        <li class="py-2 border-bottom"><strong>Validity Period:</strong> From date of admission until graduation</li>
                        <li class="py-2 border-bottom"><strong>Eligibility:</strong> Bonafide UG / PG / Polytechnic students</li>
                        <li class="py-2 border-bottom"><strong>Credential Issued:</strong> Digital Member ID Card &amp; Certificate</li>
                        <li class="py-2"><strong>Verification:</strong> Instant online hash verification</li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="row g-4 mt-4 pt-4 border-top">
            <div class="col-md-6" data-aos="fade-up">
                <div class="card p-4 h-100 border rounded-4 shadow-sm">
                    <h4 class="fw-bold text-primary mb-3"><i class="icofont-star me-2"></i> Exclusive Student Benefits</h4>
                    <ul class="list-unstyled mb-0">
                        @if(is_array($plan->benefits))
                            @foreach($plan->benefits as $b)
                                <li class="d-flex align-items-start mb-3">
                                    <i class="icofont-check-circled text-success fs-5 me-2 mt-1"></i>
                                    <span>{{ $b }}</span>
                                </li>
                            @endforeach
                        @endif
                        <li class="d-flex align-items-start mb-3">
                            <i class="icofont-check-circled text-success fs-5 me-2 mt-1"></i>
                            <span>Access to national collegiate hackathon circuits and mentor review panels.</span>
                        </li>
                        <li class="d-flex align-items-start">
                            <i class="icofont-check-circled text-success fs-5 me-2 mt-1"></i>
                            <span>Subsidized registration fees for all AICDS international conferences.</span>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="col-md-6" data-aos="fade-up">
                <div class="card p-4 h-100 border rounded-4 shadow-sm bg-light">
                    <h4 class="fw-bold text-dark mb-3"><i class="icofont-info-circle me-2 text-primary"></i> Eligibility &amp; Requirements</h4>
                    <p class="text-muted">{{ $plan->eligibility_criteria }}</p>
                    <h6 class="fw-bold mt-4 mb-2">Required Supporting Details:</h6>
                    <ul class="text-muted small">
                        <li>Valid College/University Student Identification Card or Hall Ticket</li>
                        <li>Department / Branch of study (e.g. AI &amp; DS, CSE, IT, ECE, Data Science)</li>
                        <li>Year of enrollment and expected year of graduation</li>
                    </ul>
                    <div class="mt-4 pt-3 border-top">
                        <a href="{{ route('membership.apply', ['plan' => $plan->id]) }}" class="default__button w-100 text-center">Start Student Application</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection