@include('frontend.header')

<style>
    main ul li {
        list-style: outside;
    }

    main ol li {
        list-style: decimal;
    }

    body {
        font-family: "Poppins", sans-serif;
        background: #f5f7fa;
        color: #333;
    }

    .hero {
        background: linear-gradient(rgba(26, 35, 126, 0.85),
                rgba(26, 35, 126, 0.85));
        color: #fff;
        text-align: center;
        padding: 70px 20px;
        border-radius: 0 0 40px 40px;
    }

    .hero h1 {
        font-size: 2.3rem;
        font-weight: 700;
    }

    .hero p {
        font-size: 1rem;
        margin-top: 8px;
    }

    .container-custom {
        max-width: 1200px;
        margin: -40px auto 40px;
        background: #fff;
        border-radius: 15px;
        padding: 40px;
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
    }

    .section-title {
        font-weight: 600;
        font-size: 1.3rem;
        margin: 30px 0 15px;
        color: #1a237e;
    }

    .card-custom {
        border-radius: 12px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
        margin-bottom: 25px;
    }

    .table thead {
        background: #f1f3f6;
    }

    .note {
        background: #fffde7;
        border-left: 5px solid #fbc02d;
        padding: 15px;
        border-radius: 8px;
        font-size: 0.92rem;
        line-height: 1.6;
        margin-top: 20px;
    }
</style>


