@extends('admin/layouts/default')

{{-- Page title --}}
@section('title')
    Active Videos
    @parent
@stop

@section('content')
    <section class="content-header">
        <h1>Active Videos</h1>
        <ol class="breadcrumb">
            <li>
                <a href="{{ route('admin.dashboard') }}">
                    <i class="livicon" data-name="home" data-size="14" data-color="#000"></i>
                    Dashboard
                </a>
            </li>
            <li><a href="#"> Videos</a></li>
            <li class="active">videos</li>
        </ol>
    </section>
    <section class="content">
        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <h3 class="panel-title">
                            <i class="livicon" data-name="user-add" data-size="18" data-c="#fff" data-hc="#fff" data-loop="true"></i>
                            Videos
                        </h3>
                                <span class="pull-right clickable">
                                    <i class="glyphicon glyphicon-chevron-up"></i>
                                </span>
                    </div>
                    <div class="panel-body">
    <div class="mB-20">
        <div class="dropdown">
            <a href="{{ route(ADMIN . '.videos.create') }}" class="btn btn-info">
                {{ trans('app.add_button') }}
            </a>
            <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
                Multiple Action
            </button>
            <div class="dropdown-menu" style="text-align: center">
                <a class="dropdown-item editModalKeywords" href="#" data-toggle="modal" data-target="#editModalKeyword">Add Keywords</a><br>
                <a class="dropdown-item" href="#" data-toggle="modal" data-target="#editModalSeries">Add Series</a><br>
                <a class="dropdown-item" href="#" data-toggle="modal" data-target="#editModalCategory">Add Category</a><br>
                <a class="dropdown-item" href="#" data-toggle="modal" data-target="#editModalLicence">Change Licence Type</a><br>
                <!--  <a class="dropdown-item" href="#" data-toggle="modal" data-target="#editModalPeople">Change People Option Type</a>-->
                <a class="dropdown-item" href="#" id="activate_row">Activate Selected </a><br>
                <a class="dropdown-item" href="#" id="deactivate_row">De-Activate Selected </a>
                <!--<a class="dropdown-item" href="#" id="delete_row">Delete  Selected </a>-->
            </div>
        </div>
    </div>


    <div class="bgc-white bd bdrs-3 p-20 mB-20">
        <div class="table-responsive">
            <table id="dataTable" class="table table-striped table-bordered" cellspacing="0" width="100%">
                <thead>
                    <tr>
                        <th><input type="checkbox" class="select_all"></th>
                        <th>Sr No.</th>
                        <th>Video Title</th>
                        <th>Series</th>
                        <th>Keyword</th>
                        <th>Categories</th>
                        <th>License Type  </th>
                        <th>Price</th>
                        <th>Status</th>
                        <th>Action(Edit/Delete)</th>
                    </tr>
                </thead>

             <!--   <tfoot>
                    <tr>
                        <th>Video Title</th>
                        <th>Series</th>
                        <th>Keyword</th>
                        <th>Price</th>
                        <th>Status</th>
                        <th>Action(Edit/Delete)</th>
                    </tr>
                </tfoot>-->

                <tbody>
                    @foreach ($items as $item)
                        <tr>
                            <td><label for="checkbox"><input id="check_id" class="images large_check row-select" type="checkbox" value="{{$item->video_id}}" name="checkbox[]"></label></td>
                            <td><label for="checkbox">{{$item->video_id}} <span class="text-danger">@if($item->video_id == "")VideoID Missing @endif</span></label></td>

                            <td>{{$item->videos_title}} <span class="text-danger">@if($item->videos_title == "")Title Missing @endif</span></td>
                            <td>{{$item->Series}} <span class="text-danger">@if($item->Series == "")Series Missing @endif</span></td>
                            <td style="max-width:300px;word-wrap: break-word"><span data-placement="top" title="{{$item->keyword}}">{{Str::substr($item->keyword,0) }} </span><span class="text-danger">@if($item->keyword == "")Keyword Missing @endif</span></td>
                            <td>                                 @foreach($selected_category as $cat)
                                    @foreach($universal->categories as $category)
                                        @if($category->category_id == $cat)
                                            {{ $category->category_name }}
                                        @endif
                                    @endforeach
                                @endforeach<span class="text-danger">@if($item->category == "")Category Missing @endif</span></td>
                            <td>{{Arr::get(config('variables.License'),$item->license_type)}}</td>
                            <td>{{$item->price_small.','.$item->price_medium.','.$item->price_large}}</td>
                            <td>
                                <a href="{{route(ADMIN . '.videos.status',[$item->video_id,$item->status])}}" class="btn btn-{{config('variables.color')[$item->status]}} btn-sm"> {{config('variables.publish')[$item->status]}}  </a>
                            </td>
                            <td>
                                <ul class="list-inline">
                                    <li class="list-inline-item">
                                            <a href="{{ route(ADMIN . '.videos.edit', $item->video_id) }}" title="{{ trans('app.edit_title') }}" class="btn btn-primary btn-sm"><span class="fa fa-pencil"></span></a>
                                    </li>
                                    <li class="list-inline-item">
                                        {!! Form::open([
                                            'class'=>'delete',
                                            'url'  => route(ADMIN . '.videos.destroy', $item->video_id),
                                            'method' => 'DELETE',
                                            ])
                                        !!}

                                            <button class="btn btn-danger btn-sm" title="{{ trans('app.delete_title') }}"><i class="fa fa-trash"></i></button>

                                        {!! Form::close() !!}
                                        {!! Form::open(['url' => action('Admin\VideoController@deactivate'), 'method' => 'post', 'id' => 'mass_deactivate_form' ]) !!}
                                        {!! Form::hidden('selected_products', null, ['id' => 'selected_products']) !!}
                                        {!! Form::close() !!}

                                        {!! Form::open(['url' => action('Admin\VideoController@activate'), 'method' => 'post', 'id' => 'mass_activate_form' ]) !!}
                                        {!! Form::hidden('selected_products', null, ['id' => 'selected_products']) !!}
                                        {!! Form::close() !!}
                                    </li>
                                </ul>
                            </td>
                        </tr>
                    @endforeach
                </tbody>

            </table>
        </div>
    </div>
    {{-- <-- Edit Modal --> --}}
    <div class="modal fade" id="editModalKeyword" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <div class="panel panel-primary">
                        <div class="panel-heading">
                            <h5 class="modal-title panel-title" id="exampleModalLabel">Update Keywords</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div></div>
                    <div class="panel-body">
                <div class="modal-body">
                    {!! Form::open(['url' => action('Admin\VideoController@ChangeKeywords'), 'method' => 'post', 'id' => 'mass_update_keywords' ]) !!}
                    {!! Form::hidden('selected_keywords', null, ['id' => 'selected_keywords']) !!}

                    <div class="form-group">
                        {!! Form::myTextArea('keyword', 'Meta Keyword', [], null, 6) !!}
                    </div>

                    <div class="modal-footer">
                        {!! Form::submit(__('Update'), array('class' => 'btn btn-primary', 'id' => 'keywordup')) !!}
                    </div>
                    {!! Form::close() !!}
                </div></div></div>

            </div>
        </div>
    </div>
    {{-- <-- Edit Modal --> --}}
    <div class="modal fade" id="editModalSeries" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <div class="panel panel-primary">
                        <div class="panel-heading">
                            <h5 class="modal-title panel-title" id="exampleModalLabel">Update Series</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div> </div>
                    <div class="panel-body">
                <div class="modal-body">
                    {!! Form::open(['url' => action('Admin\VideoController@Series'), 'method' => 'post', 'id' => 'mass_update_series' ]) !!}
                    {!! Form::hidden('selected_series', null, ['id' => 'selected_series']) !!}

                    <div class="form-group">
                        {!! Form::myInput('text', 'series', 'Series', [], null, 6) !!}
                    </div>

                    <div class="modal-footer">
                        {!! Form::submit(__('Update'), array('class' => 'btn btn-primary', 'id' => 'seriesup')) !!}
                    </div>
                    {!! Form::close() !!}
                </div></div></div>

            </div>
        </div>
    </div>
    {{-- <-- Edit Modal --> --}}
    <div class="modal fade" id="editModalCategory" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                < class="modal-header">
                    <div class="panel panel-primary">
                        <div class="panel-heading">
                            <h5 class="modal-title panel-title" id="exampleModalLabel">Add Category</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div></div>
                <div class="panel-body">
                <div class="modal-body">
                    {!! Form::open(['url' => action('Admin\VideoController@Category'), 'method' => 'post', 'id' => 'mass_update_category' ]) !!}
                    {!! Form::hidden('selected_category', null, ['id' => 'selected_category']) !!}

                    <div class="col-sm-6">
                        {!! Form::mySelect('category[]', 'Category', Arr::pluck($categories, 'category_name','category_id'), null, ['class' => 'form-control select2', 'multiple' => 'multiple']) !!}
                    </div>


                    <div class="modal-footer">
                        {!! Form::submit(__('Add'), array('class' => 'btn btn-primary', 'id' => 'categoryup')) !!}
                    </div>
                    {!! Form::close() !!}
                </div>
            </div></div>
            </div>
        </div>
    </div>

    {{-- <-- Edit Modal --> --}}
    <div class="modal fade" id="editModalLicence" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <div class="panel panel-primary">
                        <div class="panel-heading">
                            <h5 class="modal-title panel-title" id="exampleModalLabel">Update Licence</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div></div>
                    <div class="panel-body">
                <div class="modal-body">
                    {!! Form::open(['url' => action('Admin\VideoController@Licence'), 'method' => 'post', 'id' => 'mass_update_licence' ]) !!}
                    {!! Form::hidden('selected_products', null, ['id' => 'selected_products']) !!}

                    <div class="col-sm-6">
                        {!! Form::mySelect('license_type','License type', config('variables.License'), null, ['class' => 'form-control select2','id' => 'license_type' ]) !!}
                    </div>


                    <div class="modal-footer">
                        {!! Form::submit(__('Update'), array('class' => 'btn btn-primary', 'id' => 'licenceup')) !!}
                    </div>
                    {!! Form::close() !!}
                </div>
                </div></div>
            </div>
        </div>
    </div>
                    </div>
                </div>
            </div>
        </div>
        <!--row end-->
    </section>
