@php
    $generalCouncil = [
        ["Hon'ble Chief Minister, Assam", 'Dispur, Guwahati-6', 'Chairman', ''],
        ['Sri Pranjal Saikia', '—', 'Vice-Chairman', '9101465228'],
        ["Hon'ble Minister, Cultural Affairs, Assam", 'Guwahati-6', 'Member', ''],
        ['Chief Secretary to the Govt. of Assam', 'Dispur, Guwahati-6', 'Member', ''],
        ['Senior most Secretary to the Govt. of Assam', 'Finance Department, Dispur, Guwahati-6', 'Member', ''],
        ['Senior most Secretary to the Govt. of Assam', 'Cultural Affairs Department, Dispur, Guwahati-6', 'Member', ''],
        ['Director, Cultural Affairs, Assam', 'Rabindra Bhawan', 'Member', ''],
        ['Sri Sri Janardan Dev Goswami', 'Satradhikar, Sri Sri Uttar Kamalabari Sattra, Majuli', 'Member', '9435504326'],
        ['Sri Biren Singh', 'Renowned Artist & Sculptor; Jilika Path, Panjabari, Guwahati', 'Member', '9435067312'],
        ['Sri Ghanakanta Bora Borbayan', 'Padmashree Awardee & Renowned Sattriya Artist; Hengerabari, Guwahati-36', 'Member', '9401364540'],
        ['Smti Anuradha Sarma Pujari', 'Literature Akademi Awardee; Kailash Nagar Path, Panjabari, Guwahati-37', 'Member', '9864076298'],
        ['Dr. Pallabi Bora', 'Professor, Folklore Department, Gauhati University, Guwahati', 'Member', '9435349784'],
        ['Sri Sushil Kurmi', 'Author & Social worker of Tea Tribes; Usha Nagar, By lane No. 8, Tejpur, Pin-740001', 'Member', '9101217030'],
        ['Sri Gautam Sarma', 'Sr. Journalist & Cultural Organizer; Guwahati', 'Member', '9435012629 · 9864010835'],
        ['Dr. Joyashree Dey', 'Assistant Professor, Assam University, Silchar', 'Member', '9435311341'],
        ['Sri Ranjit Gogoi', 'Renowned Folk Artist & Asom Gaurav Awardee; Guwahati', 'Member', '7002458119'],
        ['Sri Nadiram Deuri', 'Renowned Artist & Asom Gaurav Awardee; Jagirod, Morigaon, Assam', 'Member', '9365744954'],
        ['Barlangfa Narzari', 'Renowned Bodo Folk Artist & Asom Gaurav Awardee; Ramphal Bil, Kokrajhar, BTAD, Assam', 'Member', '9435026788'],
        ['Smt. Tarali Sarma', 'Nigaji Path, Ambikagiri Nagar, Guwahati', 'Member', '7002200610'],
        ['Dr. Gayatri Mahanta', 'Ganesh Mondir Path, New Guwahati, Noonmati, Guwahati-20', 'Member', '7002378261'],
        ['Sri Bhabendra Nath Deka', 'Notification No. CAD.487/2008/Pt-I/18, Date: 1/7/2021', '—', ''],
        ['Sri Pratap Ch. Medhi Bap', 'ECF No. 169170/73, dated 1/10/24', '—', ''],
        ['Sudarshan Thakur', '—', 'Member Secretary', ''],
    ];
    $executiveCouncil = [
        ["Hon'ble Minister, Cultural Affairs Department, Assam", 'Dispur, Guwahati-6', 'Chairman'],
        ['Sri Pranjal Saikia', 'Chachal Road, Arohi Path, Sixmile, Guwahati-22', 'Vice-Chairman'],
        ['Senior most Secretary to the Govt. of Assam', 'Cultural Affairs Department, Dispur, Guwahati-6', 'Member'],
        ['Director of Cultural Affairs, Assam', 'Rabindra Bhawan, Guwahati-1', 'Member'],
        ['Sri Biren Singh', 'Jilika Path, Sankardev Nagar Panjabari, Guwahati-37', 'Member'],
        ['Smt. Anuradha Sharma Pujari', 'Kailash Nagar Path, Panjabari Guwahati-37', 'Member'],
        ['Sri Ghanakanta Bora Borbayan', 'Hengerabari, Guwahati-36', 'Member'],
        ['Secretary, Srimanta Sankaradeva Kalakshetra Society', '—', 'Member Secretary'],
    ];
@endphp

