@extends('master.admin')

@push('header.scripts')
    <!-- BEGIN PAGE LEVEL PLUGINS -->
    <link href="{{ asset('public/assets/global/plugins/bootstrap-daterangepicker/daterangepicker-bs3.css') }}" type="text/css"/>
    <link href="{{ asset('public/assets/global/plugins/morris/morris.css') }}" rel="stylesheet" type="text/css"/>
    <link href="{{ asset('public/assets/global/plugins/fullcalendar/fullcalendar.min.css') }}" type="text/css"/>
    <link href="{{ asset('public/assets/global/plugins/jqvmap/jqvmap/jqvmap.css') }}" type="text/css"/>
    <link href="{{ asset('public/assets/global/plugins/datatables/datatables.min.css') }}" type="text/css"/>
    <link href="{{ asset('public/assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css') }}" rel="stylesheet" type="text/css"/>

    <!-- END PAGE LEVEL PLUGINS -->

    @stop

    @push('footer.scripts')
        <!-- BEGIN PAGE LEVEL SCRIPTS -->
        <!-- BEGIN PAGE LEVEL PLUGINS -->
        <script src="{{ asset('public/assets/layouts/layout/scripts/charts.js') }}" type="text/javascript"></script>
        <script src="{{ asset('public/assets/global/plugins/flot/jquery.flot.min.js') }}" type="text/javascript"></script>
        <script src="{{ asset('public/assets/global/plugins/flot/jquery.flot.resize.min.js') }}" type="text/javascript"></script>
        <script src="{{ asset('public/assets/global/plugins/flot/jquery.flot.categories.min.js') }}" type="text/javascript"></script>
        <script src="{{ asset('public/assets/pages/scripts/posted_leads_charts.js') }}" type="text/javascript"></script>
        <script src="{{ asset('public/assets/pages/scripts/twilio_calls_charts.js') }}" type="text/javascript"></script>

        <script src="{{ asset('public/assets/global/scripts/datatable.js') }}" type="text/javascript"></script>
        <script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.10.24/datatables.min.js"></script>
        <script src="{{ asset('public/assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js') }}" type="text/javascript"></script>
        <!-- END PAGE LEVEL PLUGINS -->
        <!-- END PAGE LEVEL SCRIPTS -->
        <script>
            $(function () {

            });


        </script>

        @stop

@section('content')

    <!-- BEGIN CONTENT -->
    <div class="page-content-wrapper">
        <!-- BEGIN CONTENT BODY -->
        <div class="page-content">
            <!-- BEGIN PAGE HEADER-->
            <!-- BEGIN PAGE BAR -->
            <div class="page-bar">
                <ul class="page-breadcrumb">
                    <li>
                        <a href="#">Dashboard</a>
                    </li>
                </ul>
            </div>
            <!-- END PAGE BAR -->
            
            
            
            <div class="row">
                <div class="col-md-12">

                    <div class="portlet light portlet-fit portlet-datatable bordered">
                        <div class="portlet-title">
                            <div class="caption">
                                <i class="fa fa-database"></i>
                                <span class="caption-subject font-dark sbold uppercase">Event Info</span>
                            </div>
                        </div>
                        <div class="portlet-body" style="height:auto !important;">
                            <div class="table-scrollable" id="couponcodes-outer-div">
                                <table id="couponcodes_dt" class="table table-striped table-bordered table-hover " cellspacing="0" width="100%">
                                    <thead>
                                        <tr>
                                            <th>Short</th>
                                            <th>Name</th>
                                            <th>Number of participants/teams</th>
                                        </tr>
                                    </thead>
                                    
                                    <tbody>
                                        @foreach($event_info as $item)
                                        <tr>
                                            <td>{{ $item['short_name'] }}</td>
                                            <td>{{ $item['name'] }}</td>
                                            <td>{{ $item['count'] }}</td>
                                        </tr>                                            
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>

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


        </div>
        <!-- END CONTENT BODY -->
    </div>
    <!-- END CONTENT WRAPPER -->
@stop