@extends('layouts.app')

@section('content')
<meta name="csrf-token" id="csrf-token" content="{{ csrf_token() }}">

<section class="content-header" style="margin-bottom:20px">
    <h1>
        Series Management
        <small>manage series</small>
    </h1>
</section>
<!-- /.box -->

<div class="box box-danger">
    <div class="box-header with-border">
        <h3 class="box-title">Search Series</h3>
    </div>
    <form role="form" method="POST" action="{{ route('videos.series') }}">
        <div class="box-body">
            <div class="row">
                <input type="hidden" name="_token" value="{{ csrf_token() }}">

                <div class="col-md-4">
                    <input type="text" class="form-control" name="search" placeholder="Search by video id or title" value="@if(isset($search)){{$search}}@endif">
                </div>

                                <div class="col-md-2">
                    <select class="form-control" name="status">
                        <option value="">Select Status</option>
                        @foreach($arrStatus as $key=>$vstatus)
                        <option value="{{ $key }}" @if($key == $status) selected @endif>{{ $vstatus }}</option>
                        @endforeach
                    </select>
                </div>
                
                <div class="col-md-2">
                    <select class="form-control" name="user_type">
                        <option value="">Select User Type</option>
                        @foreach($userType as $uType)
                        <option value="{{ $uType->id }}" @if($uType->id == $userTypeId) selected @endif>{{ $uType->name }}</option>
                        @endforeach
                    </select>
                </div>

                <div class="col-md-1">
                    <button class="btn btn-success form-control" type="submit">
                        <i class="fa fa-search"></i> Search
                    </button>
                </div>
            </div>
        </div>
    </form>
    <!-- /.box-body -->
</div>
<!-- /.box -->

@if ($message = Session::get('success'))
<div class="alert alert-warning shows-div">
    <p>{{ $message }}</p>
</div>
@elseif ($message = Session::get('failure'))
<div class="alert alert-warning shows-div">
    <p>{{ $message }}</p>
</div>
@endif

<div class="box">
    <div class="box-header">
        <h3 class="box-title">Series Data</h3>
        <div class="pull-right">
            <a class="btn btn-success btn-sm pull-right" href="{{ route('videos.series_publish') }}">Add Video</a>
        </div>
    </div>
    <!-- /.box-header -->
    <div class="box-body">
        <table class="table table-bordered table-hover dataTable" id="videoTableList">
                <tr>
                    <th>Video ID</th>
                    <th>Video Title</th>
                    <th>Image</th>
                    <th>Series</th>
                    <th>Season</th>
                    <th>Is Main</th>
                    <th>Schedule</th>
                    <th width="50px">Watch</th>
                    <th>Action</th>
                </tr>
            @foreach ($videos as $key => $video)
                <tr>
                    <td>{{ $video->video_id }}</td>
                    <td>{{ $video->video_name }}</td>
                    <td><img class="img-responsive menu-thumbnails" src="{{ $files[$video->video_id] }}" width="100"/></td>
                    <td>{{ $video->series_name }}</td>
                    <td>{{ $video->season_name }}</td>
                    <td>{{ $video->is_main?'Yes':'No' }}</td>
                    <td>{{ (new \App\Http\Helper)->date_format($video->start_date)." - ".(new \App\Http\Helper)->date_format($video->end_date) }}</td>
                    <td>
                        @if($video->status == 'published')
                        <a class="btn btn-success btn-sm space_buttons watch_videos" data-id="{{ $video->id }}" data-src="http://pedge.msgnaa.info:8081/hls//final/_264_640x360.mp4/playlist.m3u8">Watch Video</a>
                        @endif
                    </td>
                    <td>
                        <a class="btn btn-primary btn-sm btn-block space_buttons" href="{{ route('videos.series_edit',$video->id) }}">Edit</a>
                        @if($video->status == 'unpublished')
                        <a class="btn btn-danger btn-sm btn-block space_buttons unpublish" href="#" data-enc_key="{{$video->encryption_key}}" data-id="{{ $video->id }}" data-status="published" data-type="series" data-filename="{{$video->filename}}">UnPublished</a>
                        @else
                        <a class="btn btn-success btn-sm btn-block space_buttons unpublish" href="#" data-enc_key="{{$video->encryption_key}}" data-id="{{ $video->id }}" data-status="unpublished" data-type="series" data-filename="{{$video->filename}}">Published</a>
                        @endif

                        <a href="#" class="btn btn-info btn-sm btn-block space_buttons addToGeoGroups" data-media_id="{{ $video->id }}" data-geo_group_id="{{$video->geo_group_id}}" data-type="vod">Geo Restriction</a>
                    </td>
                </tr>
                @endforeach
        </table>
    </div>
    <!-- /.box-body -->
    <hr>
    <div class="text-right margin-r-5">
        <div>Showing {{ $pageInfo['currentPage'] }} to {{ $pageInfo['lastPage'] }} of {{ $pageInfo['total'] }} entries</div>
        <div>{!! $videos->appends($append)->render() !!}</div>
    </div>
