@extends("layouts.master")
@section("title", "Code of Ethics")

@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: var(--dl-navy);
            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: var(--dl-orange);
        }
    </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">Code of Ethics</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>Code of Ethics</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/Code-of-Professional-Ethics-and-Conduct-ICCSSL.pdf') }}" class="downloads-flyer" target="_blank" rel="noopener"
                        title="Download Code of Ethics (PDF)">
                        <img src="{{ asset('assets/img/convocation/convocation-ceremony.png') }}" alt="ICCSSL Code of Ethics"
                            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">Code of Ethics</h2>
                        <p class="downloads-block__text">
                            The Code of Ethics is a set of principles that guide the behavior of Chartered Secretaries. It is a code of conduct that is used to ensure that Chartered Secretaries are able to act in the best interests of the company and its stakeholders.
                        </p>
                        <a href="{{ asset('assets/Code-of-Professional-Ethics-and-Conduct-ICCSSL.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