@extends($base)
@section('page_title') View Audience @endsection
@section('page_content')
    <div class="page-content container-fluid" style="background: #fff;">
        <div class="row">
            <div class="col-md-6">
                <h5>View Audience:</h5>
                <hr style="margin: 5px auto 20px auto;" />
            </div>
            <div class="col-md-6">
                <h5>Detailed Filters [contd]:</h5>
                <hr style="margin: 5px auto 20px auto;" />
            </div>
            <div class="col-md-6">
                <table class="table table-stripped table-bordered table-condensed mb-0">
                    <tr>
                        <td width="300"><b>Name</b></td>
                        <td width="600">{{ $data->name }}</td>
                    </tr>
                    <tr>
                        <td><b>Filter Mode</b></td>
                        <td>{{ str_replace('_', ' ', $data->mode) }}</td>
                    </tr>
                    <tr>
                        <td><b>Potential Reach</b></td>
                        <td>{{ number_format($data->stat()->reach) }}</td>
                    </tr>
                    <tr>
                        <td><b>Potential Share</b></td>
                        <td>{{ number_format($data->stat()->share, 2) . '%' }}</td>
                    </tr>
                    <tr>
                        <td width="300"><b>Detailed Filters</b></td>
                        <td width="600">
                            <table class="table table-stripped table-bordered table-condensed mb-0">
                                <tr>
                                    <td width="300"><b>Region / State</b></td>
                                    <td width="600">
                                        @if (property_exists($info, 'region') && count($info->region) > 0 && count($info->region) <= 9)
                                            <ul style="padding-left: 20px;">
                                                @foreach($info->region as $lang)
                                                    <li>{{ ucwords($lang) }}</li>
                                                @endforeach
                                            </ul>
                                        @else {{ 'ALL REGIONS' }} @endif
                                    </td>
                                </tr>
                                <tr>
                                    <td><b>City / Town</b></td>
                                    <td>{{ strtoupper(implode(', ', $info->city)) }}</td>
                                </tr>
                                <tr>
                                    <td><b>Age Range</b></td>
                                    <td>{{ $info->age_from .' to '. $info->age_to }}</td>
                                </tr>
                                <tr>
                                    <td><b>Language</b></td>
                                    <td>
                                        @if (property_exists($info, 'language') && count($info->language) > 0)
                                            <ul style="padding-left: 20px;">
                                                @foreach($info->language as $lang)
                                                    <li>{{ ucwords($lang) }}</li>
                                                @endforeach
                                            </ul>
                                        @else {{ 'ALL LANGUAGES' }} @endif
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
                <hr />
                <div>
                    <a class="btn btn-md btn-success" href="{{ route($index) }}">
                        <i class="fa fa-desktop"></i> Audiences
                    </a>
                    <a class="btn btn-md btn-warning" href="{{ route($edit, ['id' => $data->id]) }}">
                        <i class="fa fa-pencil"></i> Edit Audience
                    </a>
                    <a class="btn btn-md btn-info" href="{{ route($sms, ['id' => $data->id]) }}">
                        <i class="fa fa-envelope-o"></i> Send SMS
                    </a>
                    <a class="btn btn-md btn-info" href="{{ route($email, ['id' => $data->id]) }}">
                        <i class="fa fa-at"></i> Send Email
                    </a>
                </div>
            </div>
            <div class="col-md-6">
                <div id="grid" data-grid="{{ $grid }}" style="height: 400px; border: 1px solid #ccc; background: #fff; overflow-y: scroll"></div>
            </div>
        </div>
    </div>
@stop
@push('scripts')
    <script src="{{ asset('lib/jstree/dist/jstree.js') }}"></script>
    <script src="{{ asset('lib/justgage/raphael-2.1.4.min.js') }}"></script>
    <script src="{{ asset('lib/justgage/justgage.js') }}"></script>
    <script>
        $(function() {
            $('#grid').jstree({
                'core': {
                    'data' : $('#grid').data('grid'),
                    "themes": {"url": true, "icons": true, "dots": true},
                    'check_callback': true
                },
                'checkbox': {three_state: false, cascade: 'up'},
                'plugins': ['html_data', 'themes', 'checkbox', 'sort', 'wholerow']
            });
        });
    </script>
@endpush