@include('frontend.header')

<style>
/* ====== TGASC Official Order Styling ====== */
body {
    background: #f4f6f9;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    color: #212529;
    line-height: 1.6;
}

.tgasc-order-wrapper {
    max-width: 900px;
    margin: 40px auto;
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 10px;
    padding: 50px 40px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

/* Header */
.tgasc-order-header {
    text-align: center;
    border-bottom: 3px solid #004085;
    padding-bottom: 15px;
    margin-bottom: 25px;
}

.tgasc-order-header h2 {
    font-size: 1.8rem;
    font-weight: 700;
    margin: 0;
    color: #004085;
    text-transform: uppercase;
}

.tgasc-order-header h3 {
    font-size: 1.3rem;
    margin: 5px 0;
    font-weight: 600;
    color: #004085;
}

.tgasc-order-header p {
    margin: 0;
    font-size: 0.95rem;
    color: #555;
}

.tgasc-order-header .tgasc-order-contact {
    margin-top: 8px;
    font-size: 0.9rem;
    color: #444;
}

/* Meta details */
.tgasc-order-meta {
    display: flex;
    justify-content: space-between;
    margin: 20px 0 30px;
    font-size: 0.95rem;
    font-weight: 500;
}

.tgasc-order-meta span {
    color: #004085;
}

/* Order title */
.tgasc-order-title {
    text-align: center;
    font-weight: 700;
    font-size: 1.15rem;
    margin-bottom: 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #212529;
}

/* Order body */
.tgasc-order-body p {
    font-size: 1rem;
    margin-bottom: 18px;
}

/* List of members */
.tgasc-order-list {
    list-style-position: inside;
    border: 1px solid #e0e6ed;
    border-radius: 6px;
    overflow: hidden;
}

.tgasc-order-list li {
    padding: 10px 15px;
    font-size: 0.96rem;
}

.tgasc-order-list li:nth-child(odd) {
    background: #f8f9fa;
}

.tgasc-order-list li:nth-child(even) {
    background: #ffffff;
}

/* Signature */
.tgasc-order-sign {
    text-align: right;
    margin-top: 50px;
}

.tgasc-order-sign .name {
    font-weight: 600;
    text-decoration: underline;
    color: #004085;
    font-size: 1rem;
}

.tgasc-order-sign .designation {
    display: block;
    margin-top: 6px;
    font-weight: 700;
    color: #212529;
}

/* Footer */
.tgasc-order-footer {
    margin-top: 40px;
    font-size: 0.9rem;
    color: #555;
}

@media (max-width: 576px) {
    .tgasc-order-wrapper {
        padding: 30px 20px;
    }

    .tgasc-order-meta {
        flex-direction: column;
        gap: 6px;
        text-align: left;
    }
}
</style>


<main class="main">
    <div class="tgasc-order-wrapper">
        <!-- Header -->
        <div class="tgasc-order-header">
            <h2>GOVERNMENT OF PUDUCHERRY</h2>
            <h3>TAGORE GOVERNMENT ARTS AND SCIENCE COLLEGE</h3>
            <p>(Accredited with A Grade by the NAAC)</p>
            <p class="tgasc-order-contact">
                Phone: 0413-2253263 | Email: hoitacc@gmail.com, tac@dhtepdy.edu.in |
                <a href="https://tgasc.edu.in" target="_blank">https://tgasc.edu.in</a>
            </p>
        </div>

        <!-- Order Meta -->
        <div class="tgasc-order-meta">
            <span>No. 786/TGASC/PPL/PA/2025/260</span>
            <span>Dt: 17 MAR 2025</span>
        </div>

        <!-- Title -->
        <div class="tgasc-order-title">ORDER</div>

        <!-- Body -->
        <div class="tgasc-order-body">
            <p>
                The following Faculties of this Institution are nominated as members
                of the
                <strong>Research Committee</strong>:
            </p>
        </div>

        <!-- Members List -->
        <ol class="tgasc-order-list">
            <li>{{ $basicinfo->name }}, Principal, Chairman</li>
            <li>Dr. Pratima Kumari Dash, Assistant Professor in Tourism</li>
            <li>Dr. S. Ramakrishnan, Assistant Professor in Botany</li>
            <li>Dr. Natesan Payer Nadimuthu, Assistant Professor in Botany</li>
            <li>Dr. Surath Nayak, Assistant Professor in Economics</li>
            <li>Dr. Atulya Bhoi, Assistant Professor in Commerce</li>
            <li>Dr. P. Ravitchandirane, Assistant Professor in History</li>
            <li>Dr. Anju S. Nair, Assistant Professor in English</li>
            <li>Dr. G. Kannan, Assistant Professor in Tamil</li>
            <li>Dr. M. Balaji, Assistant Professor in Philosophy</li>
            <li>Dr. R. Deepa, Assistant Professor in Commerce</li>
            <li>Dr. Jenni Balasubramanian, Assistant Professor in French</li>
            <li>Dr. P. Ravikumar, Assistant Professor in Physics</li>
        </ol>

        <!-- Signature -->
        <div class="tgasc-order-sign">
            <div class="name">{{ $basicinfo->name }}</div>
            <span class="designation">PRINCIPAL</span>
        </div>

        <!-- Footer -->
        <div class="tgasc-order-footer">
            <p><strong>To:</strong><br />The Individual Concerned</p>
        </div>
    </div>
</main>

@include('frontend.footer')