</div>

<div class="box box-danger">
    <div class="box-header with-border">
        <h3 class="box-title">Change Series Status</h3>
    </div>
    <div class="box-body">
        <div class="row">
            <div class="col-md-4">
                <select class="form-control" id="tv_series_category" name="tv_series_category">
                    <option value="">Select Status</option>
                    @foreach($videoCategories as $category)
                    <option value="{{ $category->id }}" >{{ $category->name }}</option>
                    @endforeach
                </select>
            </div>

                        <div class="col-md-2">
                <select class="form-control" id="tv_series_status" name="series_status">
                    <option value="">Select Status</option>
                    @foreach($arrStatus as $key=>$vstatus)
                    <option value="{{ $key }}" >{{ $vstatus }}</option>
                    @endforeach
                </select>
            </div>

            <div class="col-md-1">
                <button class="btn btn-info tv_series_category_status" type="submit">
                    Publish / UnPublish Videos
                </button>
            </div>
        </div>
    </div>
</div>

<!-- Group Popup -->
@include('elements.groups')
@include('elements.popup')

<script src="{{ asset('/js/groups.js') }}"></script>
<script src="{{ asset('/js/custom.js') }}"></script>
<script src="{{ asset('/js/clappr.js') }}"></script>
<script src="{{ asset('/js/videos.js') }}"></script>

<script type="text/javascript">
$(document).ready(function () {
    $(".datepicker").datepicker({
        dateFormat: "yy-mm-dd",
        minDate: "0",
    });
});

//unpublished button click
$(document).on('click', '.unpublish', function (e) {
    e.preventDefault();
    var that = $(this);
    $.ajax({
        type: "POST",
        url: '/videos/change_vod_status',
        data: {"_token": "{{ csrf_token() }}", "id": $(this).data('id'), "status": $(this).data('status'),
            "type": $(this).data('type'), "filename": $(this).data('filename'),
            "encryption_key": $(this).data('enc_key')},
        success: function (json) {
            if (json.status == 'success') {

                if (json.message == 'unpublished') {

                    that.text('UnPublished');
                    that.data('status', 'published');
                    that.removeClass("btn-success").addClass("btn-danger");

                } else if (json.message == 'published') {
                    that.text('Published');
                    that.data('status', 'unpublished');
                    that.removeClass("btn-danger").addClass("btn-success");
                }

            } else if (json.status == 'failure') {
                //that.css("display", "block");
            }
        }
    });
});

//Download option
$(document).on('change', '.downOption', function (e) {
    e.preventDefault();

    if ($(this).data('enc_key') == '') {
        $(this).data('enc_key', enckeyGen());
    }

    var filewithext = $(this).data('filename');
    var filename = filewithext.split('.');

    $.ajax({
        type: "POST",
        url: '/videos/download_option',
        data: {"_token": "{{ csrf_token() }}", "id": $(this).data('id'), "encryption_key": $(this).data('enc_key'), "downloadable": $(this).val(), "filename": filename[0]},
        success: function (json) {

        }
    });
});

//Change Tv Series Status
$(document).on('click', '.tv_series_category_status', function (e) {
    console.log("data = ");
    e.preventDefault();

    var cat = $("#tv_series_category").val();
    var status = $("#tv_series_status").val();
    console.log("data = " + cat + " -- " + status);
    if ((cat != '') && (status != '')) {
        $.ajax({
            type: "POST",
            url: '/videos/changeTvSeriesStatus',
            data: {"_token": "{{ csrf_token() }}", "vod_series_id": cat, "status": status},
            success: function (data) {
                if (data == 1) {
                    alert('Status Chnaged Successfully.');
                    location.reload();
                } else if (data == 0) {
                    alert('Something went wrong. Please try again.');
                } else if (data == 2) {
                    alert('Please make one Tv Series video Main.');
                }
            }
        });
    }
});
</script>
@endsection