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

        <b>All User 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>       
        <div class="table-responsive">
        <table class="table table-bordered table-striped table-hover" id="report_entrant">
            <thead>
                <tr>
                    <th>Entrant Id</th>
                    <th>System First Name</th>
                    <th>System Last Name</th>
                    <th>System Email</th>
                    <th>System Company</th>
                    <th>System Country</th>
                    <th>Registration time (event time)</th>                   
                    <th>Entry Ids</th>
                    <th>No. of draft entries</th>
                    <th>No. of completed entries</th>
                    <th>No. of cancelled entries</th>
                    <th>Order IDs</th>
                    <th>Total Amount</th>
                    <th>Paid Amount</th>
                    <th>Job Title</th>
                    <th>Phone</th>                    
                    <th>Email</th>
                    <th>Address</th>
                    <th>Address - Country</th>                                   
                </tr>
            </thead>
            <tbody>
            @php if(count($entrant_detail)>0){
                $i=1;
                foreach($entrant_detail AS $entrant){
            @endphp
                <tr>
                <td>{{ $i }}</td>
                <td>{{ $entrant->first_name }}</td>
                <td>{{ $entrant->last_name }}</td>
                <td>{{ $entrant->email }} </td>
                <td>{{ $entrant->company_name }}</td>
                <td>{{ $entrant->country }}</td>
                <td>{{ $entrant->event_date }}</td>
                <td>{{ $entrant->entry_ids}}</td>
                <td>{{ $entrant->no_of_draft_entry }}</td>
                <td>{{ $entrant->no_of_complited_entry }}</td>
                <td>{{ $entrant->no_of_cancle_entry }}</td>
                <td>{{ $entrant->order_id }}</td>
                <td>{{ $entrant->total_amount }}</td>
                <td>{{ $entrant->total_amount }}</td>           
                <td>{{ $entrant->job_title }}</td>
                <td>{{ $entrant->mobile }}</td>
                <td>{{ $entrant->email }}</td>
                <td>{{ $entrant->address.' '.$entrant->city.' '.$entrant->state.' '.$entrant->pincode  }}</td>
                <td>{{ $entrant->country }}</td>                             
                </tr>
              @php $i++; }  }@endphp
            </tbody>
        </table>
        </div>


        <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.category_type+'</td><td>'+data.data.category+'</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')