@extends('admin.layouts.app')
@section('content')
<section class="forms">
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-12">
                <ul class="nav nav-tabs">
                    <li class="nav-item">
                        <a class="nav-link {{ request()->get('m') == 'ondemand' || request()->get('m') == '' ? 'active' : '' }}"
                           href="{!! route('admin.'.request()->segment(2).'.index') !!}?m=ondemand"
                           @if(request()->get('m') == 'ondemand' || request()->get('m') == '') style="background:#cce5ff !important" @endif>
                           <i class="fa fa-line-chart"></i> Ondemand Video Analytis
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link {{ request()->get('m') == 'cms' ? 'active' : '' }}"
                           href="{!! route('admin.'.request()->segment(2).'.index') !!}?m=cms"
                           @if(request()->get('m') == 'cms') style="background:#cce5ff !important" @endif>
                           <i class="fa fa-line-chart"></i> CMS Video Analytis
                        </a>
                    </li>
                </ul>

            </div>
            <div class="col-lg-12 addlink mt-2">
                <button type="button" class="btn btn-primary btn-sm" onclick="javascript:$('.divFilter').toggle();"><i class="fa fa-filter"></i> Filters <span id="filterCount"></span></button>
                @php
                $queryStr = [
                    'isGroupByFilters' => 0,
                    'm' => request()->get('m'),
                    'content_type_id' => request()->get('content_type_id'),
                    'content_series_id' => request()->get('content_series_id'),
                    'content_id' => request()->get('content_id'),
                    'cms_id' => request()->get('cms_id'),
                    'type' => request()->get('type'),
                    'user_id' => request()->get('user_id'),
                    'kwd' => request()->get('kwd'),
                    'start_date' => request()->get('start_date'),
                    'end_date' => request()->get('end_date'),
                    'is_completed' => request()->get('is_completed'),
                    'ip' => request()->get('ip'),
                ];
                $exportUrl = route('admin.report_video.export', $queryStr);
                @endphp
                <button type="button" class="btn btn-info btn-sm" onclick="javascript:window.location.href='{!! $exportUrl !!}'"><i class="fa fa-download"></i> Export</button>
            </div>
            <div class="col-lg-12 divFilter" style="display:none">
                <form id="frmFilter">
                    <input type="hidden" name="m" value="{!! request()->get('m') !!}">
                    <div class="form-group row">
                        @if(request()->get('m') == 'cms')
                        <div class="col-sm-4 mb-2">
                            <label class="form-control-label">CMS Page</label>
                            <select class="form-control" name="cms_id" id="cms_id"></select>
                        </div>
                        @else
                        <div class="col-sm-4 mb-2">
                            <label class="form-control-label">Ministry</label>
                            <select class="form-control" name="content_type_id" id="content_type_id"></select>
                        </div>
                        <div class="col-sm-4 mb-2">
                            <label class="form-control-label">Series</label>
                            <select class="form-control" name="content_series_id" id="content_series_id"></select>
                        </div>
                        <div class="col-sm-4 mb-2">
                            <label class="form-control-label">Content</label>
                            <select class="form-control" name="content_id" id="content_id"></select>
                        </div>
                        @endif
                        <div class="col-sm-4 mb-2">
                            <label class="form-control-label">User</label>
                            <select class="form-control" name="user_id" id="user_id"></select>
                        </div>
                        <div class="col-sm-4 mb-2">
                            <label class="form-control-label">Video Type</label>
                            <select class="form-control" name="type" id="type">
                                <option value="">Select</option>
                                @foreach($types as $type)
                                <option value="{!! $type !!}" @if(request()->get('type') == $type) selected @endif>{!! ucwords(str_replace("_"," ",$type)) !!}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-sm-4 mb-2">
                            <label class="form-control-label">Search</label>
                            <input type="text" class="form-control" name="kwd" id="kwd" value="{!! request()->get('kwd') !!}">
                        </div>
                        <div class="col-sm-4 mb-2">
                            <label class="form-control-label">Start Date</label>
                            <input type="text" class="form-control clsManualDatePicker" name="start_date" id="start_date" value="{!! request()->get('start_date') !!}">
                        </div>
                        <div class="col-sm-4 mb-2">
                            <label class="form-control-label">End Date</label>
                            <input type="text" class="form-control clsManualDatePicker" name="end_date" id="end_date" value="{!! request()->get('end_date') !!}">
                        </div>
                        <div class="col-sm-2 mb-2">
                            <label class="form-control-label">Is Completed?</label>
                            <select class="form-control" name="is_completed" id="is_completed">
                                <option value="">Select</option>
                                <option value="1" @if(request()->get('is_completed') == "1") selected @endif>Yes</option>
                                <option value="0" @if(request()->get('is_completed') == "0") selected @endif>No</option>
                            </select>
                        </div>
                        <div class="col-sm-2 mb-2">
                            <label class="form-control-label">IP</label>
                            <input type="text" class="form-control" name="ip" id="ip" value="{!! request()->get('ip') !!}">
                        </div>
                    </div>
                    <div class="col-lg-12 text-md-center">
                        <button type="submit" class="btn btn-primary btn-sm"><i class="fa fa-search"></i> Search</button>
                        <!-- <button onclick="javascript:window.location.href='{!! route('admin.'.request()->segment(2).'.index') !!}'" class="btn btn-danger mb-1"><i class="fa fa-close"></i> Reset</button> -->
                        <button type="button" id="resetFilter" class="btn btn-sm btn-danger">Reset</button>

                    </div>
                </form>
            </div>
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-body">
                        <div class="dataTables_wrapper no-footer">
                            <div class="dataTables_info" id="data-table_info" role="status" aria-live="polite">
                                {!! $infoText !!}
                            </div>

                            <div class="table-responsive">
                                <table class="table text-center dataTable no-footer">
                                    <thead>
                                        <tr>
                                            @if(request()->get('m') == 'cms')
                                            <th>CMS Page</th>
                                            @else
                                            <th>Ministry</th>
                                            <th>Series</th>
                                            <th>Content</th>
                                            <th>Type</th>
                                            @endif
                                            <th>User</th>
                                            <th>IP</th>
                                            <th>Watch On</th>
                                            <th>Completed?</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @if($videoReports->count())
                                        @foreach($videoReports as $videoReport)
                                        <tr>
                                            @if(request()->get('m') == 'cms')
                                            <td>
                                                @if($videoReport->cms_id)
                                                <a href="{!! route($videoReport->cms->slug) !!}" target="_blank">{!! $videoReport->cms->title !!}</a>
                                                @endif
                                            </td>
                                            @else
                                            <td>
                                                @if($videoReport->content_id && isset($videoReport->content->type->id))
                                                <a href="{!! route('admin.content_type.view',$videoReport->content->type->id) !!}" target="_blank">{!! $videoReport->content->type->name !!}</a>
                                                @endif
                                            </td>
                                            <td>
                                                @if($videoReport->content_id && isset($videoReport->content->series->id))
                                                <a href="{!! route('admin.content_series.view',$videoReport->content->series->id) !!}" target="_blank">{!! $videoReport->content->series->name !!}</a>
                                                @elseif($videoReport->content_series_id && isset($videoReport->content_series_id->id))
                                                <a href="{!! route('admin.content_series.view',$videoReport->content_series_id) !!}" target="_blank">{!! $videoReport->content_series->name !!}</a>
                                                @endif
                                            </td>
                                            <td>
                                                @if($videoReport->content_id && isset($videoReport->content->id))
                                                <a href="{!! route('admin.content.view',$videoReport->content_id) !!}" target="_blank">{!! $videoReport->content->name !!}</a>
                                                @endif
                                            </td>
                                            <td>{!! ucwords(str_replace("_"," ",$videoReport->type)) !!}</td>
                                            @endif

                                            <td>
                                                @if($videoReport->user_id)
                                                <a href="{!! route('admin.user.view',$videoReport->user_id) !!}" target="_blank">{!! $videoReport->user->name ?? "" !!}</a>
                                                @endif
                                            </td>

                                            <td>{!! $videoReport->ip !!}</td>

                                            <td>{!! convertUtcToLocal($videoReport->created_date,config('constants.DISPLAY_DATE_FORMAT')) !!}</td>

                                            <td>{!! in_array(1,explode(",",$videoReport->isCompletedStr)) ? "Yes" : "No" !!}</td>

                                            <td>
                                                @php
                                                $queryStr = [
                                                    'isGroupByFilters' => 1,
                                                    'm' => request()->get('m'),
                                                    'type' => $videoReport->type,
                                                    'user_id' => $videoReport->user_id,
                                                    'content_type_id' => $videoReport->content_type_id,
                                                    'content_series_id' => $videoReport->content_series_id,
                                                    'content_id' => $videoReport->content_id,
                                                    'cms_id' => $videoReport->cms_id,
                                                    'ip' => $videoReport->ip,
                                                    'created_date' => $videoReport->created_date,
                                                    'video_url' => $videoReport->video_url,
                                                ];
                                                $viewUrl = route('admin.report_video.groupby', $queryStr);
                                                $exportUrl = route('admin.report_video.export', $queryStr);
                                                @endphp
                                                <a href="{!! $viewUrl !!}" class="btn action-btn" role="button" aria-pressed="true"><i class="fa fa-eye green" aria-hidden="true" title="View"></i></a>
                                                @if($videoReport->video_url)
                                                <a href="{!! $videoReport->video_url !!}" class="btn action-btn red" role="button" aria-pressed="true" target="_blank" title="Video"><i class="fa fa-video" aria-hidden="true"></i></a>
                                                @endif
                                                <a href="{!! $exportUrl !!}" class="btn action-btn" role="button" aria-pressed="true" target="_blank" title="Export"><i class="fa fa-file-excel blue" aria-hidden="true"></i></a>
                                            </td>
                                        </tr>
                                        @endforeach
                                        @endif
                                    </tbody>
                                </table>
                            </div>
                            <div class="dataTables_info" role="status" aria-live="polite">
                                {!! $infoText !!}
                            </div>
                            <div class="dataTables_paginate paging_simple_numbers">
                                {!! $videoReports->withQueryString()->links() !!}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@section('js')
