@include('links.header')
            <!-- JQuery DataTable Css -->
            <!-- <link href="{{url('plugins/jquery-datatable/skin/bootstrap/css/dataTables.bootstrap.css')}}" rel="stylesheet"> -->

        <b>Entrant Report</b>
        <form method='post' action="{{ route('event.store') }}" enctype="multipart/form-data">
        @csrf
        <div class="row clearfix">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                
                        <div class="panel-body">
                            <div class="row clearfix cform">
                                <div class=" col-md-6 col-sm-6">
                                <label class="form-label">You want to : </label>
                                    <div class="form-group form-float">
                                        <input name="entrant_report" type="radio" id="entrant_report_view"  value="entrant_report_view" />
                                        <label for="entrant_report_view">View Report</label>
                                        <!-- <input name="entrant_report" type="radio" id="entrant_report_download"  value="entrant_report_download"  />
                                        <label for="entrant_report_download">Download Report</label> -->
                                    </div>
                                </div>
                            </div>
                        </div>
                </div>
        </div>
        </form>
        <table class="table table-bordered table-striped table-hover" id="report_entrant">
            <thead>
                <tr>
                    <th>First Name</th>
                    <th>Last Name</th>
                    <th>Company</th>
                    <th>Job Title</th>
                    <th>Country</th>
                    <th>Entry Ids</th>
                    <th>Completed Entries</th>
                    <th>Drafted Entries</th>
                    <th>Order Ids</th>
                    <th>Total Amount</th>
                </tr>
            </thead>
            <tbody>
                
            
            </tbody>
        </table>


        <script>
            $(document).ready(function() {
                // $('#report_entrant').dataTable();
                $('#report_entrant').DataTable({
                    dom: 'Bfrtip',
                    buttons: [
                        'excel', 'pdf', 'print'
                    ]
                });
            } );
            $("input[name='entrant_report'").on('change',function(){
                var report_type =  $(this).val();

                if( report_type == 'entrant_report_view' ){
                    getData('view');
                }else if( report_type == 'entrant_report_download' ){
                    getData('download');
                }else{

                }
            });

            function getData( type ) {
                $.ajaxSetup({

                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }

                });
                $.ajax({
                    type:'POST',
                    url:'entrant_report',
                    data:{
                        'type_of_report':type
                    },
                    success:function(data) {
                    if(data.status_code=='1000'){
                        console.log(data.data)
                        $('#report_entrant tbody').append('<tr><td>'+data.data.pri_first_name+'</td><td>'+data.data.pri_last_name+'</td><td>'+data.data.pri_company_name+'</td><td>'+data.data.pri_job_title+'</td><td>'+data.data.country+'</td><td>'+data.data.entry_ids+'</td><td>'+data.data.complete_count+'</td><td>'+data.data.draft_entries+'</td><td>'+data.data.order_ids+'</td><td>'+data.data.total_amount+'</td></tr>');

                    }else{

                    }
                    }
                });
            }

            
        </script>
        <!-- Jquery DataTable Plugin Js -->
            
        
        @include('links.footer')