@extends('layouts.app')

@section('content')
    <section class="page-header row">
        <h2> Analytics Events </h2>
        <ol class="breadcrumb">
            <li><a href="{{ url('') }}"> Dashboard </a></li>
            <li><a href="{{ url('manage/analytics') }}"> Analytics </a></li>
            <li class="active"> Events</li>
        </ol>
    </section>
    <div class="page-content row">
        <div class="page-content-wrapper no-margin">
            <h3 class="section-title">All Records (Total: {{$eventsCount}})</h3>
            <div class="sbox">

                <div class="sbox-content">
                    <!-- Toolbar Top -->
                    <div class="toolbar-top">
                        <div class="row">
                            <div class="col-lg-7 col-md-6">
                                @if($access['is_excel'] ==1)
                                    <div style="display: inline-flex">
                                        <button type="button" id="exportBtn" class="btn btn-success" onclick="moduleExport()" style="display: inline-flex; margin-left: 20px">Export CSV</button>
                                        <div id="exportError" class="text-danger" style="margin: auto 15px; display: none">Error while Exporting Data!</div>
                                    </div>
                                @endif
                            </div>

                            <div class="col-lg-5 col-md-6 text-right toolbar-right">
                                <div class="input-group">
                                    <div class="input-group-btn">
                                        <button type="button" class="btn btn-primary btn-sm "
                                                onclick="CentralModal('{{ url('manage/analytics/search') }}','Advance Search'); ">
                                            <i class="fa fa-filter"></i> Filter
                                        </button>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                    <!-- End Toolbar Top -->

                    <div class="row">
                        {!! (isset($search_map) ? $search_map : '') !!}
                    </div>

                    <!-- Table Grid -->
                    <div class="table-responsive">

                        <table class="table table-striped table-hover " id="storeDealsTable">
                            <thead>
                            <tr>
                                <th style="width: 3% !important;" class="number"> No</th>
                                <th style="width: 10% !important;">{{ __('core.btn_action') }}</th>
                                <th>Event</th>
                                <th>UTM Source</th>
                                <th>UTM Campaign</th>
                                <th>Platform</th>
                                <th>Time</th>
                                <th>Session ID</th>
                            </tr>
                            </thead>

                            <tbody>
                            @foreach ($events as $row)
                                <tr>
                                    <td> {{ $loop->iteration }} </td>
                                    <td>

                                        <div class="actions">
                                            <ul class="actions-menu"
                                                style="list-style-type: none;margin: 0;padding-left: 0;">
                                                <li>
                                                    <a href="{{ url('/manage/analytics/'.$row->id) }}"
                                                       data-toggle="tooltip"
                                                       class="tips action-edit  btn btn-sm btn-success btn-fs"
                                                       title="{{ __('core.btn_show') }}"> <i
                                                                class="fa  fa-eye"></i></a></li>
                                            </ul>
                                        </div>
                                    </td>
                                    <td>{{$row->name}}</td>
                                    <td>{{@$row->data['utm_source']}}</td>
                                    <td>{{@$row->data['utm_campaign']}}</td>
                                    <td>{{@$row->platform->title}}</td>
                                    <td>{{\Carbon\Carbon::parse($row->created_at)->setTimezone('Africa/Cairo')}}</td>
                                    <td>{{$row->session_id}}</td>
                                </tr>

                            @endforeach

                            </tbody>

                        </table>
                        <input type="hidden" name="action_task" value=""/>

                        {!! Form::close() !!}
                        @if(!($access['is_view'] == 0 && $access['is_search'] == 1))
                            {{ $events->appends(request()->all())->links() }}
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>

@stop