@extends('Layouts.adminLayout')
@section('title')
     {{__('Edit Page')}}
@endsection

@section('breadcrumb')
  <div class="content-header-left col-md-9 col-12 mb-2">
      <div class="row breadcrumbs-top">
          <div class="col-12">
              <div class="breadcrumb-wrapper col-12">
                  <ol class="breadcrumb">
                      <li class="breadcrumb-item"><a href="#">{{__('Panel')}}</a></li>
                      <li class="breadcrumb-item"><a href="#">{{__('Page')}}</a> </li>
                      <li class="breadcrumb-item active"><a href="#">{{__('Edit Page')}}</a></li>
                  </ol>
              </div>
          </div>
      </div>
  </div>
@endsection
@section('content')
<section class="input-validation">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="card">
                                
                                <div class="card-header">
                                   {{__('Edit Page')}}
                                </div>
                                <div class="card-content">
                                    <div class="card-body">
                                        <form 
                                              action="{{route('Admin.pages.update',$data['Page']->id)}}"
                                              method="POST"   enctype="multipart/form-data" class="needs-validation form-horizontal"  novalidate >
                                            @CSRF
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label>{{__('Language')}}</label>
                                                        <div class="controls">
                                                            <div class="form-group">
                                                                <select class="select2 form-control {{ $errors->has('lang') ? ' is-invalid' : '' }}" id="lang"   name="lang"   required tabindex="1"  onchange="changeLanguage(this.value)">
                                                                 <option value="">{{__('Select')}}</option>
                                                                 @foreach($data['Languages'] as $value)
                                                                  <option value="{{$value->slug}}"  @if((old('lang') !== null && old('lang') == $value->slug) || ($data['Page']->lang == $value->slug && old('lang') == null)) selected @endif   >{{$value->title}}</option>
                                                                  @endforeach
                                                                </select>
																 @if ($errors->has('lang'))
                                                                    <div class="invalid-feedback"> {{ $errors->first('lang') }}</div>
                                                                @endif
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label>{{__('Title')}}</label>
                                                        <div class="controls">
                                                            <input type="text" name="title" class="form-control {{ $errors->has('title') ? ' is-invalid' : '' }}"  placeholder="{{__('Title')}}"  value="{{ old('title') ?? $data['Page']->title }}" id="title" required tabindex="2">
									                        @if ($errors->has('title'))
									                        	<div class="invalid-feedback">{{ $errors->first('title') }}</div>
									                        @endif 
                                                        </div>
                                                    </div>
								<div class="form-group permalink_label">
									   <label class="text-dark">{{__('Permalink')}}*
                                    <span id="slug_show" class="display-inline"></span>
                                    <span id="slug_edit" class="display-inline">
                                         <button class="btn btn-warning btn-sm slug_edit_button"> <i class="fas fa-edit"></i> </button>
                                          <input type="text" name="slug"  value="{{ old('slug') ?? $data['Page']->slug }}"   class="form-control blog_slug mt-2 {{ $errors->has('slug') ? ' is-invalid' : '' }}" style="display: none">
                                          <button class="btn btn-info btn-sm slug_update_button mt-2" style="display: none">{{__('Update')}}</button>
										  	 @if ($errors->has('slug'))
                                                  <div class="invalid-feedback">{{ $errors->first('slug') }}</div>
												 @endif 
                                    </span>
                                </label>
                                  </div>

                                                </div>
												  <div class="col-md-6 ">
                                                    <div class="form-group">
                                                        <label>{{__('Category')}} </label>
                                                        <div class="controls">
                                                            <div class="form-group">
                                                                <select class="select2 form-control {{ $errors->has('category') ? ' is-invalid' : '' }}"      tabindex="1"  name="category"  id="category" >
                                                                 <option value="">{{__('Select')}}</option>
                                                                 @foreach($data['Category'] as $value)
                                                                  <option value="{{$value->id}}" @if((old('category') !== null && old('category') == $value->id) || ($data['Page']->category_id == $value->id && old('category') == null)) selected @endif >{{$value->title}}</option>
                                                                  @endforeach
                                                                </select>
			                                                   @if ($errors->has('category'))
                                                                    <div class="invalid-feedback"> {{ $errors->first('category') }}  </div>
                                                                @endif
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
												
		 
                                            </div>

                                        <div class="card-body">
                                            <ul class="nav nav-tabs mb-3 nav-justified" role="tablist" id="myTab2">
                                                <li class="nav-item">
                                                    <a class="nav-link d-flex align-items-center active" id="account-tab" data-toggle="tab" href="#account" aria-controls="account" role="tab" aria-selected="true">
                                                        <span class="d-sm-block">{{__('Page Meta')}}</span>
                                                    </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link d-flex align-items-center" id="information-tab" data-toggle="tab" href="#information" aria-controls="information" role="tab" aria-selected="false">
                                                        <span class="d-sm-block">{{__('Facebook Meta')}}</span>
                                                    </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link d-flex align-items-center" id="social-tab" data-toggle="tab" href="#social" aria-controls="social" role="tab" aria-selected="false">
                                                        <span class="d-sm-block">{{__('Twitter Meta')}}</span>
                                                    </a>
                                                </li>
                                            </ul>
										
                                            <div class="tab-content">
                                                <div class="tab-pane active" id="account" aria-labelledby="account-tab" role="tabpanel">
                                                    <div class="row">
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label>{{__('Meta Title')}}</label>
                                                                <div class="controls">
                                                                    <input type="text" name="meta_title" class="form-control {{ $errors->has('meta_title') ? ' is-invalid' : '' }}"   value="{{ old('meta_title') ?? $data['Page']->meta_data->meta_title ?? '' }}" tabindex="3" />
																 @if ($errors->has('meta_title'))
                                                                      <div class="invalid-feedback">{{ $errors->first('meta_title') }}</div>
                                                                  @endif
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label> {{__('Meta Tags')}}</label>
                                                                <div class="controls">
                                                                    <input type="text" name="meta_tags" class="form-control {{ $errors->has('meta_tags') ? ' is-invalid' : '' }}"  data-role="tagsinput" value="{{ old('meta_tags') ?? $data['Page']->meta_data->meta_tags ?? '' }}" tabindex="4" />
																  @if ($errors->has('meta_tags'))
                                                                      <div class="invalid-feedback">{{ $errors->first('meta_tags') }}</div>
                                                                  @endif
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-12">
                                                            <div class="form-group">
                                                                <label>{{__('Meta Description')}}</label>
                                                                <div class="controls">
                                                                    <textarea name="meta_description" class="form-control max-height-140 {{ $errors->has('meta_description') ? ' is-invalid' : '' }}" cols="20" rows="3" tabindex="5" >{{ old('meta_description') ?? $data['Page']->meta_data->meta_description ?? '' }} </textarea>
																  @if ($errors->has('meta_description'))
                                                                      <div class="invalid-feedback">{{ $errors->first('meta_description') }}</div>
                                                                  @endif
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="tab-pane" id="information" aria-labelledby="information-tab" role="tabpanel">
                                                    <div class="row">
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label> {{__('Facebook Meta Tag')}}</label>
                                                                <div class="controls">
                                                                    <input type="text" name="facebook_meta_tags" class="form-control {{ $errors->has('facebook_meta_tags') ? ' is-invalid' : '' }}" data-role="tagsinput" value="{{ old('facebook_meta_tags') ?? $data['Page']->meta_data->facebook_meta_tags ?? '' }}" tabindex="6" />
																 @if ($errors->has('facebook_meta_tags'))
                                                                      <div class="invalid-feedback">{{ $errors->first('facebook_meta_tags') }}</div>
                                                                  @endif
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <fieldset class="form-group">
                                                                <label for="basicInputFile">{{__('Facebook Meta Image')}}</label>
                                                                <div class="custom-file">
                                                                    <input type="file" class="custom-file-input {{ $errors->has('facebook_meta_image') ? ' is-invalid' : '' }}" id="inputGroupFile01" name="facebook_meta_image" tabindex="7" />
                                                                    <label class="custom-file-label" for="inputGroupFile01">{{__('Facebook Meta Image')}}</label>
																 @if ($errors->has('facebook_meta_image'))
                                                                      <div class="invalid-feedback">{{ $errors->first('facebook_meta_image') }}</div>
                                                                  @endif
                                                                </div>
															 @if($data['Page']->meta_data != NULL and $data['Page']->meta_data->facebook_meta_image != '')
                                                                  <div class="media mb-2 mt-2">
                                                                <a class="mr-2 my-25">
                                                                    <img src="/{{$data['Page']->meta_data->facebook_meta_image ?? ''}}" alt="{{$data['Page']->title}}" class="users-avatar-shadow rounded" height="90" width="90" />
                                                                </a>
                                                            </div>
                                                            @endif
                                                            </fieldset>
                                                        </div>
                                                        <div class="col-md-12">
                                                            <div class="form-group">
                                                                <label>{{__('Facebook Meta Description')}}</label>
                                                                <div class="controls">
                                                                    <textarea name="facebook_meta_description" class="form-control max-height-140 {{ $errors->has('facebook_meta_description') ? ' is-invalid' : '' }}" cols="20" rows="3" tabindex="8">{{ old('facebook_meta_description') ?? $data['Page']->meta_data->facebook_meta_description ?? '' }} </textarea>
																 @if ($errors->has('facebook_meta_description'))
                                                                      <div class="invalid-feedback">{{ $errors->first('facebook_meta_description') }}</div>
                                                                  @endif
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="tab-pane" id="social" aria-labelledby="social-tab" role="tabpanel">

                                                    <div class="row">
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label>  {{__('Twitter Meta Tag')}}</label>
                                                                <div class="controls">
                                                                    <input type="text" name="twitter_meta_tags" class="form-control {{ $errors->has('twitter_meta_tags') ? ' is-invalid' : '' }} " data-role="tagsinput" value="{{ old('twitter_meta_tags') ?? $data['Page']->meta_data->twitter_meta_tags ?? '' }}" tabindex="9" />
															 @if ($errors->has('twitter_meta_tags'))
                                                                <div class="invalid-feedback">{{ $errors->first('twitter_meta_tags') }}</div>
                                                             @endif
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <fieldset class="form-group">
                                                                <label for="basicInputFile">{{__('Twitter Meta Image')}} </label>
                                                                <div class="custom-file">
                                                                    <input type="file" class="custom-file-input {{ $errors->has('twitter_meta_image') ? ' is-invalid' : '' }} " id="inputGroupFile01" name="twitter_meta_image" tabindex="10" />
                                                                    <label class="custom-file-label" for="inputGroupFile01">{{__('Twitter Meta Image')}}</label>
															 @if ($errors->has('twitter_meta_image'))
                                                                <div class="invalid-feedback">{{ $errors->first('twitter_meta_image') }}</div>
                                                             @endif
                                                                </div>
															  @if($data['Page']->meta_data != NULL and $data['Page']->meta_data->twitter_meta_image != '' )
                                                                  <div class="media mb-2 mt-2">
                                                                <a class="mr-2 my-25">
                                                                    <img src="/{{$data['Page']->meta_data->twitter_meta_image ?? ''}}" alt="{{$data['Page']->title}}" class="users-avatar-shadow rounded" height="90" width="90" />
                                                                </a>
                                                            </div>
                                                            @endif
                                                            </fieldset>
                                                        </div>
                                                        <div class="col-md-12">
                                                            <div class="form-group">
                                                                <label>{{__('Twitter Meta Description')}}</label>
                                                                <div class="controls">
                                                                    <textarea name="twitter_meta_description" class="form-control max-height-140 {{ $errors->has('twitter_meta_description') ? ' is-invalid' : '' }} " cols="20" rows="3" tabindex="11"> {{ old('twitter_meta_description') ?? $data['Page']->meta_data->twitter_meta_description ?? '' }}</textarea>
															 @if ($errors->has('twitter_meta_description'))
                                                                <div class="invalid-feedback">{{ $errors->first('twitter_meta_description') }}</div>
                                                             @endif
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                                   <div class="form-row">
                                            <div class="col-md-12 mb-2">
                                                <label for="label-textarea">{{__('Text')}}</label>
                                                <textarea class="form-control fullpremium {{ $errors->has('text') ? ' is-invalid' : '' }}" id="label-textarea"
                                                name="text" rows="5" required tabindex="12" > {{ old('text') ?? $data['Page']->text }}  </textarea>
								                  @if ($errors->has('text'))
								                  	<div class="invalid-feedback">{{ $errors->first('text') }}</div> 
								                  @endif 
                                            </div>
                                            </div>


                                              <div  class="col-12 d-flex flex-sm-row flex-column justify-content-end mt-1">
                                                    <button type="submit" class="btn btn-primary glow mb-1 mb-sm-0 mr-0 mr-sm-1">{{__('Update')}}</button>
                                                </div>

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

                        </div>
                        </section>
