@extends('frontend.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')

    <!-- Page Banner Start -->
    <div class="section page-banner-section" style="background-image: url({{asset('frontend/assets/images/contact-us.png')}});">
{{--    <div class="section page-banner-section" style="background-image: url({{isset($contactUs->image) ?  asset("storage/WebFront/ContactUs/".$contactUs->image) : asset('frontend/assets/images/1038.png')}});">--}}
        <div class="shape-2"></div>
        <div class="container">
            <div class="page-banner-wrap">
                <div class="row">
                    <div class="col-lg-12">
                        <!-- Page Banner Content Start -->
                        <div class="page-banner text-center">
                            <h2 class="title">{{(!empty($p_title) && isset($p_title)) ? $p_title : ''}}</h2>
{{--                            <ul class="breadcrumb justify-content-center">--}}
{{--                                <li class="breadcrumb-item"><a href="{{url('/')}}">Home</a></li>--}}
{{--                            </ul>--}}
                        </div>
                        <!-- Page Banner Content End -->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Page Banner End -->

    <div class="meeta-faq-section section-padding">
        <div class="container">
            <div class="meeta-faq-wrapper">
                <!-- Section Title Start -->
                <div class="section-title section-title-3 text-center">
                    <h2 class="main-title">{{(!empty($p_title) && isset($p_title)) ? $p_title : ''}}</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>
            </div>
            <!-- Faq Accordion End -->

        </div>
    </div>

    <!-- back to top start -->
    <div class="progress-wrap">
        <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
            <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
        </svg>
    </div>
    <!-- back to top end -->

@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>
        $(document).ready(function() {
            $("#preloader").css("display", "none");
        });
    </script>
    <script>
        $(function (){
            var t = $('.dataTable').DataTable({
                processing: true,
                serverSide: true,
                bLengthChange: false,
                pageLength: 25,
                order:[[0,'desc']],
                ajax: "{{route('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