@extends('layouts.master')
@section('title', \Lang::get('article.exhibitor_listing'))

@section('css')
<link rel="stylesheet" href="{{ URL::asset('public/css/datatables.min.css') }}">
<link rel="stylesheet" href="{{ URL::asset('public/css/content-tab-component.css') }}">
<link rel="stylesheet" href="{{ URL::asset('public/css/bootstrap-tagsinput.css') }}">
<link rel="stylesheet" href="{{ URL::asset('public/css/exhibitor-listing.css') }}">
<script src="{{ URL::asset('public/js/modernizr.custom.js') }}"></script>

<style type="text/css">
    .empty{
        cursor: not-allowed !important;
    }
</style>
@stop

@section('content')
<div class="row" style="margin-top: 4%;" id="freeze_panel">
    <div class="col-md-12">
        <div class="top_header"style="margin-bottom: 3%;">
            <b style="font-size: 26px;">{{ $event['result']['name'] }} @lang('article.exhibitor_list')</b>
        </div>
    </div>

    <div class="col-md-3" id="sticky-sidebar">
        <div class="sidebar__inner" style="width: 100%;">
            <div class="left_side_bar" style="height: 50px;">
                <button class="btn btn-danger btn-block" id="reset_btn" style="display: none;"><b>@lang('article.reset_all_filter')</b>
                </button>
            </div>
            <div class="left_side_bar" style="height: 55px;">
                <button class="btn btn-success btn-block" id="apply_btn" style="display: none;"><b>@lang('article.apply_filter')</b></button>
            </div>
            <div class="panel-group left_side_bar" id="accordion" role="tablist" aria-multiselectable="true">
                <div class="panel panel-default">
                    <div class="panel-heading" role="tab" id="headingOne">
                        <h4 class="panel-title">
                            <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#filterBy" aria-expanded="true">
                                <b>@lang('article.filter_by') </b>
                            </a>
                        </h4>
                    </div>
                    <div id="filterBy" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
                        <div class="panel-body">
                                                        @foreach($filter_data['result'] as $filter_data_key => $filter)
                                                        @if(!empty($filter))
                            <a href="#{{ $no }}" class="list-group-item collapsed" data-toggle="collapse" aria-expanded="true" aria-controls="{{ $filter_data_key }}"><b>{{ $filter_data_key }}</b></a>

                            <div id="{{ $no }}" class="panel-collapse collapse" role="tabpanel">
                                @foreach($filter as $filter_key => $filter_value)
                                <div class="checkbox" style="margin-bottom: 10px; width: 100%;">
                                    @if($filter_value === end($filter))
                                    <label class="group_checkbox">
                                        @else
                                        <label>
                                            @endif
                                            <input type="checkbox" data-col="{{ $i + 2 }}" class="data_filter"  data-id="{{ $filter_data['filter_id'][$no] }}" data-value="{{ $filter_value }}" name="filter[]" id="{{ $filter_data['filter_id'][$no] }}"><span class="cr"><i class="cr-icon glyphicon glyphicon-ok"></i></span>{{ $filter_value }}
                                        </label>
                                    </div>
                                    @endforeach
                                </div>
                                @else
                                <div class="checkbox" style="border-top: 1px dotted #cccccc; padding-top: 10px;">
                                    <label>
                                        @if(isset($filter['field_type_id'][$i]))
                                            @foreach($filter as $filter_key => $filter_value)
                                            <input type="checkbox" data-col="{{ $i + 2 }}" class="data_filter"  data-id="{{ $filter['field_type_id'][$i] }}" data-value="{{ $filter_key }}" name="filter[]" id="{{ $filter['field_type_id'][$i] }}"><span class="cr"><i class="cr-icon glyphicon glyphicon-ok"></i></span>{{ $filter_key }}
                                            @endforeach
                                        @endif
                                    </label>
                                </div>
                                @endif
                                                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
        </div>
    </div>

    <div class="col-md-9" style="margin-bottom: 140px;">
        <div class="container" id="filter_result" style="width: 95%; margin-top: 22px;">
            <table id="tbl_event_exhibitors" class="table table-bordered" width="100%">
                <thead>
                    <th align="center" style="display: none;">#</th>
                    <th align="center" id="data_sorting">@lang('article.exhibitor_listing')</th>
                </thead>
            </table>
        </div>
    </div>
</div>

<div class="modal fade" id="preview" tabindex="-1">
    <div class="modal-dialog" style="">
        <div class="modal-content">

            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="color: red; font-size: 50px; opacity: 1; margin-right: 5px;">&times;</button>
                <h2 class="modal-title">@lang('article.exhibitor_information')</h2>
            </div>

            <div class="modal-body">
            </div>

            <div class="modal-footer">

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

@stop
@section('javascript')
<script src="{{ URL::asset('public/js/angular.min.js') }}"></script>
<script src="{{ URL::asset('public/js/bootstrap-tagsinput-angular.js') }}"></script>  
<script src="{{ URL::asset('public/js/bootstrap-tagsinput.js') }}"></script>  
<script src="{{ URL::asset('public/js/DataTables/datatables.min.js') }}"></script>  
<script src="{{ URL::asset('public/js/DataTables/AlphabetSearch/alphabet-search.js') }}"></script>  
<script src="{{ URL::asset('public/js/jquery.ContentSlider.min.js') }}"></script>  
<script src="{{ URL::asset('public/js/exhibitor_listing.js') }}"></script>  
<script src="{{ URL::asset('public/js/sticky-sidebar.js') }}"></script>  


<script type="text/javascript">
var event_id    = "{{ $event_id }}";
var user_id     = "{{ isset($GLOBALS['user']['result']['id']) ? $GLOBALS['user']['result']['id'] : ''}}";
var login_url   = "{!! $GLOBALS['sso_login_url'] !!}";
var url         = "/article/"+event_id+"/exh_listing/search";
var csrf_token  = "{{ csrf_token() }}";
exhibitor_listing_init();
// setTimeout(exhibitor_listing_init, 3000);

if ($(window).width() >= 800) {
    var sticky = new StickySidebar('#sticky-sidebar', {
        topSpacing: 15,
        containerSelector: '#freeze_panel',
        innerWrapperSelector: '.sidebar__inner'
    });
}

$(window).on('resize', function(){
    if ($(window).width() >= 800) {
        var sticky = new StickySidebar('#sticky-sidebar', {
            topSpacing: 15,
            containerSelector: '#freeze_panel',
            innerWrapperSelector: '.sidebar__inner'
        });
    }
});
</script>
@stop