@endsection
@section('script')
<script src="{{ asset('Admin/assets/js/bootstrap-tagsinput.js')}}"></script>
    <script>
		            function changeLanguage (selectedLang) {
                    $.ajax({
                    url: "{{route('Admin.pages.language')}}",
                    type: "POST",
                    data: {
                        _token : "{{csrf_token()}}",
                        lang : selectedLang
                    },
                    success:function (data) {
                        $('#category').html('');
                        $.each(data,function(index,value){
                            $('#category').append('<option value="'+value.id+'">'+value.title+'</option>')
                        });
                          $('#category').trigger('change');
                    }
                });
    }
        $('form').on('keyup keypress', function (e) {
        var keyCode = e.keyCode || e.which;
        if (keyCode === 13) {
            e.preventDefault();
            return false;
        }
    });
        (function ($) {
            "use strict";
            $(document).ready(function () {
                var sl =  $('.blog_slug').val();
                var url = `{{url('/page/')}}/` + sl;
                var data = $('#slug_show').text(url).css('color', 'blue');

                var form = $('#blog_new_form');

                $(document).on('keyup', '#title', function (e) {
                    var slug = $(this).val().trim().toLowerCase().split(' ').join('-');
                    var url = `{{url('/page/')}}/` + slug;
                    $('.permalink_label').show();
                    var data = $('#slug_show').text(url).css('color', 'blue');
                    $('.blog_slug').val(slug);

                });

                //Slug Edit Code
                $(document).on('click', '.slug_edit_button', function (e) {
                    e.preventDefault();
                    $('.blog_slug').show();
                    $(this).hide();
                    $('.slug_update_button').show();
                });

                //Slug Update Code
                $(document).on('click', '.slug_update_button', function (e) {
                    e.preventDefault();
                    $(this).hide();
                    $('.slug_edit_button').show();
                    var update_input = $('.blog_slug').val();
                    var slug = update_input.trim().toLowerCase().split(' ').join('-');
                    var url = `{{url('/page/')}}/` + slug;
                    $('#slug_show').text(url);
                    $('.blog_slug').hide();
                });


            });

        })(jQuery);
    </script>
@endsection