@include('frontend.header')

<style>
    /* ===== INSTITUTION INNOVATION COUNCIL TEAM SECTION ===== */

    .iic-team-page .iic-section {
        background: #f5f9fc;
    }

    .iic-team-page .iic-section h2 {
        font-size: 28px;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    .iic-team-page .iic-section h5 {
        border-left: 4px solid #0d6efd;
        padding-left: 10px;
    }

    .iic-team-page .iic-section .card {
        border-radius: 12px;
        transition: all 0.3s ease-in-out;
        border: 1px solid #e6e6e6;
    }

    .iic-team-page .iic-section .card:hover {
        transform: translateY(-6px);
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    }

    .iic-team-page .iic-section h6 {
        font-size: 16px;
        font-weight: 600;
        color: #222;
    }

    .iic-team-page .iic-section p {
        font-size: 14px;
        margin-bottom: 8px;
    }

    .iic-team-page .iic-section .btn {
        border-radius: 6px;
        transition: 0.3s ease;
        font-size: 13px;
    }

    .iic-team-page .iic-section .btn-outline-primary:hover {
        background-color: #0d6efd;
        color: #fff;
    }

    .iic-team-page .iic-section .btn-outline-success:hover {
        background-color: #198754;
        color: #fff;
    }

    /* Breadcrumb */
    .iic-team-page .site-breadcrumb {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        padding: 60px 0;
        color: white;
    }

    .iic-team-page .breadcrumb-title {
        font-size: 2.5rem;
        font-weight: 700;
        margin-bottom: 1rem;
    }

    .iic-team-page .breadcrumb-menu {
        list-style: none;
        padding: 0;
        display: flex;
        justify-content: center;
        gap: 10px;
    }

    .iic-team-page .breadcrumb-menu li {
        display: inline;
    }

    .iic-team-page .breadcrumb-menu li a {
        color: rgba(255, 255, 255, 0.9);
        text-decoration: none;
    }

    .iic-team-page .breadcrumb-menu li.active {
        color: white;
    }

    /* ===== Responsive ===== */

    @media (max-width: 992px) {
        .iic-team-page .iic-section h2 {
            font-size: 24px;
        }

        .iic-team-page .breadcrumb-title {
            font-size: 2rem;
        }
    }

    @media (max-width: 768px) {
        .iic-team-page .iic-section h2 {
            font-size: 20px;
        }

        .iic-team-page .iic-section h6 {
            font-size: 15px;
        }

        .iic-team-page .iic-section .btn {
            width: 100%;
            text-align: center;
        }

        .iic-team-page .breadcrumb-title {
            font-size: 1.5rem;
        }
    }
</style>

<main class="main iic-team-page">
    <!-- Breadcrumb -->
    <div class="site-breadcrumb">
        <div class="container text-center">
            <h2 class="breadcrumb-title">IIC Team Members</h2>
            <!-- <ul class="breadcrumb-menu">
                <li><a href="{{ route('home') }}">Home</a></li>
                <li>/</li>
                <li><a href="{{ route('institution-innovation-council') }}">IIC</a></li>
                <li>/</li>
                <li class="active">Team Members</li>
            </ul> -->
        </div>
    </div>

    <!-- Committee Section -->
    <section class="iic-section py-5">
        <div class="container my-5">

            <div class="text-center mb-5">
                <h2 class="fw-bold text-primary">INSTITUTION INNOVATION COUNCIL - TEAM MEMBERS</h2>
            </div>

            <div class="row g-4">

                <!-- ================= CORE COMMITTEE ================= -->
                <div class="col-12">
                    <h5 class="fw-bold text-secondary mb-3">Core Committee</h5>
                </div>

                <!-- 1 -->
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="card h-100 shadow-sm border-0 p-3">
                        <h6 class="fw-semibold">1. Dr. Natesan Payer Nadimuthu</h6>
                        <p class="text-muted small">Co-ordinator</p>
                        <a href="#" class="btn btn-outline-primary btn-sm mt-auto">Click Here to View Profile</a>
                    </div>
                </div>

                <!-- 2 -->
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="card h-100 shadow-sm border-0 p-3">
                        <h6 class="fw-semibold">2. Dr. Dr Karthikeyani</h6>
                        <p class="text-muted small">Yukti Co-ordinator</p>
                        <a href="#" class="btn btn-outline-primary btn-sm">Click Here to View Profile</a>
                    </div>
                </div>

                <!-- 3 -->
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="card h-100 shadow-sm border-0 p-3">
                        <h6 class="fw-semibold">3. Mr. S.Prasath Sivasubramanian</h6>
                        <p class="text-muted small">Social Media Coordinator</p>
                        <a href="#" class="btn btn-outline-primary btn-sm">Click Here to View Profile</a>
                    </div>
                </div>

                <!-- 4 -->
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="card h-100 shadow-sm border-0 p-3">
                        <h6 class="fw-semibold">4. Dr R Veluraj</h6>
                        <p class="text-muted small">Internship Activity Coordinator</p>
                        <a href="#" class="btn btn-outline-primary btn-sm">Click Here to View Profile</a>
                    </div>
                </div>

                <!-- 5 -->
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="card h-100 shadow-sm border-0 p-3">
                        <h6 class="fw-semibold">5. Dr S Vijayan</h6>
                        <p class="text-muted small">IPR Activity Coordinator</p>
                        <a href="#" class="btn btn-outline-primary btn-sm">Click Here to View Profile</a>
                    </div>
                </div>

                <!-- 6 -->
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="card h-100 shadow-sm border-0 p-3">
                        <h6 class="fw-semibold">6. Dr P C Deepak</h6>
                        <p class="text-muted small">ARIIA Coordinator and NIRF Co-ordinator</p>
                        <a href="{{ asset('assets/documents/DEEP.pdf') }}" class="btn btn-outline-primary btn-sm">Click
                            Here to View Profile</a>
                    </div>
                </div>


                <!-- ================= MEMBERS ================= -->
                <div class="col-12 mt-4">
                    <h5 class="fw-bold text-secondary mb-3">Members</h5>
                </div>

                <!-- 7 -->
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="card h-100 shadow-sm border-0 p-3">
                        <h6 class="fw-semibold">7. Dr S.Ramakrishnan</h6>
                        <a href="{{ asset('assets/documents/rama.pdf') }}"
                            class="btn btn-outline-primary btn-sm mt-2">Click Here to View Profile</a>
                    </div>
                </div>

                <!-- 8 -->
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="card h-100 shadow-sm border-0 p-3">
                        <h6 class="fw-semibold">8. Dr. T. Venkatasamy</h6>
                        <a href="#" class="btn btn-outline-primary btn-sm mt-2">Click Here to View Profile</a>
                    </div>
                </div>

                <!-- 9 -->
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="card h-100 shadow-sm border-0 p-3">
                        <h6 class="fw-semibold">9. Dr C Calarany</h6>
                        <a href="{{ asset('assets/documents/cala.pdf') }}"
                            class="btn btn-outline-primary btn-sm mt-2">Click Here to View Profile</a>
                    </div>
                </div>

                <!-- 10 -->
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="card h-100 shadow-sm border-0 p-3">
                        <h6 class="fw-semibold">10. Dr P Ravikumar</h6>
                        <a href="#" class="btn btn-outline-primary btn-sm mt-2">Click Here to View Profile</a>
                    </div>
                </div>

                <!-- 11 -->
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="card h-100 shadow-sm border-0 p-3">
                        <h6 class="fw-semibold">11. Dr S Nagaraj</h6>
                        <a href="#" class="btn btn-outline-primary btn-sm mt-2">Click Here to View Profile</a>
                    </div>
                </div>

                <!-- 12 -->
                <!-- <div class="col-12 col-md-6 col-lg-4">
                    <div class="card h-100 shadow-sm border-0 p-3">
                        <h6 class="fw-semibold">12. Dr Balakrishnan</h6>
                        <a href="{{ asset('assets/documents/bala.pdf') }}" class="btn btn-outline-primary btn-sm mt-2">Click Here to View Profile</a>
                    </div>
                </div> -->

                <!-- 13 -->
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="card h-100 shadow-sm border-0 p-3">
                        <h6 class="fw-semibold">12. Mrs Rosalind Prabha</h6>
                        <a href="{{ asset('assets/documents/rose.pdf') }}"
                            class="btn btn-outline-primary btn-sm mt-2">Click Here to View Profile</a>
                    </div>
                </div>

                <!-- 14 -->
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="card h-100 shadow-sm border-0 p-3">
                        <h6 class="fw-semibold">13. Dr. Atulya Bhoi</h6>
                        <a href="{{ asset('assets/documents/atul.pdf') }}"
                            class="btn btn-outline-primary btn-sm mt-2">Click Here to View Profile</a>
                    </div>
                </div>

                <!-- 15 -->
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="card h-100 shadow-sm border-0 p-3">
                        <h6 class="fw-semibold">14. Dr Sandip Kumar</h6>
                        <a href="{{ asset('assets/documents/sand.pdf') }}"
                            class="btn btn-outline-primary btn-sm mt-2">Click Here to View Profile</a>
                    </div>
                </div>

                <!-- 16 -->
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="card h-100 shadow-sm border-0 p-3">
                        <h6 class="fw-semibold">15. Mrs. Sunitha</h6>
                        <a href="#" class="btn btn-outline-primary btn-sm mt-2">Click Here to View Profile</a>
                    </div>
                </div>

                <!-- 17 -->
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="card h-100 shadow-sm border-0 p-3">
                        <h6 class="fw-semibold">16. Mr N. Barthasarathy</h6>
                        <a href="{{ asset('assets/documents/bart.pdf') }}"
                            class="btn btn-outline-primary btn-sm mt-2">Click Here to View Profile</a>
                    </div>
                </div>

                <!-- 18 -->
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="card h-100 shadow-sm border-0 p-3">
                        <h6 class="fw-semibold">17. Dr Mahendra Jagannath Dutte</h6>
                        <a href="#" class="btn btn-outline-primary btn-sm mt-2">Click Here to View Profile</a>
                    </div>
                </div>

                <!-- 19 -->
                <!-- <div class="col-12 col-md-6 col-lg-4">
                    <div class="card h-100 shadow-sm border-0 p-3">
                        <h6 class="fw-semibold">19. Dr. Natarajan</h6>
                        <a href="{{ asset('assets/documents/nata .pdf') }}" class="btn btn-outline-primary btn-sm mt-2">Click Here to View Profile</a>
                    </div>
                </div> -->

                <!-- 20 -->
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="card h-100 shadow-sm border-0 p-3">
                        <h6 class="fw-semibold">18. Dr N Rani</h6>
                        <a href="#" class="btn btn-outline-primary btn-sm mt-2">Click Here to View Profile</a>
                    </div>
                </div>

                <!-- 21 -->
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="card h-100 shadow-sm border-0 p-3">
                        <h6 class="fw-semibold">19. Mrs Bhawna</h6>
                        <a href="#" class="btn btn-outline-primary btn-sm mt-2">Click Here to View Profile</a>
                    </div>
                </div>


                <!-- ================= STUDENT MEMBERS ================= -->
                <div class="col-12 mt-4">
                    <h5 class="fw-bold text-secondary mb-3">Student Members</h5>
                </div>

                <div class="col-12 col-md-6 col-lg-4">
                    <div class="card h-100 shadow-sm border-0 p-3 text-center">
                        <h6 class="fw-semibold">20. STUDENT MEMBERS DETAILS</h6>
                        <a href="#" class="btn btn-outline-success btn-sm mt-3">
                            Click Here to View Profile of Students
                        </a>
                    </div>
                </div>

            </div>
        </div>
    </section>
</main>

@include('frontend.footer')