<section class="story-councils-section" aria-labelledby="general-council-heading">
    <div class="container py-5">
        <article class="story-council-panel" data-story-reveal>
        <div class="story-feature-heading story-council-heading mb-4">
            <span class="story-eyebrow">Society Governance</span>
            <h2 id="general-council-heading">General Council Members</h2>
            <p>List of the Members of the General Council of Srimanta Sankaradeva Kalakshetra Society</p>
        </div>
        <div class="table-responsive story-council-table-wrap">
            <table class="table table-hover align-middle story-council-table">
                <caption class="visually-hidden">General Council Members of Srimanta Sankaradeva Kalakshetra Society</caption>
                <thead><tr><th scope="col">Sl. No.</th><th scope="col">Name</th><th scope="col">Official designation / affiliation</th><th scope="col">Role / contact</th></tr></thead>
                <tbody>
                    @foreach ($generalCouncil as $index => $member)
                        <tr><td>{{ str_pad($index + 1, 2, '0', STR_PAD_LEFT) }}</td><td><strong>{{ $member[0] }}</strong></td><td>{{ $member[1] }}</td><td><strong>{{ $member[2] }}</strong>@if ($member[3])<span class="d-block small text-muted">{{ $member[3] }}</span>@endif</td></tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        </article>

        <article class="story-council-panel mt-5" data-story-reveal>
        <div class="story-feature-heading story-council-heading mb-4">
            <span class="story-eyebrow">Society Governance</span>
            <h2 id="executive-council-heading">Members of Executive Council</h2>
            <p>Srimanta Sankaradeva Kalakshetra Society</p>
        </div>
        <div class="table-responsive story-council-table-wrap">
            <table class="table table-hover align-middle story-council-table">
                <caption class="visually-hidden">Members of the Executive Council of Srimanta Sankaradeva Kalakshetra Society</caption>
                <thead><tr><th scope="col">Sl. No.</th><th scope="col">Name / designation</th><th scope="col">Official designation / affiliation</th><th scope="col">Role</th></tr></thead>
                <tbody>
                    @foreach ($executiveCouncil as $index => $member)
                        <tr><td>{{ str_pad($index + 1, 2, '0', STR_PAD_LEFT) }}</td><td><strong>{{ $member[0] }}</strong></td><td>{{ $member[1] }}</td><td><strong>{{ $member[2] }}</strong></td></tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        </article>
    </div>
</section>

<style>
    .story-councils-section { padding: 34px 0 74px; background: radial-gradient(ellipse at 10% 12%, #e4c98830, transparent 32%), linear-gradient(135deg, #fffaf1, #f4e8d4); }
    .story-council-panel { padding: clamp(22px, 4vw, 42px); border: 1px solid #e9dcc5; border-radius: 20px; background: #fffdf9ef; box-shadow: 0 16px 42px #3f1c1210; }
    .story-council-heading { display: block; text-align: center; }
    .story-council-heading h2 { margin: 9px 0 8px; color: #4b1018; font: 500 clamp(27px, 3vw, 38px)/1.2 'Playfair Display', Georgia, serif; }
    .story-council-heading p { max-width: 650px; margin: 0 auto; color: #76675b; font-size: 14px; line-height: 1.7; }
    .story-council-table-wrap { overflow: auto; border: 1px solid #e9dcc5; border-radius: 13px; background: #fffdf9; }
    .story-council-table { --bs-table-bg: transparent; --bs-table-color: #56483f; margin-bottom: 0; border-collapse: separate; border-spacing: 0; font-size: 13px; }
    .story-council-table thead { color: #fff9ef; background: linear-gradient(110deg, #650c19, #851c2a); }
    .story-council-table th { padding: 15px 17px; border: 0; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
    .story-council-table thead th { color: #fff9ef; }
    .story-council-table td { padding: 14px 17px; border-color: #f0e7d9; vertical-align: middle; line-height: 1.55; }
    .story-council-table tbody tr:nth-child(even) { --bs-table-bg: #fbf6ed; }
    .story-council-table tbody tr:hover { --bs-table-bg: #f8efdf; }
    .story-council-table td:first-child { width: 76px; color: #a2712b; font-size: 11px; font-weight: 800; }
    .story-council-table td:nth-child(2) { min-width: 215px; color: #34231d; }
    .story-council-table td:nth-child(4) strong { color: #760e1d; }
    @media (max-width: 767px) {
        .story-councils-section { padding-top: 18px; }
        .story-council-panel { padding: 19px 14px; border-radius: 15px; }
        .story-council-table { min-width: 760px; }
        .story-council-table td, .story-council-table th { padding: 12px 11px; font-size: 12px; }
    }
</style>