@extends('admin.layout')
@section('content')
    <!-- begin::main content -->
    <main class="main-content">
        <div class="container">
            <!-- begin::page header -->
            <div class="page-header">
                <h3>Edit Video Content | {{ $info->name }} / {{ $category->name }}</h3>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ URL::to('admin/dashboard') }}">Dashboard</a></li>
                        <li class="breadcrumb-item"><a href="{{ URL::to('admin/product-list/') }}">Product List</a></li>
                        <li class="breadcrumb-item"><a
                                href="{{ asset('admin/category-list/' . $info->id) }}">{{ $info->name }}</a></li>
                        <li class="breadcrumb-item"><a
                                href="{{ asset('admin/content-list/' . $info->id) . '/' . $category->id }}">{{ $category->name }}</a>
                        </li>
                        <li class="breadcrumb-item active">Edit Video Content</li>
                    </ol>
                </nav>
            </div>
            <!-- end::page header -->

            <x-flashMessage />
            <div class="row">
                <div class="col-md-6">
                    <div class="card">
                        <div class="card-header">
                            <a class="btn btn-sm btn-primary text-white"
                                href="{{ asset('admin/add-video-content/' . Request::segment(4) . '/' . Request::segment(5)) }}">
                                <i class="fa fa-angle-left"></i>&nbsp;&nbsp;Back</a>
                        </div>
                        <div class="card-body">
                            <form
                                action="{{ asset('admin/edit-video-content/' . Request::segment(3) . '/' . Request::segment(4) . '/' . Request::segment(5)) }}"
                                method="post" enctype="multipart/form-data">
                                @csrf

                                <div class="form-group">
                                    <label for="filename">Video Name</label>
                                    <input type="text" readonly id="filename" class="form-control" name="filename"
                                        value="{{ $content->filename }}">
                                </div>

                                <div class="form-group">
                                    <label for="sort_order">Sort Order</label>
                                    <input type="text" id="sort_order" class="form-control" name="sort_order"
                                        value="{{ $content->sort_order }}">
                                    @if ($errors->has('sort_order'))
                                        <div class="error">
                                            {{ $errors->first('sort_order') }}
                                        </div>
                                    @endif
                                </div>


                                <button type="submit" class="btn btn-primary">Submit</button>
                            </form>
                        </div>
                    </div>


                </div>
            </div>
        </div>
    </main>
    <!-- end::main content -->
    {{-- var values = "{{ $video->tags}}";
     var array = values.split(',');
     $("#tag").val(array).trigger("change"); --}}
@endsection
@push('footer-script')
    <!-- begin::select2 -->
    <link rel="stylesheet" href="{{ asset('public/admin/vendors/select2/css/select2.min.css') }}" type="text/css">
    <script src="{{ asset('public/admin/vendors/select2/js/select2.min.js') }}"></script>

    <script>
        $(document).ready(function() {

            var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
            $("#video_tag").select2({
                placeholder: 'Select',
                multiple: true,
                tokenSeparators: [',', ' '],
                minimumInputLength: 3,
                minimumResultsForSearch: 10,
                ajax: {
                    url: "{{ asset('admin/get-all-videos-list') }}",
                    dataType: "json",
                    type: "GET",
                    delay: 50,
                    cache: true,
                    data: function(params) {
                        return {
                            _token: CSRF_TOKEN,
                            search: params.term // search term
                        };
                    },
                    processResults: function(data) {
                        return {
                            results: $.map(data, function(item) {
                                console.log(item.text);
                                return {
                                    text: item.text,
                                    id: item.id
                                }
                            })
                        };
                    }
                }
            });


            $('#tag').select2({
                placeholder: 'Select'
            });

            $('#tag').on("select2:select", function(event) {
                var value = $(event.currentTarget).find("option:selected").val();
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });
                $.ajax({
                    /* the route pointing to the post function */
                    url: "{{ asset('admin/get-videos-list') }}",
                    type: 'POST',
                    /* send the csrf-token and the input to the controller */
                    data: {
                        id: value
                    },
                    dataType: 'JSON',
                    /* remind that 'data' is the response of the AjaxController */
                    success: function(data) {
                        $("#video_tag").html('').select2({
                            data: data
                        });
                    }
                });
            });

        });
    </script>
    <!-- end::select2 -->
@endpush