@extends('frontn.layouts.app')
@section('page_title')
    {{(!empty($page_title) && isset($page_title)) ? $page_title : ''}}
@endsection
@push('head-scripts')
    <link rel="stylesheet" href="{{ asset('manager/datatable/datatables.min.css') }}" rel="stylesheet"/>
@endpush
@section('content')
    <main class="main">

        <div class="site-breadcrumb" style="background: url({{asset('frontn/img/breadcrumb/01.jpg')}})">
            <div class="container">
                <h2 class="breadcrumb-title">GIU Medal List</h2>

            </div>
        </div>
        <div class="container my-3">
            <div class="section-title section-title-3 mt-4">
                <p ><strong>Note: </strong> After displaying a tentative list of medal Winners on the Website, observations were invited for its finalization. Accordingly, the following FINAL list is being displayed for information and further processing by all concerned.</p>
            </div>
            <!-- Section Title Start -->
            <div class="section-title section-title-3 text-center">
{{--                <h2 class="main-title">TUF Medal List</h2>--}}
            </div>
            <!-- Section Title End -->

            <div class="container">
                <div class="table-responsive">
                    <table class="table table-striped table-sm dataTable">
                        <thead>

                        <tr>
                            <th scope="col">#</th>
                            <th scope="col">Reg.No.</th>
                            <th scope="col">Name</th>
                            <th scope="col">Degree Name</th>
                            <th scope="col">Session</th>
                            <th scope="col">Medal</th>
                        </tr>
                        </thead>
                    </table>
                </div>
            </div>

            <!-- Section Title Start -->
{{--            <div class="section-title section-title-3 mt-4">--}}
{{--                <p><strong>Note:</strong></p>--}}
{{--                <p class="text-center">The Faculty and degree wise list of medal winners according to approved Policy has been displayed on website for information of graduates and others. They are advised to submit their observation, if any with documentary evidences, by email on <strong> controller.exam@tuf.edu.pk upto November 18,2025. If no observation is received upto said date, the list will be considered as final for further processing.</strong></p>--}}
{{--            </div>--}}
            <!-- Faq Accordion End -->

        </div>




    </main>
@endsection
@push('footer-scripts')

    <!-- Main JS -->
    {{--    <script src="{{asset('frontend/assets/js/main.js')}}"></script>--}}
    {{--    <!-- Modernizer & jQuery JS -->--}}
    {{--    <script src="{{asset('frontend/assets/js/vendor/jquery-1.12.4.min.js')}}"></script>--}}
    {{--    <script src="{{asset('frontend/assets/js/bootstrap.min.js')}}"></script>--}}

    <script type="text/javascript" src="{{ asset('manager/datatable/datatables.min.js')}}"></script>

    <script>
        $(function (){
            var t = $('.dataTable').DataTable({
                processing: true,
                serverSide: true,
                bLengthChange: false,
                pageLength: 25,
                order:[[0,'desc']],
                ajax: "{{route('/n/get.medal-list-tuf')}}",
                columns: [
                    { data: 'id' },
                    { data: 'reg_no'},
                    { data: 'name'},
                    { data: 'degree_name' },
                    { data: 'passout_session' },
                    { data: 'medal_id' },
                ],
                columnDefs: [
                    {
                        render: function ( data, type, row,meta ) {
                            return meta.row + meta.settings._iDisplayStart + 1;
                        },
                        searchable:false,
                        orderable:true,
                        targets: 0
                    }
                ]
            });
        });
    </script>
@endpush