@extends('admin.layouts.app')
@section('content')



<div class="nk-block-head nk-block-head-sm">
    <div class="nk-block-between">
        <div class="nk-block-head-content">
            <h3 class="nk-block-title page-title">{{$section->title}}</h3>
            <div class="nk-block-des text-soft">

            </div>
        </div><!-- .nk-block-head-content -->
        <div class="nk-block-head-content">
            <div class="toggle-wrap nk-block-tools-toggle">
                <a href="#" class="btn btn-icon btn-trigger toggle-expand mr-n1" data-target="pageMenu"><em class="icon ni ni-menu-alt-r"></em></a>
                <div class="toggle-expand-content" data-content="pageMenu">
                    <ul class="nk-block-tools g-3">
                        <li class="nk-block-tools-opt">

                        </li>
                    </ul>
                </div>
            </div><!-- .toggle-wrap -->
        </div><!-- .nk-block-head-content -->
    </div><!-- .nk-block-between -->
</div><!-- .nk-block-head -->


{{-- @include('admin.components.alert') --}}

<div class="components-preview">
    <div class="nk-block nk-block-lg">
        <div class="card card-bordered">
            <div class="card-inner">
                {!! Form::model($video, ['route' => $section->route , 'id' => "uploadForm", 'class' => 'form-validate', 'files' => true, 'enctype' => 'multipart/form-data', 'autocomplete' => 'off']) !!}
                    @method($section->method)
                   
                    <div class="row g-4">
                        
                        @if($section->method == "PUT")
                         <div class="col-lg-12">
                            <div class="form-group">
                                <label class="form-label" for="full-name-1">video</label>
                                <div class="form-control-wrap">
                                  <video width="320" height="240">
                                      <source src="{{asset('assets/admin/videos/'.$video->video)}}" type="video/mp4">
                                      
                                    </video>
                                </div>

                            </div>
                        </div>
                        @endif
                        
                        <!--@if($section->method == "PUT")-->
                        <!--<div class="col-lg-6">-->
                        <!--    <div class="form-group">-->
                        <!--        <label class="form-label" for="full-name-1">Category</label>-->
                        <!--        <div class="form-control-wrap">-->
                        <!--            {!! Form::select('category_id',$category, null, ['class' => ' form-control form-select select2']) !!}-->
                        <!--        </div>-->

                        <!--    </div>-->
                        <!--</div>-->
                        <!--@endif-->
                        
                      
                        
                        @if($section->method == "PUT")
                        <div class="col-lg-6">
                            <div class="form-group">
                                <label class="form-label" for="full-name-1">Category</label>
                                <div class="form-control-wrap">
                                    {!! Form::select('category_id[]',$category,string_convert_into_array($video->category_id), ['class' => ' form-control form-select select2','multiple'=>'multiple']) !!}
                                </div>

                            </div>
                        </div>
                        @endif
                        
                        @if($section->method == "POST")
                        <div class="col-lg-6">
                            <div class="form-group">
                                <label class="form-label" for="full-name-1">Category</label>
                                <div class="form-control-wrap">
                                    {!! Form::select('category_id[]',$category,null,['class' => ' form-control form-select select2','multiple'=>'multiple']) !!}
                                </div>

                            </div>
                        </div>
                        @endif
                        
                        @if($section->method == "PUT")
                        <div class="col-lg-6">
                            <div class="form-group">
                                <label class="form-label" for="full-name-1"> (if you want to putt video into Top Trending) </label>
                                <div class="form-control-wrap">
                                {!!  Form::select('flag',['set_top_trending' => 'Top Trending','unset_top_trending' => 'Unset Top Trending'],null,['class' => 'form-control form-select select2','placeholder' => 'if you want to putt video in top trending']) !!}
                                </div>

                            </div>
                        </div>
                        @endif
                        
                        @if($section->method == "PUT")
                        <div class="col-lg-6">
                            <div class="form-group">
                                <label class="form-label" for="full-name-1"> (if you want to putt video into Recent Upload) </label>
                                <div class="form-control-wrap">
                                {!!  Form::select('recent_upload',['set_recent_upload' => 'Set Recent Upload','unset_recent_upload' => 'unset Recent Upload'],null,['class' => 'form-control form-select select2','placeholder' => 'if you want to putt video in top trending']) !!}
                                </div>

                            </div>
                        </div>
                        @endif
                        
                        
                    
                       <!-- <div class="col-lg-6">
                            <div class="form-group">
                                <label class="form-label" for="full-name-1">Tags</label>
                                <div class="form-control-wrap">
                                    {!! Form::select('tag_id',$tags, null, ['class' => ' form-control form-select select2 ']) !!}
                                </div>
                            </div>
                        </div> -->
                        
                        
                        <div class="col-lg-6">
                            <div class="form-group">
                                <label class="form-label" for="full-name-1">Title</label>
                                <div class="form-control-wrap">
                                    {!! Form::text('title', null, ['class' => 'form-control', 'placeholder' => 'Title', 'id' => 'name']) !!}
                                </div>
                                @if ($errors->has('title'))
                                    <p class="error">{{ $errors->first('title') }}</p>
                                @endif
                            </div>
                        </div>
                       
                        
                        
                        <div class="col-lg-6">
                            <div class="form-group">
                                <label class="form-label" for="full-name-1">Name</label>
                                <div class="form-control-wrap">
                                    {!! Form::text('actor_name', null, ['class' => 'form-control', 'placeholder' => 'Profile Name',  'id' => 'name']) !!}
                                </div>
                                @if ($errors->has('actor_name'))
                                    <p class="error">{{ $errors->first('actor_name') }}</p>
                                @endif
                            </div>
                        </div>
                        
                      
                      
                      <div class="col-lg-6">
                            <div class="form-group">
                                <label class="form-label" for="default-06">Thumbnail</label>
                                <div class="form-control-wrap">
                                    <div class="custom-file">
                                        {!! Form::file('image', ['class' => 'custom-file-input', 'id' => 'customFile']) !!}
                                        <label class="custom-file-label" for="customFile">Choose file</label>
                                    </div>
                                    @if ($errors->has('image'))
                                    <p class="error">{{ $errors->first('image') }}</p>
                                @endif
                                </div>
                            </div>
                        </div>
                       
                        
                      
                      <div class="col-lg-6">
                            <div class="form-group">
                                <label class="form-label" for="default-06">Teaser Video</label>
                                <div class="form-control-wrap">
                                    <div class="custom-file">
                                        {!! Form::file('promo_video', ['class' => 'custom-file-input', 'id' => 'customFile']) !!}
                                        <label class="custom-file-label" for="customFile">Choose file</label>
                                    </div>
                                    @if ($errors->has('promo_video'))
                                    <p class="error">{{ $errors->first('promo_video') }}</p>
                                @endif
                                </div>
                            </div>
                        </div>
                      
                         
                       
                        <div class="col-lg-6">
                            <div class="form-group">
                                <label class="form-label" for="default-06">Video</label>
                                <div class="form-control-wrap">
                                    <div class="custom-file">
                                        {!! Form::file('full_video', ['class' => 'custom-file-input', 'id' => 'customFile']) !!}
                                        <label class="custom-file-label" for="customFile">Choose file</label>
                                    </div>
                                    @if ($errors->has('full_video'))
                                    <p class="error">{{ $errors->first('full_video') }}</p>
                                @endif
                                </div>
                            </div>
                        </div>
                      
                        
                        
                        <div class="col-lg-6">
                            <div class="form-group">
                                <label class="form-label" for="full-name-1">Price</label>
                                <div class="form-control-wrap">
                                    {!! Form::text('price', null, ['class' => 'form-control', 'placeholder' => 'price',  'id' => 'name']) !!}
                                </div>
                                @if ($errors->has('price'))
                                    <p class="error">{{ $errors->first('price') }}</p>
                                @endif
                            </div>
                        </div>
                        
                    

                      
                        <!-- <div class="col-lg-6">
                            <div class="form-group">
                                <label class="form-label" for="default-06">Teaser Video</label>
                                <div class="form-control-wrap">
                                    <div class="custom-file">
                                        {!! Form::file('promo_video', ['class' => 'custom-file-input', 'id' => 'customFile']) !!}
                                        <label class="custom-file-label" for="customFile">Choose file</label>
                                    </div>
                                    @if ($errors->has('promo_video'))
                                    <p class="error">{{ $errors->first('promo_video') }}</p>
                                @endif
                                </div>
                            </div>
                        </div> -->
                        
                        <!-- <div class="col-lg-6">
                            <div class="form-group">
                                <label class="form-label" for="default-06">Full Video </label>
                                <div class="form-control-wrap">
                                    <div class="custom-file">
                                        {!! Form::file('video', ['class' => 'custom-file-input', 'id' => 'customFile']) !!}
                                        <label class="custom-file-label" for="customFile">Choose file</label>
                                    </div>
                                    @if ($errors->has('video'))
                                    <p class="error">{{ $errors->first('video') }}</p>
                                @endif
                                </div>
                            </div>
                        </div>
                         -->
                         
                        <div class="col-lg-12">
                            <div class="form-group">
                                <label class="form-label" for="default-06">Description </label>
                                <div class="form-control-wrap">
                                    <div class="custom-file">
                                        {!! Form::textarea('description', null, ['class' => 'form-control ckeditor', 'placeholder' => 'Description',  'id' => 'name']) !!}    
                                    </div>
                                    @if ($errors->has('description'))
                                    <p class="error">{{ $errors->first('description') }}</p>
                                @endif
                                </div>
                            </div>
                        </div>
                      

                        <!-- <div class="col-lg-6">
                            <div class="form-group">
                                <label class="form-label" for="full-name-1">Zip Code</label>
                                <div class="form-control-wrap">
                                    {!! Form::text('zip_code', null, ['class' => 'form-control', 'placeholder' => 'Zip Code', 'required' => 'required', 'id' => 'zip']) !!}
                                </div>
                                @if($errors->has('zip_code'))
                                    <p class="error">{{ $errors->first('zip_code') }}</p>
                                @endif
                            </div>
                        </div> -->

                        <!-- <div class="col-lg-6">
                            <div class="form-group">
                                <label class="form-label" for="full-name-1">Phone Number</label>
                                <div class="form-control-wrap">
                                    {!! Form::text('phone_number', null, ['class' => 'form-control', 'placeholder' => 'Phone Number', 'required' => 'required', 'id' => 'phone']) !!}
                                </div>
                                @if($errors->has('phone_number'))
                                    <p class="error">{{ $errors->first('phone_number') }}</p>
                                @endif
                            </div>
                        </div> -->


                        <!-- <div class="col-lg-6">
                            <div class="form-group">
                                <label class="form-label" for="full-name-1">City</label>
                                <div class="form-control-wrap">
                                    {!! Form::text('city', null, ['class' => 'form-control', 'placeholder' => 'City', 'required' => 'required', 'id' => 'city']) !!}
                                </div>

                            </div>
                        </div> -->
                    
                    <!-- 
                        <div class="col-lg-6">
                            <div class="form-group">
                                <label class="form-label" for="full-name-1">State</label>
                                <div class="form-control-wrap">
                                    {!! Form::text('state', null, ['class' => 'form-control', 'placeholder' => 'state', 'required' => 'required', 'id' => 'city']) !!}
                                </div>

                            </div>
                        </div> -->
                        
                        

                        @if($section->method == "PUT")
                        <div class="col-lg-6">
                            <div class="form-group">
                                <label class="form-label">Status</label>
                                <div class="form-control-wrap">
                                    {!! Form::select('status', ['1' => 'Active', '0' => 'Inactive'], null, ['class' => 'form-control form-select select2']); !!}
                                </div>
                            </div>
                        </div>
                        @endif

                        <div class="col-12">
                            <div class="form-group">
                                {!! Form::button('Save', ['type' => 'submit', 'class' => 'btn btn-outline-primary']) !!}

                            </div>
                        </div>
                        
                        
                        
                        
                        
                    </div>
                    {!! Form::close() !!}
            </div>
        </div>
    </div><!-- .nk-block -->