<!-- <script src="{!! asset('assets/backend/js/pages/'.request()->segment(2).'.js') !!}"></script> -->
<script>
function initSelect2Dropdown(elementId, filterType, placeholder, preselectedId = null, preselectedText = null) {
    const $el = $("#" + elementId);

    $el.select2({
        placeholder: placeholder,
        allowClear: true,
        ajax: {
            url: "{{ route('admin.report_video.drpfilter') }}",
            dataType: 'json',
            delay: 250,
            data: function (params) {
                return {
                    q: params.term,
                    page: params.page || 1,
                    drpfilter: filterType
                };
            },
            processResults: function (data, params) {
                params.page = params.page || 1;
                return {
                    results: data.data,
                    pagination: {
                        more: data.more
                    }
                };
            },
            cache: true
        },
        minimumInputLength: 1
    });

    // If page loaded with a preselected value, set it
    if (preselectedId && preselectedText) {
        const option = new Option(preselectedText, preselectedId, true, true);
        $el.append(option).trigger('change');
    }
}

$(document).ready(function () {
    initSelect2Dropdown(
        "content_type_id",
        "content_type",
        "Select Ministry",
        "{{ request('content_type_id') }}",
        "{{ optional(App\Models\ContentType::find(request('content_type_id')))->name }}"
    );

    initSelect2Dropdown(
        "content_series_id",
        "content_series",
        "Select Series",
        "{{ request('content_series_id') }}",
        "{{ optional(App\Models\ContentSeries::find(request('content_series_id')))->name }}"
    );

    initSelect2Dropdown(
        "content_id",
        "content",
        "Select Content",
        "{{ request('content_id') }}",
        "{{ optional(App\Models\Content::find(request('content_id')))->name }}"
    );

    initSelect2Dropdown(
        "cms_id",
        "cms",
        "Select CMS Page",
        "{{ request('cms_id') }}",
        "{{ optional(App\Models\Cms::find(request('cms_id')))->title }}"
    );

    initSelect2Dropdown(
        "user_id",
        "user",
        "Select User",
        "{{ request('user_id') }}",
        "{{ optional(App\Models\User::find(request('user_id')))->name }}"
    );

    // Check if any filter is applied from request()
    let filterCount = 0;
    [
        "{{ request('content_type_id') }}",
        "{{ request('content_series_id') }}",
        "{{ request('content_id') }}",
        "{{ request('cms_id') }}",
        "{{ request('user_id') }}",
        "{{ request('type') }}",
        "{{ request('kwd') }}",
        "{{ request('start_date') }}",
        "{{ request('end_date') }}",
        "{{ request('is_completed') }}",
        "{{ request('ip') }}"
    ].forEach(val => { if (val) filterCount++; });

    if (filterCount > 0) {
        $("#filterCount").text("(" + filterCount + ")");
        $(".divFilter").show(); // auto expand if filters applied
    }
});
$(document).on("click", "#resetFilter", function () {
    window.location.href = "{{ route('admin.report_video.index') }}?m={{request()->get('m')}}";
});
</script>
@stop
@endsection