@extends('layouts.admin.admin')

@section('content')

<style>
    .btn-sm, .btn-group-sm > .btn {
        font-size: 12px;
    }
    
</style>

<div class="row page-titles">
    <div class="col-md-5 align-self-center">
        <h3 class="text-themecolor">Edit New Page</h3>
    </div>
    <div class="col-md-7 align-self-center">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="javascript:void(0)">Home</a></li>
            <li class="breadcrumb-item active">Edit New Page</li>
        </ol>
    </div>
    <div>
        <button class="right-side-toggle waves-effect waves-light btn-inverse btn btn-circle btn-sm pull-right m-l-10"><i class="ti-settings text-white"></i></button>
    </div>
</div>

<div class="container-fluid">
    <div class="row">
        <div class="col-lg-12">

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

        @if ($errors->any())
            <div class="alert alert-danger">
                <strong>Whoops!</strong> There were some problems with your input.<br><br>
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
        <div class="card"> 
            <div class="card-body">
                <h4 class="card-title">New Page</h4>
                <form action="{{ route('home-page-setting.update',$homepage->id) }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    @method('PUT')
                    <div class="form-body">

                        <div class="row p-t-20">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <input type="text" class="form-control" name="page_heading" id="page_heading" value="{{ $homepage->page_heading }}">
                                    <small class="form-control-feedback"> </small> 
                                </div>    
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <input type="text" class="form-control" name="page_slug" id="page_slug" value="{{ $homepage->page_slug }}">
                                    <small class="form-control-feedback"> </small> 
                                </div>    
                            </div>
                        </div>
                        <div class="row p-t-20">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <input type="text" class="form-control" name="page_about_heading" id="page_about_heading" value="{{ $homepage->page_about_heading }}">
                                    <small class="form-control-feedback"> </small> 
                                </div>    
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <input type="text" class="form-control" name="page_about_tagline" id="page_about_tagline" value="{{ $homepage->page_about_tagline }}">
                                    <small class="form-control-feedback"> </small> 
                                </div>    
                            </div>
                        </div>
                        <div class="row p-t-20">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <img src="http://bmp.litost.co.in/storage/app/public/uploads/about/{{ $homepage->page_about_image1 }}" alt="user" height="80" width="140"/>
                                    <input type="file" class="form-control" name="page_about_image1" id="page_about_image1" value="{{ $homepage->page_about_image1 }}">
                                    <small class="form-control-feedback"> </small> 
                                </div>    
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <img src="http://bmp.litost.co.in/storage/app/public/uploads/about/{{ $homepage->page_about_image2 }}" alt="user" height="80" width="140"/>
                                    <input type="file" class="form-control" name="page_about_image2" id="page_about_image2" value="{{ $homepage->page_about_image2 }}">
                                    <small class="form-control-feedback"> </small> 
                                </div>    
                            </div>
                        </div>
                        <div class="row p-t-20">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <img src="http://bmp.litost.co.in/storage/app/public/uploads/about/{{ $homepage->page_about_image3 }}" alt="user" height="80" width="140"/>
                                    <input type="file" class="form-control" name="page_about_image3" id="page_about_image3" value="{{ $homepage->page_about_image3 }}">
                                    <small class="form-control-feedback"> </small> 
                                </div>    
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <select class="form-control" name="page_status" id="page_status">
                                        <option>Select any one</option>
                                        <option value="1" {{ $homepage->page_status == 1 ? 'selected' : '' }}>Publish</option>
                                        <option value="0" {{ $homepage->page_status == 0 ? 'selected' : '' }}>Draft</option>
                                    </select>
                                    <small class="form-control-feedback"> </small> </div>
                            </div>
                        </div>
                        <div class="row p-t-20">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label class="control-label">Page Description</label>
                                    <textarea class="form-control" name="page_about_description" id="full-featured-non-premium">{{ $homepage->page_about_description }}</textarea>
                                    <small class="form-control-feedback"> </small> 
                                </div> 
                            </div>
                        </div>
                        
                        <h5><b>Service Section</b></h5>
                        <div class="row p-t-20">
                            <div class="col-md-6">
                                <div class="form-group">
                                <input type="text" placeholder="Heading" class="form-control" name="page_service_heading1" id="page_service_heading1" value="{{ $homepage->page_service_heading1 }}">
                                    <small class="form-control-feedback"> </small> 
                                </div>    
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <textarea class="form-control" name="page_service_description1" id="page_service_description1">{{ $homepage->page_service_description1 }}</textarea>
                                    <small class="form-control-feedback"> </small> 
                                </div>    
                            </div>
                        </div>
                        <div class="row p-t-20">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <input type="text" placeholder="Heading" class="form-control" name="page_service_heading2" id="page_service_heading2" value="{{ $homepage->page_service_heading2 }}">
                                    <small class="form-control-feedback"> </small> 
                                </div>    
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <textarea class="form-control" name="page_service_description2" id="page_service_description2">{{ $homepage->page_service_description2 }}</textarea>
                                    <small class="form-control-feedback"> </small> 
                                </div>    
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <img src="http://bmp.litost.co.in/storage/app/public/uploads/service/{{ $homepage->page_service_background2 }}" alt="user" height="80" width="140">
                                    <input type="file" class="form-control" name="page_service_background2" id="page_service_background2" value="{{ $homepage->page_service_background2 }}">
                                    <small class="form-control-feedback"> </small> 
                                </div>    
                            </div>
                        </div>
                        <div class="row p-t-20">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <input type="text" placeholder="Heading" class="form-control" name="page_service_heading3" id="page_service_heading3" value="{{ $homepage->page_service_heading3 }}">
                                    <small class="form-control-feedback"> </small> 
                                </div>    
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <textarea class="form-control" name="page_service_description3" id="page_service_description3">{{ $homepage->page_service_description3 }}</textarea>
                                    <small class="form-control-feedback"> </small> 
                                </div>    
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <img src="http://bmp.litost.co.in/storage/app/public/uploads/service/{{ $homepage->page_service_background3 }}" alt="user" height="80" width="140">
                                    <input type="file" class="form-control" name="page_service_background3" id="page_service_background3" value="{{ $homepage->page_service_background3 }}">
                                    <small class="form-control-feedback"> </small> 
                                </div>    
                            </div>
                        </div>
                        
                        <div class="row p-t-20">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <input type="text" placeholder="Heading" class="form-control" name="page_service_heading4" id="page_service_heading4" value="{{ $homepage->page_service_heading4 }}">
                                    <small class="form-control-feedback"> </small> 
                                </div>    
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <textarea class="form-control" name="page_service_description4" id="page_service_description4">{{ $homepage->page_service_description4 }}</textarea>
                                    <small class="form-control-feedback"> </small> 
                                </div>    
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <img src="http://bmp.litost.co.in/storage/app/public/uploads/service/{{ $homepage->page_service_background4 }}" alt="user" height="80" width="140">
                                    <input type="file" class="form-control" name="page_service_background4" id="page_service_background4" value="{{ $homepage->page_service_background4 }}">
                                    <small class="form-control-feedback"> </small> 
                                </div>    
                            </div>
                        </div>

                        <div class="row p-t-20">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <input type="text" placeholder="Heading" class="form-control" name="page_service_heading5" id="page_service_heading5" value="{{ $homepage->page_service_heading5 }}">
                                    <small class="form-control-feedback"> </small> 
                                </div>    
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <textarea class="form-control" name="page_service_description5" id="page_service_description5">{{ $homepage->page_service_description5 }}</textarea>
                                    <small class="form-control-feedback"> </small> 
                                </div>    
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <img src="http://bmp.litost.co.in/storage/app/public/uploads/service/{{ $homepage->page_service_background5 }}" alt="user" height="80" width="140">
                                    <input type="file" class="form-control" name="page_service_background5" id="page_service_background5" value="{{ $homepage->page_service_background5 }}">
                                    <small class="form-control-feedback"> </small> 
                                </div>    
                            </div>
                        </div>

                        
                        <h5><b>Events Section</b></h5>
                        <div class="row p-t-20">
                            <div class="col-md-6">
                                <div class="form-group">
                                <input type="text" class="form-control" name="page_event_heading" id="page_event_heading" value="{{ $homepage->page_event_heading }}">
                                    <small class="form-control-feedback"> </small> 
                                </div>    
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <textarea class="form-control" name="page_event_description" id="page_event_description">{{ $homepage->page_event_description }}</textarea>
                                    <small class="form-control-feedback"> </small> 
                                </div>    
                            </div>
                        </div>
                        <div class="row p-t-20">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <input type="text" class="form-control" name="page_wedding_gallery" id="page_wedding_gallery" value="{{ $homepage->page_wedding_gallery }}">
                                    <small class="form-control-feedback"> </small> 
                                </div>    
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <textarea class="form-control" name="page_wedding_tagline" id="page_wedding_tagline">{{ $homepage->page_wedding_tagline }}</textarea>
                                    <small class="form-control-feedback"> </small> 
                                </div>    
                            </div>
                        </div>
                        <div class="row p-t-20">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <input type="text" class="form-control" name="page_testimonial_heading" id="page_testimonial_heading" value="{{ $homepage->page_testimonial_heading }}">
                                    <small class="form-control-feedback"> </small> 
                                </div>    
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <img src="http://bmp.litost.co.in/storage/app/public/uploads/testimonials/{{ $homepage->page_testimonial_background }}" alt="user" height="80" width="140">
                                    <input type="file" class="form-control" name="page_testimonial_background" id="page_testimonial_background" value="{{ $homepage->page_testimonial_background }}">
                                    <small class="form-control-feedback"> </small> 
                                </div>    
                            </div>
                        </div>
                        
                        <h5><b>Feature Section</b></h5>
                        <div class="row p-t-20">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <input type="text" class="form-control" name="page_blog_heading" id="page_blog_heading" placeholder="feature heading" value="{{ $homepage->page_blog_heading }} ">
                                    <small class="form-control-feedback"> </small> 
                                </div>    
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <input type="text" class="form-control" name="page_blog_tagline" id="page_blog_tagline" placeholder="feature tagline" value="{{ $homepage->page_blog_tagline }}">
                                    <small class="form-control-feedback"> </small> 
                                </div>    
                            </div>
                        </div>
                        <hr/>
                        <h3>Meta Data</h3>
                        <div class="row p-t-20">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="control-label">Meta Tile</label>
                                    <input type="text" id="meta_title" name="meta_title" class="form-control" placeholder="Meta title" value="{{ $homepage->meta_title }}">  
                                    <small class="form-control-feedback"> </small> </div>
                            </div>
                            <!--/span-->
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="control-label">Meta Keywords</label>
                                    <input type="text" id="meta_tag" name="meta_tag" class="form-control" placeholder="Meta tag" value="{{ $homepage->meta_tag }}">  
                                    <small class="form-control-feedback"> </small> </div>
                            </div>
                        </div>
                        <div class="row p-t-20">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label class="control-label">Meta description</label>
                                    <textarea id="meta_description" name="meta_description" class="form-control" placeholder="Meta Description">{{ $homepage->meta_description }}</textarea>  
                                    <small class="form-control-feedback"> </small> </div>
                            </div>
                            <!--/span-->
                        </div>
                        
                    </div>
                    <div class="form-actions">
                        <button type="submit" class="btn btn-success"> <i class="fa fa-check"></i> Save</button>
                        <a href="{{ route('pages.index') }}" class="btn btn-inverse">Cancel</a>
                    </div>
                </form>
            </div>    
        </div>
</div>
<script type="text/javascript">
    var useDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;
    tinymce.init({
    selector: 'textarea#full-featured-non-premium',
    plugins: 'print preview paste importcss searchreplace autolink autosave save directionality code visualblocks visualchars fullscreen image link media template codesample table charmap hr pagebreak nonbreaking anchor toc insertdatetime advlist lists wordcount imagetools textpattern noneditable help charmap quickbars emoticons',
    imagetools_cors_hosts: ['picsum.photos'],
    menubar: 'file edit view insert format tools table help',
    toolbar: 'undo redo | bold italic underline strikethrough | fontselect fontsizeselect formatselect | alignleft aligncenter alignright alignjustify | outdent indent |  numlist bullist | forecolor backcolor removeformat | pagebreak | charmap emoticons | fullscreen  preview save print | insertfile image media template link anchor codesample | ltr rtl',
    toolbar_sticky: true,
    autosave_ask_before_unload: true,
    autosave_interval: '30s',
    autosave_prefix: '{path}{query}-{id}-',
    autosave_restore_when_empty: false,
    autosave_retention: '2m',
    image_advtab: true,
    link_list: [
        { title: 'My page 1', value: 'http://www.tinymce.com' },
        { title: 'My page 2', value: 'http://www.moxiecode.com' }
    ],
    image_list: [
        { title: 'My page 1', value: 'http://www.tinymce.com' },
        { title: 'My page 2', value: 'http://www.moxiecode.com' }
    ],
    image_class_list: [
        { title: 'None', value: '' },
        { title: 'Some class', value: 'class-name' }
    ],
    importcss_append: true,
    file_picker_callback: function (callback, value, meta) {
        /* Provide file and text for the link dialog */
        if (meta.filetype === 'file') {
        callback('https://www.google.com/logos/google.jpg', { text: 'My text' });
        }

        /* Provide image and alt text for the image dialog */
        if (meta.filetype === 'image') {
        callback('https://www.google.com/logos/google.jpg', { alt: 'My alt text' });
        }

        /* Provide alternative source and posted for the media dialog */
        if (meta.filetype === 'media') {
        callback('movie.mp4', { source2: 'alt.ogg', poster: 'https://www.google.com/logos/google.jpg' });
        }
    },
    templates: [
        { title: 'New Table', description: 'creates a new table', content: '<div class="mceTmpl"><table width="98%%"  border="0" cellspacing="0" cellpadding="0"><tr><th scope="col"> </th><th scope="col"> </th></tr><tr><td> </td><td> </td></tr></table></div>' },
        { title: 'Starting my story', description: 'A cure for writers block', content: 'Once upon a time...' },
        { title: 'New list with dates', description: 'New List with dates', content: '<div class="mceTmpl"><span class="cdate">cdate</span><br /><span class="mdate">mdate</span><h2>My List</h2><ul><li></li><li></li></ul></div>' }
    ],
    template_cdate_format: '[Date Created (CDATE): %m/%d/%Y : %H:%M:%S]',
    template_mdate_format: '[Date Modified (MDATE): %m/%d/%Y : %H:%M:%S]',
    height: 600,
    image_caption: true,
    quickbars_selection_toolbar: 'bold italic | quicklink h2 h3 blockquote quickimage quicktable',
    noneditable_noneditable_class: 'mceNonEditable',
    toolbar_mode: 'sliding',
    contextmenu: 'link image imagetools table',
    skin: useDarkMode ? 'oxide-dark' : 'oxide',
    content_css: useDarkMode ? 'dark' : 'default',
    content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
    });
</script>
<script type="text/javascript">
    $(document).ready(function() {
        $('select[name="parent_menu_id"]').on('change', function() {
            var menuID = $(this).val();
            if(menuID) {
                $.ajax({
                    url: '/codekingNew/public/getChildMenu/'+menuID,
                    type: "GET",
                    dataType: "json", 
                    success:function(data) {
                        $('select[name="child_menu_id"]').empty();
                        $.each(data, function(key, value) {
                            $('select[name="child_menu_id"]').append('<option value="'+value.id+'">'+value.sub_cat_name+'</option>');
                        });
                        
                    }
                });
            }else{
                $('select[name="child_menu_id"]').empty();
            }
        });
    });
</script>

@endsection