<?php $__env->startSection('content'); ?>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 id="page-title">Parallel Reservation Report</h1>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </section>
    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12 col-sm-12">
                    <div class="card card-primary card-outline card-outline-tabs">
                        <div class="card-header p-0 border-bottom-0">
                            <ul class="nav nav-tabs" id="custom-tabs-four-tab" role="tablist">
                                <li class="nav-item">
                                    <a class="nav-link active" id="group-wise-nomination-tab" data-toggle="pill"
                                    href="#group-wise-nomination" role="tab" aria-controls="group-wise-nomination"
                                    aria-selected="true"><i class="fas fa-table-alt"></i> Nomination</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" id="group-wise-promotion-tab" data-toggle="pill"
                                    href="#group-wise-promotion" role="tab"
                                    aria-controls="group-wise-promotion" aria-selected="false"><i class="fas fa-table-alt"></i> Promotion</a>
                                </li>
                            </ul>
                        </div>
                        <div class="card-body">
                            <div class="tab-content" id="tabContent">
                                <div class="tab-pane fade show active" id="group-wise-nomination" role="tabpanel"
                                aria-labelledby="group-wise-nomination">
                                    
                                    <!-- <div class="row justify-content-end">
                                        <div class="col-sm-4 text-right">
                                            <button type="button" class="btn btn-sm btn-outline-success mx-1"
                                            id="downloadbtn_front"><i class="fa fa-download"></i></button>
                                        </div>
                                    </div> -->
                                    <div id="servicebook_frontpage">
                                        <div class="card-body">
                                            <div class="row justify-content-around">
                                                <div class="col-md-12">
                                                    <table id="ParallelNominationTable" class="table table-bordered table-striped table-sm">
                                                        <thead>
                                                            <tr>
                                                                <th colspan="9" class="text-center">Nomination</th>
                                                            </tr>
                                                            <tr>
                                                                <th class="text-center">Group</th>
                                                                <th class="text-center">Ex. Servicemen</th>
                                                                <th class="text-center">Project Affected</th>
                                                                <th class="text-center">Earthquake affected</th>
                                                                <th class="text-center">Anashakalin karmachari</th>
                                                                <th class="text-center">Sportsman</th>
                                                                <th class="text-center">Compassion</th>
                                                                <th class="text-center">Female</th>
                                                                <th class="text-center">Handicapped</th>
                                                                
                                                            </tr>
                                                        </thead>
                                                        <tbody>

                                                        </tbody>
                                                    </table>  
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="group-wise-promotion" role="tabpanel" aria-labelledby="group-wise-promotion">
                                    <div class="">
                                        
                                        <div id="servicebook_all">
                                            <div class="card-body">
                                                <div id="servicebook_frontpage">  
                                                    <div class="row justify-content-around">
                                                        <div class="col-md-12">
                                                            <table id="ParallelPromotionTable" class="table table-bordered table-striped table-sm w-100">
                                                                <thead>
                                                                    <tr>
                                                                        <th class="text-center" colspan="2">Promotion</th>
                                                                    </tr>
                                                                    <tr>
                                                                        <th class="text-center">Group</th>
                                                                        <th class="text-center">Handicapped</th>
                                                                        
                                                                    </tr>
                                                                </thead>
                                                                    <tbody>
                                                                        
                                                                    </tbody>
                                                            </table>  
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>


<script>
    $(document).ready(function(e) {
        // $("#ParallelNominationTable tbody").empty();
        // $('#ParallelNominationTable').dataTable().fnClearTable();
        // $('#ParallelNominationTable').dataTable().fnDestroy();
        $.ajax({
            type: "GET",
            url: "<?php echo e(url('/get-parallel-nomination-reservation-report')); ?>",
            success: function(response, status) {
                $('#ParallelNominationTable').find('tbody').append(response.Output);
                $('#ParallelNominationTable').find('tbody').append(response.total);
                $("#ParallelNominationTable").DataTable({
                "responsive": true,
                "ordering": false,
                "buttons": ["csv", "excel", "pdf", "print"]
                }).buttons().container().appendTo('#ParallelNominationTable_wrapper .col-md-6:eq(0)');
            }
        });
        
        $.ajax({
            type: "GET",
            url: "<?php echo e(url('/get-parallel-promotion-reservation-report')); ?>",
            success: function(response, status) {
                
                $('#ParallelPromotionTable').find('tbody').append(response.Output);
                $('#ParallelPromotionTable').find('tbody').append(response.total);
                $("#ParallelPromotionTable").DataTable({
                "responsive": true,
                "ordering": false,
                "buttons": ["csv", "excel", "pdf", "print"]
                }).buttons().container().appendTo('#ParallelPromotionTable_wrapper .col-md-6:eq(0)');
            }
        });
    });
    // $(function() {
    //     $("#NominationTable").DataTable({
    //         "responsive": true,
    //         "ordering": false,
    //         "lengthChange": true,
    //         "autoWidth": false,
    //         "paging": false,
    //         "lengthChange": true,
    //         "autoWidth": false,
    //         "lengthMenu": [10, 20, 50, 100, 250, 500],
    //         "columnDefs": [{ "orderable": false, "targets": 0 }],
    //         "buttons": ["csv", "excel", "pdf", "print"]
    //     }).buttons().container().appendTo('#NominationTable_wrapper .col-md-6:eq(0)');
    // });

    // $(function() {
    //     $("#PromotionTable").DataTable({
    //         "responsive": true,
    //         "ordering": false,
    //         "lengthChange": true,
    //         "autoWidth": false,
    //         "lengthMenu": [10, 20, 50, 100, 250, 500],
    //         "columnDefs": [{ "orderable": false, "targets": 0 }],
    //         "buttons": ["csv", "excel", "pdf", "print"]
    //     }).buttons().container().appendTo('#PromotionTable_wrapper .col-md-6:eq(0)');
    // });
</script>
<!-- /.content-wrapper -->
<?php $__env->stopSection(); ?>
<?php echo $__env->make('admin.include.master', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /var/www/html/hrms-production/resources/views/admin/Reports/parallel-reservation-report.blade.php ENDPATH**/ ?>