@extends("layouts.master")
@section("title", "Board Subcommittees")

@section("content")
<style>
        .downloads-flyer {
            display: block;
            transition: transform 0.25s ease, box-shadow 0.25s ease;
        }

        .downloads-flyer:hover {
            transform: scale(1.02);
        }

        .downloads-flyer__img {
            width: 100%;
            height: auto;
            display: block;
            border-radius: 4px;
            box-shadow: 0 8px 28px rgba(41, 53, 101, 0.12);
        }

        .downloads-block__title {
            font-size: clamp(1.25rem, 2.5vw, 1.5rem);
            font-weight: 700;
            color: #293565;
            margin-bottom: 1rem;
        }

        .downloads-block__text {
            font-size: 0.95rem;
            line-height: 1.8;
            color: #4a5568;
            margin-bottom: 1.25rem;
        }

        .downloads-sidebar {
            padding: 1.5rem;
            background: #f7f9fc;
            border: 1px solid #e6eaf3;
            border-radius: 4px;
        }

        .downloads-sidebar__title {
            font-size: 1.15rem;
            font-weight: 700;
            color: #293565;
            margin-bottom: 1rem;
        }

        .downloads-sidebar__list {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .downloads-sidebar__list li {
            margin-bottom: 0.65rem;
            padding-bottom: 0.65rem;
            border-bottom: 1px solid #e6eaf3;
        }

        .downloads-sidebar__list li:last-child {
            margin-bottom: 0;
            padding-bottom: 0;
            border-bottom: none;
        }

        .downloads-sidebar__list a {
            font-size: 0.9rem;
            color: #4a5568;
            text-decoration: none;
            line-height: 1.5;
            transition: color 0.2s ease;
        }

        .downloads-sidebar__list a:hover {
            color: #e85d2a;
        }
    </style>

    <div class="breadcrumb-wrapper bg-cover"
        style="background-image: url('{{ asset("assets/img/inner/breadcrumb.jpg") }}');">
        <div class="container">
            <div class="page-heading">
                <div class="breadcrumb-sub-title">
                    <h1 class="wow fadeInUp" data-wow-delay=".3s">Board Subcommittees</h1>
                </div>
                <ul class="breadcrumb-items wow fadeInUp" data-wow-delay=".5s">
                    <li><a href="{{ route("home") }}">Home</a></li>
                    <li><i class="fa-solid fa-chevron-right"></i></li>
                    <li>Board Subcommittees</li>
                </ul>
            </div>
        </div>
    </div>

    <section class="section-padding">
        <div class="container">
            <div class="row g-4 g-lg-5">
                <div class="col-lg-4 wow fadeInUp" data-wow-delay=".2s">
                    <a href="{{ asset('assets/ICCSSL_Board_Subcommittees_Policy_Terms_of_Ref_Sep_20241.pdf') }}"
                        class="downloads-flyer" target="_blank" rel="noopener"
                        title="Download Board Subcommittees Policy (PDF)">
                        <img src="{{ asset('assets/img/convocation/convocation-procession.png') }}"
                            alt="ICCSSL Board Subcommittees" class="downloads-flyer__img">
                    </a>
                </div>

                <div class="col-lg-5">
                    <div class="downloads-block wow fadeInUp" data-wow-delay=".3s">
                        <h2 class="downloads-block__title">Board Subcommittees</h2>
                        <p class="downloads-block__text">
                            The Board Subcommittees are responsible for the governance and oversight of ICCSSL activities.
                            They support the Board in compliance with law and regulations, and guide policy on professional
                            standards and institutional operations.
                        </p>
                        <a href="{{ asset('assets/ICCSSL_Board_Subcommittees_Policy_Terms_of_Ref_Sep_20241.pdf') }}"
                            class="theme-btn" target="_blank" rel="noopener">
                            Download PDF
                            <i class="fa-solid fa-download"></i>
                        </a>
                    </div>
                </div>

                <div class="col-lg-3 wow fadeInUp" data-wow-delay=".5s">
                    <div class="downloads-sidebar">
                        <h3 class="downloads-sidebar__title">Useful Sites</h3>
                        <ul class="downloads-sidebar__list">
                            <li><a href="https://www.drc.gov.lk/" target="_blank" rel="noopener">Department of Registrar of Companies</a></li>
                            <li><a href="https://www.sec.gov.lk/" target="_blank" rel="noopener">Securities and Exchange Commission of Sri Lanka</a></li>
                            <li><a href="https://www.cse.lk/" target="_blank" rel="noopener">Colombo Stock Exchange</a></li>
                            <li><a href="https://www.cbsl.gov.lk/" target="_blank" rel="noopener">Central Bank of Sri Lanka</a></li>
                            <li><a href="https://www.investsrilanka.com/" target="_blank" rel="noopener">Board of Investments (BOI)</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection