@extends('adminlte::page')

@section('title', 'Dashboard Services')

@section('content_header')
    <h1 class="text-dark text-bold text-center my-2">Edit Service</h1>
@stop

@php 
    $index_count1=1;
    
@endphp

@section('content')
    <div class="card shadow rounded-lg mb-3 px-5 py-2">
        <div class="row mt-3">
            <div class="form-group">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb bg-white">
                        <li class="breadcrumb-item text-bold"><a href="{{ route('admin.home') }}">Home</a></li>
                        <li class="breadcrumb-item text-bold"><a href="{{ route('admin.dashboard-services.index') }}">Dashboard Services</a></li>
                        <li class="breadcrumb-item active text-bold" aria-current="page">Edit</li>
                    </ol>
                </nav>
            </div>
        </div>
        <div class="row my-5 mx-3">
            <div class="col-md-6">
                <select id="dw-sections" class="form-control float-md-right mx-4">
                    <option value="">--Select Sections--</option>
                    @foreach($sections as $key=>$value)
                        @if($value != 'steps' && $value != 'eligibility')
                            <option value="{{$value}}">{{$value}}</option>
                        @endif
                    @endforeach
                </select>

            </div>
            <div class="col-md-6 float-md-right">
                <div class="btn-group">
                    <a href="{{ route('admin.dashboard-services.title-section.edit', $service->id) }}"  class="btn btn-info cls-section" data-toggle="tooltip" data-placement="top" title="Edit Title Section" >Title</a>&nbsp;&nbsp;
                    <a href="{{ route('admin.dashboard-services.points-section.edit', $service->id) }}"  class="btn btn-info cls-section" data-toggle="tooltip" data-placement="top" title="Edit Title Section" >Points</a>&nbsp;&nbsp;
                    {{--<a href="{{ route('admin.dashboard-services.techstack.edit', $service->id) }}"  class="btn btn-info cls-section" data-toggle="tooltip" data-placement="top" title="Edit Document Section" >Document</a>&nbsp;&nbsp;--}}
                    
                </div>
            </div>
        </div>

        @if ($errors->any())
            <div class="alert alert-danger" role="alert">
                <ul>
                    @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li> 
                    @endforeach
                </ul>
            </div>
        @endif
        <form id="file-upload" method="POST" action="{{ route('admin.dashboard-services.update',$service->id) }}" enctype="multipart/form-data">

            {{ csrf_field() }}

            {{--<div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        <label for="is_support">Support Service</label>
                        <input type="checkbox" name="is_support" id="is_support" {{ old('is_support', $service->is_support) == 1 ? 'checked' : '' }}>
                    </div>
                </div>
				 <div class="col-md-6">
                    <div class="form-group">
                        <label for="is_menu">Is Menu</label>
                        <input type="checkbox" name="is_menu" id="is_menu" {{ $service->is_menu == 'Y' ? 'checked' : '' }}>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        <label for="category">Select Category</label>
                        <select class="category select2 rounded form-control" name="category_id" id="category">
                            <option value="">Select Category...</option>
                            @foreach ($categories as $category)
                                <option  value="{{$category->id}}" {{($service->service_cat_id==$category->id)?'selected':''}}>{{$category->category_title}}</option> 
                                
                            @endforeach
                        </select>
                    </div>
                </div>

                
            </div>--}}

            <div class="row">
                <div class="col-md-4">
                    <div class="form-group">
                        <label for="title">Title</label>
                        <input type="text" name="title" class="form-control" id="title"  placeholder="Name..." value="{{  $service->title }}" required>
                    </div>
                </div>

                {{--<div class="col-md-4">
                    <div class="form-group">
                        <label for="slug">Slug</label>
                        <input type="text" name="slug" tag="slug" class="form-control" id="slug" placeholder="Slug..." value="{{ $service->slug }}" required>
                    </div>
                </div>--}}
                <div class="col-md-4">
                    <div class="form-group">
                       
                        <label for="category">Select Slug Type</label>
                        <select class="category select2 rounded form-control" name="slug" id="slug">
                            <option value="">Select Slug...</option>
                            @foreach ($slugs as $slug)
                                <option value="{{ $slug }}" {{($service->slug==$slug)?'selected':''}} >{{ strtoupper($slug) }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="form-group">
                        <label for="category">Select Heading</label>
                        <select class="category select2 rounded form-control" name="title_heading" id="heading_name">
                            <option value="">Select Heading...</option>
                            @foreach ($headings as $heading)
                                <option value="{{ $heading }}" {{($service->title_heading==$heading)?'selected':''}}>{{ strtoupper($heading) }}</option>
                                {{--<option value="{{ $category->id }}" {{ old('heading') == $heading ? 'selected' : '' }}>{{ $category->title }}</option>--}}
                            @endforeach
                        </select>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        <label for="meta_title">Meta Title</label>
                        <input type="text" name="meta_title" tag="meta_title" class="form-control" id="meta_title" placeholder="Meta Title..." value="{{  $service->meta_title }}" required>
                    </div>
                </div>

                <div class="col-md-6">
                    <div class="form-group">
                        <label for="meta_keywords">Meta Keyword</label>
                        <input type="text" name="meta_keywords" class="form-control" id="meta_keywords"  placeholder="Meta Keyword..." value="{{  $service->meta_keywords }}" required>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-12">
                    <div class="form-group">
                        <label for="meta_description">Meta Description</label>
                        <input type="text" name="meta_description" tag="meta_description" class="form-control" id="meta_description" placeholder="Meta Description..." value="{{  $service->meta_description }}" required>
                    </div>
                </div>
                
            </div>
            
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        <label for="tagline">Tagline</label>
                        <input type="text" name="tagline" tag="tagline" class="form-control" id="tagline" placeholder="Tagline..." value="{{ $service->tagline }}" >
                    </div>
                </div>
				
				<div class="col-md-6">
                    <div class="form-group">
                        <label for="menu_title">Menu Title</label>
                        <input type="text" name="menu_title" tag="menu_title" class="form-control" id="menu_title" placeholder="Menu Title..." value="{{ $service->menu_title }}" >
                    </div>
                </div>
                
            </div>
            
            {{--<div class="form-floating my-3">
                <label for="floatingTextarea2">Description</label>
                <textarea class="form-control" name="description" placeholder="Write Here..." id="content" rows="7" cols="100">{{ $service->description }}</textarea>
            </div>

            <div class="form-floating my-3">
                <label for="floatingTextarea2">Description 2 (For Support Services)</label>
                <textarea class="form-control" name="description2" placeholder="Write Here..." id="content" rows="7" cols="100">{{ $service->description2 }}</textarea>
            </div>--}}

            


            <div class="form-floating my-3">
                <label for="floatingTextarea2">Embedded code</label>
                <input type="text" name="embedded_code" tag="embedded_code" class="form-control" id="embedded_code" placeholder="embedded_code..." value="{{  $service->embedded_code }}" >
            </div>
			
			 <div class="form-floating my-3">
                <label for="floatingTextarea2">Other Slug</label>
                <input type="text" name="other_slug" class="form-control" id="other_slug" placeholder="other_slug..." value="{{  $service->other_slug }}" >
            </div>

            <div class="col-md-12">
                <div class="form-group">
                    <label>Points</label>
                   

                    @if(!empty($service->introduction_points))                                  
                        @foreach($service->introduction_points as $value)
                            <div class="col-md-12">
                                <div class="row">
                                    <div class="col-md-1">
                                        <input type="checkbox"  name="points_old_id[]" value="{{$value->id}}" checked>					
                                    </div>

                                    <div class="col-md-5">                                       
                                        <select class="category select2 rounded form-control" name="points_old_icon[{{$value->id}}]" id="heading_name">
                                            <option value="">Select icon...</option>
                                            @foreach ($icons as $icon)
                                                <option value="{{ $icon->icon }}" {{$icon->icon==$value->icon ? 'selected':'' }} >{{ $icon->icon_name }}</option>
                                            
                                            @endforeach
                                        </select>
                                    </div>

                                    <div class="col-md-1">    
                                        @if($value->icon)                    
                                            <img src="{{ asset('/service_icon/introduction/'.$value->icon) }}" style="height: 25px;">
                                        @endif
                                    </div>

                                    

                                    <div class="col-md-5">
                                        <input type="text"  class="form-control" placeholder="Write Here..."  name="points_old_description[{{$value->id}}]"   
                                            value="{{$value->description}} "/> 						
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    @endif
                </div>
            </div>
            <!-- <div class="col-md-12"> -->

            <div id="bookForm1" >
                <div class="form-group">                  
                    <div class="row">
                        <div class="col-md-6">
                            <select class="category select2 rounded form-control" name="icons_input[{{$index_count1}}]" id="heading_name">
                                <option value="">Select icon...</option>
                                @foreach ($icons as $icon)
                                    <option value="{{ $icon->icon }}" >{{ $icon->icon_name }}</option>
                                
                                @endforeach
                            </select>
                        </div>    

                        <div class="col-md-5">
                            <input type="text" class="form-control"  placeholder="Write Here..." name="icons_description[{{$index_count1}}]">
                        </div>   
                    </div>
                </div>

                <div class="form-group d-none form-new " id="bookTemplate1">
                    <div class="row">
                        <div class="col-md-6">
                            <select class="category select2 rounded form-control" name="icon_input" id="heading_name">
                                <option value="">Select icon...</option>
                                @foreach ($icons as $icon)
                                    <option value="{{ $icon->icon }}" >{{ $icon->icon_name }}</option>
                                
                                @endforeach
                            </select>
                        </div>   

                        

                        <div class="col-md-5">
                            <input type="text" class="form-control"  placeholder="Write Here..." name="icon_description" >
                        </div> 

                        <div class="col-xs-1 item">
                            <button type="button" class="btn btn-default removeButton"><i class="fa fa-minus"></i></button> 
                        </div>               
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-xs-1 ">
                        <button type="button" class="btn btn-default addButton"><i class="fa fa-plus"></i></button>
                    </div>
                </div>
            </div>

            <div class="row justify-content-between my-3">
                <div class="col-md-2">
                    <div class="form-group mt-2">
                        <label>Publish</label>

                        <input id="switch" class="switch-chk-input" name="is_published"
                                type="checkbox" {{($service->is_published)?'checked':''}}>
                        <label for="switch" class="switch-chk"></label>
                    </div>
                    
                </div>
                <div class="col-md-2">
                    <div class="form-group">
                        <label for="submit">&nbsp;&nbsp;</label>
                        <input class="btn btn-block btn-success btn-lg" type="submit" value="Submit">
                    </div>
                </div>
            </div>
        </form>
    </div>
  
    <!-- </div> -->
@stop

@section('css')
    {{-- Add here extra stylesheets --}}
    {{-- <link rel="stylesheet" href="/css/admin_custom.css"> --}}
    <link rel="stylesheet" href="{{ asset('/admin/css/bootstrap-tagsinput.css')}}">
@stop

@section('js')
    <script src="https://cdn.tiny.cloud/1/3qf9xg4v18lj5lod7796irb1f87026w00nmw7o5knt3ketr2/tinymce/7/tinymce.min.js" referrerpolicy="origin"></script>
    <script src="{{asset('/admin/js/bootstrap-tagsinput.js')}}"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
    <script>
        
$(document).ready(function () {
    /**************Tinymce**********/
			tinymce.init({
				selector: 'textarea#content',
				height: 800,
				setup: function (editor) {
					editor.on('init change', function () {
						editor.save();
					});
				},
				browser_spellcheck: true,
				plugins: [
					'advlist', 'accordion', 'autolink', 'link', 'image', 'lists', 'charmap', 'preview', 'anchor', 'pagebreak',
					'searchreplace', 'wordcount', 'visualblocks', 'visualchars', 'code','advcode', 'fullscreen', 'insertdatetime',
					'media', 'table', 'advtable', 'emoticons', 'help', 'quickbars', 'directionality', 'codesample' , 'imagetools','editimage','autosave','nonbreaking','lists','checklist','casechange','permanentpen','tableofcontents'
				],
				toolbar: [
					'undo redo | styles | bold italic | alignleft aligncenter alignright alignjustify | ' +
					'rotateleft rotateright | bullist numlist outdent indent | link image | ' +
					'print preview media fullscreen | forecolor backcolor emoticons | help | ' +
					'ltr rtl | quickimage quicktable quicklink | code codesample restoredraft |' + 'checklist |'  + 'casechange |'  + 'permanentpen |' + 'tableofcontents |'
				],
				image_caption: true,
                autosave_interval: '0s',
                autosave_restore_when_empty: false,
				menu: {
					favs: { title: 'My Favorites', items: 'code visualaid | searchreplace | emoticons' }
				},
				
				menubar: 'favs file edit view insert format tools table help',
				image_title: true,
				automatic_uploads: true,
				file_picker_types: 'image',
				convert_urls:true,
				relative_urls:false,
				remove_script_host:false,
			 
				images_upload_url: '{{ route('ckeditor.upload', ['_token' => csrf_token() ]) }}',
				file_picker_callback: (cb, value, meta) => {
					const input = document.createElement('input');
					input.setAttribute('type', 'file');
					input.setAttribute('accept', 'image/*');

					input.addEventListener('change', (e) => {
						const file = e.target.files[0];
						const reader = new FileReader();
						reader.addEventListener('load', () => {
							const id = 'blobid' + (new Date()).getTime();
							const blobCache = tinymce.activeEditor.editorUpload.blobCache;
							const base64 = reader.result.split(',')[1];
							const blobInfo = blobCache.create(id, file, base64);
							blobCache.add(blobInfo);
							cb(blobInfo.blobUri(), { title: file.name });
						});
						reader.readAsDataURL(file);
					});

					input.click();
				},
				
				extended_valid_elements: 'script[src|async|defer|type|charset]',
				valid_children: '+body[script]',
				// Optional: Adding schema to ensure these elements are supported
				schema: 'html5'
			});
			/**************Tinymce**********/




            var bookIndex1 =;
            $('#bookForm1')
                .on('click', '.addButton', function() {
                    bookIndex1++;
                
                    var $template = $('#bookTemplate1'),
                        $clone    = $template
                                        .clone()
                                        .removeClass('d-none')
                                        .removeAttr('id')
                                        .attr('data-book-index', bookIndex1)
                                        .insertBefore($template);
                    
                    $clone
                        .find('[name="icon_input"]').attr('name','icons_input['+bookIndex1+']').attr('value','').end();
                    // $clone
                    // 	.find('[name="icon_title"]').attr('name','icons_title['+bookIndex1+']').attr('value','').end();
                    // $clone
                    // 	.find('[name="icon_heading"]').attr('name','icons_heading['+bookIndex1+']').attr('value','').end();
                    $clone
                        .find('[name="icon_description"]').attr('name','icons_description['+bookIndex1+']').attr('value','').end();

                
                        
                })
                .on('click', '.removeButton', function() {
                    
                    var $row  = $(this).parents('.form-new'),
                        index = $row.attr('data-book-index');
                    $row.remove();
                })    
        
        });
          $(document).ready(function() {
            $('.select2').select2();
                $("#heading_name").select2({
                    // placeholder: "Blog Status",
                    allowClear: true,
                    minimumResultsForSearch: -1
                });
            });
    </script>
    <script>
        $(document).on("click",".cls-section",function(e) {
            e.preventDefault();
            let section_link = $(this).attr('href');
            if($('#dw-sections').val() == ''){
                mytoast.error('Please select a section to edit.');
                $('#dw-sections').focus();
            }else{
                // window.location.href = section_link+'/'+$('#dw-sections').val();
                window.open(section_link + '/' + $('#dw-sections').val(), '_blank');
            }
        });
    </script>
   
@stop