@extends('admin.masterv2')

@section('styleSheet')


@endsection
@section('content')
<div class="page-content-wrapper">
    <div class="page-content">
        @include('admin.includesV2.adminHeader', 
            [
                'pageRoute' => route('researchList'), 
                'pageName' => 'Research List',
            ])

        <div class="titleContainer">
            <div class="header p-2">
                <div class="row">
                    <div class="col">
                        <i class="fa fa-thumb-tack"></i> Research Info
                    </div>
                </div>
            </div>
            <div class="body p-3">

                <div class="row">
                    <div class="col">
                        <table id="researchDatatable" class="table table-hover table-striped table-bordered paymentReportTable">
                            <thead>
                                <tr>
                                    <th>Date & Time</th>
                                    <th>Student ID</th>
                                    <th>Name</th>
                                    <th>Contact</th>
                                    <th>Email</th>
                                    <th style="width:130px">Action</th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                </div>
                


                

            </div>
        </div>
    </div>
</div>

@endsection
@section('customJs')
<script type="text/javascript" src="{{ asset('assets/plugins/datatables/dataTables.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/plugins/datatables/dataTables.bootstrap5.js') }}"></script>

<script type="text/javascript" src="{{ asset('assets/plugins/datatables/dataTables.buttons.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/plugins/datatables/buttons.dataTables.js') }}"></script>

<script type="text/javascript" src="{{ asset('assets/plugins/ajaxlibs/jszip/jszip.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/plugins/ajaxlibs/pdfmake/pdfmake.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/plugins/ajaxlibs/pdfmake/vfs_fonts.js') }}"></script>

<script type="text/javascript" src="{{ asset('assets/plugins/datatables/buttons.html5.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/plugins/datatables/buttons.print.min.js') }}"></script>
<!-- Add Moment.js CDN in your Blade file -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.43/moment-timezone-with-data.min.js"></script>
<script>
    const deleteAllowed = {{ config('dashboard_constant.DELETEALLOWED') ? 'true' : 'false' }};
</script>

<script>
    $(document).ready(function () {

        $('#researchDatatable').DataTable({
            processing: true,
            serverSide: true,
            ajax: {
                url: "{{ route('admin.research.datatable') }}",
                type: 'GET'
            },
            columns: [
                {
                    data: 'created_at',
                    render: function (data) {
                        return moment(data).format('DD MMM YYYY hh:mm A');
                    }
                },
                { data: 'id' },
                { data: 'researchers_name' },
                { data: 'researchers_number' },
                { data: 'researchers_email' },
                {
                    data: 'id',
                    orderable: false,
                    searchable: false,
                    render: function (id) {

let html = `
    <a href="/admin/research-details/${id}" target="_blank" class="btn btn-success btn-sm">
        <i class="fa fa-eye"></i> View
    </a>
    <a href="/admin/download-csv/${id}" class="btn btn-success btn-sm ms-2">
        <i class="fa fa-download"></i> CSV
    </a>
`;

if (deleteAllowed) {
    html += `
        <form action="/admin/research-form/${id}" method="POST" class="d-inline delete-form">
            <input type="hidden" name="_token" value="${$('meta[name="csrf-token"]').attr('content')}">
            <input type="hidden" name="_method" value="DELETE">
            <button type="submit" class="btn btn-danger btn-sm ms-2">
                <i class="fa fa-trash"></i> Delete
            </button>
        </form>
    `;
}

return html;
}

                }
            ],
            pageLength: 25,
            order: [[0, 'desc']]
        });
    
    });
    </script>
  <script>
    $(document).on('submit', '.delete-form', function (e) {
        e.preventDefault();
    
        if (confirm('Are you sure you want to delete this research record?')) {
            this.submit();
        }
    });
    </script>
 
{{-- @php
 $deleteAllowed = config('dashboard_constant.DELETEALLOWED');
@endphp

@if(!$deleteAllowed)
    <script>
        $(document).ready(function () {
            // Hide delete buttons on initial load and after every redraw
            $('#researchDatatable').on('draw.dt', function () {
                $('.delete-form').hide();
            });
        });
    </script>
@endif --}}



@endsection
@section('documentJquery')

@endsection