<main class="main">
    <!-- Hero -->
    <div class="hero" style="background-image: url('{{ asset('assets/img/breadcrumb/library.png') }}');
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;">

        <h1 class="text-light">Library</h1>
        <p>
            Tagore Government Arts and Science College (Affiliated to Pondicherry
            University)
        </p>
    </div>

    <!-- Content -->
    <div class="container container-custom">
        <!-- Librarian -->
        <h2 class="section-title">Assistant Librarian</h2>
        <div class="card-custom p-3">
            <p>
                <strong>{{ $staff->name }}, {{ $staff->qualification }}</strong>
            </p>
            <a href="#" class="btn btn-primary btn-sm mt-1">View More</a>
        </div>
        <!-- About -->
        <h2 class="section-title">About the Library</h2>
        <p>
            The Automated Library of Tagore Government Arts and Science College
            has been a beacon of knowledge since its establishment in 1963. Over
            the years, it has grown immensely in its collection, services, and
            facilities to meet the ever-changing demands of students, faculty, and
            researchers.
        </p>
        <p>
            With a collection of over 98345 books, journals, and reference works,
            the library serves more than 4000 students and 176 staff members
            across various disciplines. It also provides access to e-resources
            through INFLIBNET and N-LIST, enabling users to remain connected with
            global scholarly communications.
        </p>
        <p>
            The library functions with different sections including Acquisition,
            Periodicals, Binding, Reference, Science, Humanities, Commerce, and
            French to ensure smooth functioning and easy accessibility. Modern
            services such as Internet access, reprographic facilities,
            inter-library loans, and access to digital resources make the library
            a central hub for academic activities.
        </p>
        <p>
            It caters to the needs of UG, PG, and Research Scholars by providing
            high-quality reference material, periodicals, and digital content. The
            library also has rules and guidelines to ensure effective use of
            resources. Strict adherence to rules ensures discipline and smooth
            operation of services.
        </p>

        <!-- Profile -->
        <h2 class="section-title">A Statistical Profile</h2>
        <table class="table table-bordered table-striped">
            <tbody>
                <tr>
                    <td>Established</td>
                    <td>1961</td>
                </tr>
                <tr>
                    <td>Total Volumes</td>
                    <td>98345+</td>
                </tr>
                <tr>
                    <td>Periodicals / Journals</td>
                    <td>30</td>
                </tr>
                <tr>
                    <td>Students</td>
                    <td>4000+</td>
                </tr>
                <tr>
                    <td>Staff</td>
                    <td>170</td>
                </tr>
            </tbody>
        </table>

        <!-- Services -->
        <h2 class="section-title">Services</h2>
        <ul>
            <li>Circulation Services</li>
            <li>Reference Service</li>
            <li>Reprographic Service</li>
            <li>Information Retrieval Service through Internet</li>
            <li>Service through INFLIBNET</li>
            <li>Inter Library Loan Service</li>
            <li>Reference Service through E-Resources</li>
            <li>Access to E-resources and E-books through N-LIST</li>
            <li>Wi-Fi Internet Access in the Library Premises</li>
        </ul>

        <!-- Sections -->
        <h2 class="section-title">Administration Sections</h2>
        <ul>
            <li>Acquisition Section</li>
            <li>Periodical Section</li>
            <li>Binding Section</li>
            <li>Reference Section</li>
            <li>Science Section</li>
            <li>Humanities Section</li>
            <li>Textbook & Commerce Section</li>
            <li>French Section</li>
        </ul>
        <!-- NLIST RESOURCES Search -->
        <div class="container my-4">
            <div class="card shadow-sm p-3">
                <form id="librarySearchForm" class="row g-2 align-items-center">
                    <div class="col-12 col-md-3">
                        <label class="form-label fw-bold text-dark">NLIST RESOURCES</label>
                    </div>
                    <div class="col-12 col-md-4">
                        <input type="text" id="lookfor" class="form-control" placeholder="Enter search keyword..." required />
                    </div>
                    <div class="col-6 col-md-3">
                        <select id="searchType" class="form-select">
                            <option value="AllFields">All Fields</option>
                            <option value="Title">Title</option>
                            <option value="Author">Author</option>
                            <option value="Subject">Subject</option>
                            <option value="CallNumber">Call Number</option>
                            <option value="ISN">ISBN/ISSN</option>
                            <option value="tag">Tag</option>
                        </select>
                    </div>
                    <div class="col-6 col-md-2">
                        <button type="submit" class="btn btn-primary w-100">
                            Find
                        </button>
                    </div>
                </form>
            </div>
        </div>

        <script>
            document.addEventListener('DOMContentLoaded', function() {
                const searchForm = document.getElementById('librarySearchForm');
                if (searchForm) {
                    searchForm.addEventListener('submit', function(e) {
                        e.preventDefault();

                        const lookfor = document.getElementById('lookfor').value;
                        const type = document.getElementById('searchType').value;
                        const targetUrl = `https://nlist.inflibnet.ac.in/search/Search/Results?lookfor=${encodeURIComponent(lookfor)}&type=${type}&submit=Find`;

                        Swal.fire({
                            title: 'You are leaving this website',
                            text: 'You are about to navigate to an external website (NLIST Resources). Do you want to continue?',
                            icon: 'warning',
                            showCancelButton: true,
                            confirmButtonText: 'Yes, Continue',
                            cancelButtonText: 'Cancel',
                            confirmButtonColor: '#3085d6',
                            cancelButtonColor: '#d33',
                            customClass: {
                                confirmButton: 'external-link' // Adding the class as requested
                            }
                        }).then((result) => {
                            if (result.isConfirmed) {
                                window.open(targetUrl, '_blank');
                            }
                        });
                    });
                }
            });
        </script>

        <!-- Procurement -->
        <h2 class="section-title">Procurement of Books</h2>
        <div class="table-responsive">
            <table class="table table-bordered table-striped">
                <thead>
                    <tr>
                        <th>Year</th>
                        <th>Amount Spent (₹)</th>
                        <th>No. of Books</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>1998–1999</td>
                        <td>19,900</td>
                        <td>101</td>
                    </tr>
                    <tr>
                        <td>1999–2000</td>
                        <td>21,100</td>
                        <td>171</td>
                    </tr>
                    <tr>
                        <td>2000–2001</td>
                        <td>12,500</td>
                        <td>137</td>
                    </tr>
                    <tr>
                        <td>2001–2002</td>
                        <td>1,53,400</td>
                        <td>337</td>
                    </tr>
                    <tr>
                        <td>2002–2003</td>
                        <td>2,06,600</td>
                        <td>937</td>
                    </tr>
                    <tr>
                        <td>2003–2004</td>
                        <td>74,457</td>
                        <td>497</td>
                    </tr>
                    <tr>
                        <td>2004–2005</td>
                        <td>72, 247</td>
                        <td>430</td>
                    </tr>
                    <tr>
                        <td>2005–2006</td>
                        <td>1,40,516</td>
                        <td>898</td>
                    </tr>
                    <tr>
                        <td>2006–2007</td>
                        <td>5,24,776</td>
                        <td>2457</td>
                    </tr>
                    <tr>
                        <td>2007–2008</td>
                        <td>1,93,585</td>
                        <td>1037</td>
                    </tr>
                    <tr>
                        <td>2008–2009</td>
                        <td>2, 52, 834</td>
                        <td>1194</td>
                    </tr>
                    <tr>
                        <td>2009–2010</td>
                        <td>1, 39, 545</td>
                        <td>819</td>
                    </tr>
                    <tr>
                        <td>2010–2011</td>
                        <td>82, 731</td>
                        <td>407</td>
                    </tr>
                    <tr>
                        <td>2011–2012</td>
                        <td>1, 41, 897</td>
                        <td>624</td>
                    </tr>
                    <tr>
                        <td>2012–2013</td>
                        <td>41, 194</td>
                        <td>99</td>
                    </tr>
                    <tr>
                        <td>2013–2014</td>
                        <td>71, 825</td>
                        <td>143</td>
                    </tr>
                    <tr>
                        <td>2014–2015</td>
                        <td>1, 34, 143</td>
                        <td>574</td>
                    </tr>
                    <tr>
                        <td>2015–2016</td>
                        <td>70, 030</td>
                        <td>286</td>
                    </tr>
                    <tr>
                        <td>2016–2017</td>
                        <td>1, 53, 339</td>
                        <td>586</td>
                    </tr>
                    <tr>
                        <td>2017–2018</td>
                        <td>-----</td>
                        <td>-----</td>
                    </tr>
                    <tr>
                        <td>2018–2019</td>
                        <td>1, 29, 955</td>
                        <td>458</td>
                    </tr>

                    <tr>
                        <td>2019–2020</td>
                        <td>75, 255</td>
                        <td>331</td>
                    </tr>
                    <tr>
                        <td>2020–2021</td>
                        <td>-----</td>
                        <td>-----</td>
                    </tr>
                    <tr>
                        <td>2021–2022</td>
                        <td>1,73,727</td>
                        <td>461</td>
                    </tr>
                    <tr>
                        <td>2022–2023</td>
                        <td>94682</td>
                        <td>352</td>
                    </tr>
                    <tr>
                        <td>2023–2024</td>
                        <td>42489</td>
                        <td>41</td>
                    </tr>
                </tbody>
            </table>
        </div>

        <!-- Distribution -->
        <h2 class="section-title">Distribution of Books</h2>
        <div class="table-responsive my-4">
            <table class="table table-bordered table-striped text-center align-middle">
                <thead class="table-dark">
                    <tr>
                        <th>Subjects</th>
                        <th>No. of Books</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>Tamil Language & Literature</td>
                        <td>11,000</td>
                    </tr>
                    <tr>
                        <td>English Language & Literature</td>
                        <td>8,000</td>
                    </tr>
                    <tr>
                        <td>Economics</td>
                        <td>7,000</td>
                    </tr>
                    <tr>
                        <td>Reference</td>
                        <td>7,000</td>
                    </tr>
                    <tr>
                        <td>French Language and Literature</td>
                        <td>5,000</td>
                    </tr>
                    <tr>
                        <td>History</td>
                        <td>5,000</td>
                    </tr>
                    <tr>
                        <td>Mathematics</td>
                        <td>4,000</td>
                    </tr>
                    <tr>
                        <td>Chemistry</td>
                        <td>4,000</td>
                    </tr>
                    <tr>
                        <td>Commerce</td>
                        <td>4,000</td>
                    </tr>
                    <tr>
                        <td>Physics</td>
                        <td>3,000</td>
                    </tr>
                    <tr>
                        <td>Zoology & Medicine</td>
                        <td>3,000</td>
                    </tr>
                    <tr>
                        <td>Philosophy</td>
                        <td>3,000</td>
                    </tr>
                    <tr>
                        <td>Biology</td>
                        <td>2,000</td>
                    </tr>
                    <tr>
                        <td>Botany</td>
                        <td>2,000</td>
                    </tr>
                    <tr>
                        <td>Sociology</td>
                        <td>2,000</td>
                    </tr>
                    <tr>
                        <td>Religion</td>
                        <td>2,000</td>
                    </tr>
                    <tr>
                        <td>Engineering & Computer Science</td>
                        <td>2,000</td>
                    </tr>
                    <tr>
                        <td>Hindi</td>
                        <td>1,000</td>
                    </tr>
                    <tr>
                        <td>Political Science</td>
                        <td>1,000</td>
                    </tr>
                    <tr>
                        <td>Psychology</td>
                        <td>3,000</td>
                    </tr>
                    <tr>
                        <td>Translation</td>
                        <td>1,000</td>
                    </tr>
                    <tr>
                        <td>Education</td>
                        <td>1,000</td>
                    </tr>
                    <tr>
                        <td>Rare Books</td>
                        <td>600</td>
                    </tr>
                    <tr>
                        <td>Geography & Tourism</td>
                        <td>1,000</td>
                    </tr>
                    <tr>
                        <td>Sports</td>
                        <td>1,000</td>
                    </tr>
                    <tr>
                        <td>Books for Competitive Examinations</td>
                        <td>1,000</td>
                    </tr>
                </tbody>
            </table>
        </div>

        <!-- Future Plans & Library Rules -->
        <div class="container my-5">
            <div class="p-4">
                <h2 class="section-title text-center mb-4">
                    📘 Future Plans & Library Rules
                </h2>

                <!-- Future Plans -->
                <h4 class="fw-bold">Future Plans</h4>
                <ul class="list-group list-group-flush mb-4">
                    <li class="list-group-item">
                        To open the gate of resources for other college students also -
                        Through MoU.
                    </li>
                    <li class="list-group-item">
                        To procure more e-books for meeting the academic and research
                        needs of our students and faculty members.
                    </li>
                    <li class="list-group-item">
                        To subscribe and obtain more research material such as
                        peer-reviewed journals, data banks of both international and
                        national repute.
                    </li>
                    <li class="list-group-item">
                        To build a new library block with multiple floors for a digital
                        library and mini conference hall to conduct library talks.
                    </li>
                </ul>

                <!-- Library Rules -->
                <h4 class="fw-bold">Library Rules</h4>
                <ol class="list-group list-group-numbered">
                    <li class="list-group-item">
                        The library is open to all the students and staff of the
                        college.
                    </li>
                    <li class="list-group-item">
                        The library is open on all working days from 9.00 a.m. to 5.00
                        p.m. It is closed on Saturdays, Sundays, and other authorized
                        holidays.
                    </li>
                    <li class="list-group-item">
                        Readers are not allowed to enter the library with their personal
                        belongings.
                    </li>
                    <li class="list-group-item">
                        Readers using the library are prohibited from indulging in
                        conversation or disturbing others. Failure to observe this will
                        result in disciplinary action.
                    </li>
                    <li class="list-group-item">
                        No reader shall write upon, damage, or make any marks on library
                        books.
                    </li>
                    <li class="list-group-item">
                        Date labels and book pockets shall not be tampered with.
                        Violations will be taken seriously.
                    </li>
                    <li class="list-group-item">
                        Each student is issued 2 tickets. A book will be lent only in
                        exchange for a ticket, which is returned upon returning the
                        book.
                    </li>
                    <li class="list-group-item">
                        Library tickets are not transferable.
                    </li>
                    <li class="list-group-item">
                        Lost tickets must be reported in writing. A duplicate will be
                        issued only after 15 days if not recovered.
                    </li>
                    <li class="list-group-item">
                        A fine of ₹20/- must be paid for each lost ticket.
                    </li>
                    <li class="list-group-item">
                        Books are lent for 15 days. Overdue books incur a fine of 5
                        paise per day. Students with dues cannot access the library or
                        receive certificates.
                    </li>
                    <li class="list-group-item">
                        Books may be renewed once for 15 days, provided no one else has
                        requested the same book.
                    </li>
                    <li class="list-group-item">
                        Books in high demand may not be renewed even before the due
                        date.
                    </li>
                    <li class="list-group-item">
                        The Librarian may recall any book at any time.
                    </li>
                    <li class="list-group-item">
                        Readers are not allowed to sub-lend books.
                    </li>
                    <li class="list-group-item">
                        Reference books, dictionaries, and rare materials cannot be
                        borrowed.
                    </li>
                    <li class="list-group-item">
                        Readers are responsible for damage/loss of books or property. If
                        replacement isn’t possible, 4x the value must be paid.
                    </li>
                </ol>
            </div>
        </div>

        <!-- Staff -->
        <h2 class="section-title">Staff</h2>
        <ul>
            <li>Assistant Librarian : 1</li>
            <li>Attenders : 6</li>
            <li>M.T.S.(G) : 4</li>
            <li>M.T.S.(HK): 1</li>
        </ul>
    </div>
</main>

@include('frontend.footer')