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

@section('css')
<link rel="stylesheet" type="text/css" href="{{asset('assets/admin/vendors/css/tables/datatable/dataTables.bootstrap4.min.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('assets/admin/vendors/css/forms/tags/bootstrap-tagsinput.css')}}">
<style>
    .bootstrap-tagsinput {
        width: 100% !important;
    }
</style>
@endsection

<!-- SEO
=======================================================  
-->

<form class="form" method="post" action="{{route('updateSeo')}}">

    <div class="card">
        <div class="card-header">
            <h4 class="card-title">Select Page For SEO</h4>
        </div>

        <div class="card-body collapse in">
            <div class="card-block">
                
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group">
                            <select name="type" class="form-control on_change_page">
                                <option value="website-seo">Select page</option>
                                <option @if(Request::input('page') == 'homepage') selected @endif value="website-seo?page=homepage">Home Page</option>
                                <option @if(Request::input('page') == 'aboutus') selected @endif value="website-seo?page=aboutus">About Us</option>
                                <option @if(Request::input('page') == 'menu') selected @endif value="website-seo?page=menu">Menu</option>
                                <option @if(Request::input('page') == 'events') selected @endif value="website-seo?page=events">News & Events</option>
                                <option @if(Request::input('page') == 'gallery') selected @endif value="website-seo?page=gallery">Gallery</option>
                                <option @if(Request::input('page') == 'reservations') selected @endif value="website-seo?page=reservations">Reservations</option>
                                <option @if(Request::input('page') == 'services') selected @endif value="website-seo?page=services">Services</option>
                                <option @if(Request::input('page') == 'contact') selected @endif value="website-seo?page=contact">Contact</option>
                                <option @if(Request::input('page') == 'signup') selected @endif value="website-seo?page=signup">Sign Up</option>
                                <option @if(Request::input('page') == 'signin') selected @endif value="website-seo?page=signin">Sign In</option>
                            </select>

                            <input type="hidden" name="page" value="{{Request::input('page')}}">

                        </div>
                    </div>
                </div>

            </div>
        </div>
        
    </div>

    @if(Request::input('page') && Request::input('page') !='')
    <div class="card">
        <div class="card-header">
            <h4 class="card-title">SEO</h4>
        </div>

        <div class="card-body collapse in">
            <div class="card-block">

                    {{csrf_field()}}
                    <div class="form-body">

                        <h4 class="form-section">Page Title</h4>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <input type="text" class="form-control" placeholder="Page Title" name="page_title" value="{{isset($seo->page_title)?$seo->page_title:''}}">
                                </div>
                            </div>
                        </div>

                        <h4 class="form-section">Meta Tags</h4>
                        <div class="form-group">
                            <input type="text" value="{{isset($seo->meta_keywords)?$seo->meta_keywords:''}}" data-role="tagsinput" class="form-control tagsInput" placeholder="Meta Keywords" name="meta_keywords"/>
                        </div>
                        <div class="form-group">
                            <textarea rows="5" class="form-control" name="meta_description" placeholder="Meta Description">{{isset($seo->meta_description)?$seo->meta_description:''}}</textarea>
                        </div>

                    </div>

                    <div class="form-group row">
                        <div class="col-sm-12">
                            <button type="button" class="btn btn-warning mr-1"><i class="icon-cross2"></i> Cancel</button>
                            <button type="submit" class="btn btn-success"><i class="icon-check2"></i> Save</button>
                        </div>
                    </div>

                
            </div>
        </div>
    </div>
    @endif

</form>

@include('admin.cms.events_modal') 
@section('js')
<script src="{{asset('assets/admin/vendors/js/tables/jquery.dataTables.min.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/admin/vendors/js/tables/datatable/dataTables.bootstrap4.min.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/admin/js/scripts/tables/datatables/datatable-advanced.min.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/admin/vendors/js/forms/tags/bootstrap-tagsinput.min.js')}}" type="text/javascript"></script>
<script type="text/javascript">


$(document).ready(function() {
    $('.on_change_page').on('change', function () {
        var url = $(this).val(); 
        if (url) {
            window.location = url; 
        }
        return false;
    });
});

</script>
@endsection
@endsection