@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">AUMDC Medal List</h2>

            </div>
        </div>
        <div class="container my-3">

            <!-- Section Title Start -->
            <div class="section-title section-title-3 text-center ">
{{--                <h2 class="main-title">UMDC 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>

            <!-- 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-umdc')}}",
                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