</div><!-- .components-preview -->




<div class="progress" style="height: 1.5rem !important;">
    <div class="progress-bar" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">0%</div>
</div>

@php $methode = "{{ $section->method }}";  @endphp

    

    

@section('scripts')
    

        
    <script>
        
            $(document).ready(function () {
                $('#uploadForm').on('submit', function (e) {
                    e.preventDefault();
            
                    // Create FormData object
                    var formData = new FormData(this);
                    
                    $.ajax({
                        type: 'POST',
                        url: "{{ route('videos.store') }}", // Your Laravel route to handle the upload
                        data: formData,
                        processData: false,
                        contentType: false,
                        xhr: function () {
                            // Create an XMLHttpRequest object with upload progress tracking
                            var xhr = new window.XMLHttpRequest();
            
                            // Upload progress
                            xhr.upload.addEventListener('progress', function (e) {
                                if (e.lengthComputable) {
                                    var percent = (e.loaded / e.total) * 100;
                                    $('.progress-bar').css('width', percent + '%').html(percent.toFixed(2) + '%');
                                }
                            });
            
                            return xhr;
                        },
                        success: function (data) {
                         
                            console.log(data);
                            if(data.flag == 'true')
                            {
                                
                                console.log('if');
                                
                                NioApp.Toast(data.success,'success',{
                                   position:'top-right'
                                });
                                
                                window.location = data.slug;
                                
                            }else{
                                console.log('else');
                                NioApp.Toast(data.error,'error',{
                                   position:'top-right'
                                });
                                
                                
                            }
                            
                            // var data = JSON.parse(data);
                            //   form.trigger("reset");
                               
                                // window.location = data.slug;
                            // Handle the server response (e.g., show success message)
                        },
                        error: function (xhr, status, error) {
                            console.error(xhr.responseText);
                            // Handle the error (e.g., show error message)
                        }
                    });
                });
            });     
         
         
         
    </script>        
        
        
        
        
    <!--<script>-->
    <!--    $(function(){-->
    <!--        $('#form').on("submit",function(e){-->
    <!--            e.preventDefault();-->
    <!--            var action = $(this).attr('action');-->
    <!--            var method = $(this).attr('method');-->
    <!--            var form_data = new FormData($(this)[0]);-->
    <!--            var form = $(this);-->
    <!--            $.ajax({-->
    <!--                url:action,-->
    <!--                dataType: 'json',-->
    <!--                cache: false,-->
    <!--                contentType: false,-->
    <!--                processData: false,-->
    <!--                data: form_data,-->
    <!--                type: method,-->
    <!--                success:function(response){-->
    <!--                   if(response.status){-->
    <!--                        form.trigger("reset");-->
    <!--                        NioApp.Toast(response.msg,'success',{-->
    <!--                            position:'top-right'-->
    <!--                        });-->
    <!--                   }-->
    <!--                },-->
                        error:function(response){//handle the error
    <!--                    $(".alert-danger").remove();-->
    <!--                    try{-->
    <!--                    var erroJson = JSON.parse(response.responseText);-->
    <!--                    for (var err in erroJson){-->
    <!--                        for (var errstr of erroJson[err])-->
    <!--                            $("[name='" + err + "']").after("<p class='alert alert-danger'>" + errstr + "</div>");-->
    <!--                    }-->
    <!--                    if(options.error) {-->
    <!--                        options.error(response);-->
    <!--                    }-->
    <!--                    } catch (err) {-->
    <!--                        console.log(err);-->
    <!--                    }-->
    <!--                },-->
    <!--            })-->
    <!--        });-->
    <!--    });-->

    <!--</script>-->

@endsection


@endsection