@stop

{{-- page level scripts --}}
@section('footer_scripts')
    <script src="{{ asset('assets/vendors/iCheck/js/icheck.js') }}"></script>
    <script src="{{ asset('assets/vendors/moment/js/moment.min.js') }}" ></script>
    <script src="{{ asset('assets/vendors/jasny-bootstrap/js/jasny-bootstrap.js') }}"  type="text/javascript"></script>
    <script src="{{ asset('assets/vendors/select2/js/select2.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/vendors/bootstrapwizard/jquery.bootstrap.wizard.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/vendors/bootstrapvalidator/js/bootstrapValidator.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/vendors/datetimepicker/js/bootstrap-datetimepicker.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/js/pages/adduser.js') }}"></script>
    <script>
        function formatState (state) {
            if (!state.id) { return state.text; }
            var $state = $(
                    '<span><img src="{{ asset('assets/img/countries_flags') }}/'+ state.element.value.toLowerCase() + '.png" class="img-flag" width="20px" height="20px" /> ' + state.text + '</span>'
            );
            return $state;

        }
        $("#countries").select2({
            templateResult: formatState,
            templateSelection: formatState,
            placeholder: "select a country",
            theme:"bootstrap"
        });

    </script>

@endsection
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script>

    $(document).ready(function(){
        $('.select_all').on('click',function() {

            $('.images').prop('checked',$(this).prop('checked'));
        })

        $(document).on('click', '#edit-selected', function(e){
            e.preventDefault();
            var selected_rows = getSelectedRows();

            if(selected_rows.length > 0){
                $('input#selected_products_for_edit').val(selected_rows);
                $('form#bulk_edit_form').submit();
            } else{
                $('input#selected_products').val('');
                swal('@lang("lang_v1.no_row_selected")');
            }
        });

        function getSelectedRows() {
            var selected_rows = [];
            var i = 0;
            $('.row-select:checked').each(function () {
                selected_rows[i++] = $(this).val();
            })
            return selected_rows;
        }

        $(document).on('click', '#deactivate_row', function(e){
            e.preventDefault();
            var selected_rows = getSelectedRows();

            if(selected_rows.length > 0){
                $('input#selected_products').val(selected_rows);
                var form = $('form#mass_deactivate_form')

                var data = form.serialize();
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });
                $.ajax({
                    method: form.attr('method'),
                    url: form.attr('action'),
                    dataType: 'json',
                    data: data,
                    success: function(result) {
                        if (result.success == true) {
                            toastr.success(result.msg);
                            form
                                    .find('#selected_products')
                                    .val('');
                            $('input#row-select').val('');
                            location.reload(true);
                        } else {
                            toastr.error(result.msg);
                        }
                    },
                });
            } else{
                $('input#selected_products').val('');
            }
        });
        $(document).on('click', '#activate_row', function(e){
            e.preventDefault();
            var selected_rows = getSelectedRows();

            if(selected_rows.length > 0){
                $('input#selected_products').val(selected_rows);
                var form = $('form#mass_activate_form')

                var data = form.serialize();
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });
                $.ajax({
                    method: form.attr('method'),
                    url: form.attr('action'),
                    dataType: 'json',
                    data: data,
                    success: function(result) {
                        if (result.success == true) {
                            location.reload(true);
                            form
                                    .find('#selected_products')
                                    .val('');
                            $('input#row-select').val('');
                        } else {
                            toastr.error(result.msg);
                        }
                    },
                });
            } else{
                $('input#selected_products').val('');
            }
        });

        $(document).on('submit', 'form#mass_update_keywords', function(e){
            e.preventDefault();
            $(this)
                    .find('button[type="submit"]')
                    .attr('disabled', true);
            var selected_rows = getSelectedRows();
            if(selected_rows.length > 0){
                $('input#selected_keywords').val(selected_rows);
                var form = $('form#mass_update_keywords')

                var data = form.serialize();
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });
                $.ajax({
                    method: form.attr('method'),
                    url: form.attr('action'),
                    dataType: 'json',
                    data: data,
                    success: function(result) {
                        if (result.success == true) {
                            $('form#mass_update_keywords')
                                    .find('button[type="submit"]')
                                    .attr('disabled', false);
                            form
                                    .find('#selected_keywords')
                                    .val('');
                            $('input#row-select').val('');
                        } else {
                            toastr.error(result.msg);
                        }
                    },
                });
            } else{
                $('input#selected_keywords').val('');
            }
        });

        $(document).on('submit', 'form#mass_update_series', function(e){
            e.preventDefault();
            $(this)
                    .find('button[type="submit"]')
                    .attr('disabled', true);
            var selected_rows = getSelectedRows();

            if(selected_rows.length > 0){
                $('input#selected_series').val(selected_rows);
                var form = $('form#mass_update_series')

                var data = form.serialize();
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });
                $.ajax({
                    method: form.attr('method'),
                    url: form.attr('action'),
                    dataType: 'json',
                    data: data,
                    success: function(result) {
                        if (result.success == true) {
                            toastr.success(result.msg);
                            form
                                    .find('#selected_series')
                                    .val('');
                            $('input#row-select').val('');
                        } else {
                            toastr.error(result.msg);
                        }
                    },
                });
            } else{
                $('input#selected_series').val('');
            }
        });
        $(document).on('submit', 'form#mass_update_category', function(e){
            e.preventDefault();
            $(this)
                    .find('button[type="submit"]')
                    .attr('disabled', true);
            var selected_rows = getSelectedRows();

            if(selected_rows.length > 0){
                $('input#selected_category').val(selected_rows);
                var form = $('form#mass_update_category')

                var data = form.serialize();
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });
                $.ajax({
                    method: form.attr('method'),
                    url: form.attr('action'),
                    dataType: 'json',
                    data: data,
                    success: function(result) {
                        if (result.success == true) {
                            toastr.success(result.msg);
                            form
                                    .find('#selected_category')
                                    .val('');
                            $('input#row-select').val('');
                        } else {
                            toastr.error(result.msg);
                        }
                    },
                });
            } else{
                $('input#selected_category').val('');
            }
        });

        $(document).on('submit', 'form#mass_update_licence', function(e){
            e.preventDefault();
            $(this)
                    .find('button[type="submit"]')
                    .attr('disabled', true);
            //  var data = $(this).serialize();
            var selected_rows = getSelectedRows();


            if(selected_rows.length > 0){
                $('input#selected_products').val(selected_rows);
                var form = $('form#mass_update_licence')

                var data = form.serialize();
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });
                $.ajax({
                    method: form.attr('method'),
                    url: form.attr('action'),
                    dataType: 'json',
                    data: data,
                    success: function(result) {
                        if (result.success == true) {
                            toastr.success(result.msg);
                            form
                                    .find('#selected_products')
                                    .val('');
                            $('input#row-select').val('');
                        } else {
                            toastr.error(result.msg);
                        }
                    },
                });
            } else{
                $('input#selected_products').val('');
            }
        });

        $(document).on('submit', '#peopleup', function(e){
            e.preventDefault();
            $(this)
                    .find('button[type="submit"]')
                    .attr('disabled', true);
            //var data = $(this).serialize();
            var selected_rows = getSelectedRows();


            if(selected_rows.length > 0){
                $('input#selected_products').val(selected_rows);
                var form = $('form#mass_update_people')

                var data = form.serialize();
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });
                $.ajax({
                    method: form.attr('method'),
                    url: form.attr('action'),
                    dataType: 'json',
                    data: data,
                    success: function(result) {
                        if (result.success == true) {
                            toastr.success(result.msg);
                            form
                                    .find('#selected_products')
                                    .val('');
                        } else {
                            toastr.error(result.msg);
                        }
                    },
                });
            } else{
                $('input#selected_products').val('');
            }
        });

        $(document).on('change', 'checkbox.row-select', function() {
            if (this.checked) {
                $(this)
                        .closest('tr')
                        .addClass('selected');
            } else {
                $(this)
                        .closest('tr')
                        .removeClass('selected');
            }
        });
        $(document).ajaxStop(function(){
            window.location.reload();
        });
    });
    /*$(function(){

     $("#editModalKeywords").on("click", function(){
     //alert("success");
     $('#id').val($(this).data('id'));
     $('#keyword').val($(this).data('keyword'));
     $("#editModalKeyword").modal("show");
     return false;
     });
     })*/
    /*$(function(){
     //listen for checkbox clicked, works for check and uncheck
     $("#checkbox").click(function(){
     //get if checked, which returns a boolean value
     var formElementVisible = $(this).is(":checked");

     //show if checked
     if ( formElementVisible ){
     $(".elementToShowOrHide").show( );
     return true;
     }

     //hide if unchecked
     $(".elementToShowOrHide").hide( );

     });

     });*/
</script>