@include('links.header')

@if(isset($cms_data))
<b>Edit CMS</b>
@else
<b>Create New CMS</b>
@endif

<a href="{{url('seedmagic/cms')}}" class="btn btn-primary pull-right" >Back</a>

<br><br>

@if (Session::has('msg'))

<div class="alert bg-green alert-dismissible" role="alert"><strong>Success! </strong>

    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>

    {!! session('msg') !!}

</div>

  @endif

  @if (Session::has('msg_e'))

  <div class="alert bg-red alert-dismissible" role="alert"><strong>Danger! </strong>

      <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>

      {!! session('msg_e') !!}

  </div>

 @endif



<form method="POST" action="{{ isset($cms_data) ? route('cms.update',$cms_data->id) : route('cms.store') }}">

    @csrf

    @if(isset($cms_data))

        @method('PATCH')

    @endif

    <div class="row clearfix">

      <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">

        <div class="card">

            <div class="header">

                <h2>Common Page Configuration</h2>

            </div>

            <div class="body">

                <div class="row clearfix">

                    @if(isset($cms_data))

                        <div class="col-md-6 col-sm-6">

                                <label class="form-label">SEO Keyword </label>

                                <div class="form-group form-float">

                                    <div class="form-line">

                                        <input type="text" name="url_alias" id="url_alias" class="form-control" value="{{ $cms_data->url_alias }}" required>

                                    </div>
                                    <label class="form-label text-danger error_dup">SEO Keyword already exits. </label>

                                </div>

                                @error('url_alias')

                                    <span class="invalid-feedback" role="alert">

                                        <i style='color:red'>{{ $message }}</i>

                                    </span>

                                @enderror

                        </div>

                        <div class="col-md-6 col-sm-6">

                                <label class="form-label">Meta Title  </label>

                                <div class="form-group form-float">

                                    <div class="form-line">

                                        <input type="text" name="meta_title" id="meta_title" class="form-control"  value="{{ $cms_data->meta_title }}" required>

                                    </div>

                                </div>

                                @error('meta_title')

                                    <span class="invalid-feedback" role="alert">

                                        <i style='color:red'>{{ $message }}</i>

                                    </span>

                                @enderror

                        </div>

                        <div class="col-md-12 col-sm-12">

                                <label class="form-label">Meta Description  </label>

                                <div class="form-group form-float">

                                    <div class="form-line">

                                        <input type="text" name="meta_description" id="meta_description" class="form-control" value="{{ $cms_data->meta_description }}" required>

                                    </div>

                                </div>

                                @error('meta_description')

                                    <span class="invalid-feedback" role="alert">

                                        <i style='color:red'>{{ $message }}</i>

                                    </span>

                                @enderror

                        </div>

                        <div class="col-md-6 col-sm-6">

                                <label class="form-label">Meta Tags  </label>

                                <div class="form-group form-float">

                                    <div class="form-line">

                                        <input type="text" name="meta_tags" id="meta_tags" class="form-control"  value="{{ $cms_data->meta_tags }}" >

                                    </div>

                                </div>

                                @error('meta_tags')

                                    <span class="invalid-feedback" role="alert">

                                        <i style='color:red'>{{ $message }}</i>

                                    </span>

                                @enderror

                        </div>

                        <div class="col-md-6 col-sm-6">

                                <label class="form-label">OG Tags  </label>

                                <div class="form-group form-float">

                                    <div class="form-line">

                                        <input type="text" name="og_tags" id="og_tags" class="form-control" value="{{ $cms_data->og_tags }}">

                                    </div>

                                </div>

                                @error('og_tags')

                                    <span class="invalid-feedback" role="alert">

                                        <i style='color:red'>{{ $message }}</i>

                                    </span>

                                @enderror

                        </div>

                        <div class="col-md-4 col-sm-4">

                                <label class="form-label">Status</label>

                                <div class="form-group form-float">

                                    <div class="form-line form-control">

                                        

                                        <input type='radio' name='status' value="1" required {{ $cms_data->status == 1? 'checked' : '' }}> Active

                                        <input type='radio' name='status' value="0" required {{ $cms_data->status == 0? 'checked' : '' }}> Inactive

                                    </div>

                                </div>

                                @error('status')

                                    <span class="invalid-feedback" role="alert">

                                        <i style='color:red'>{{ $message }}</i>

                                    </span>

                                @enderror

                        </div>

                    @else

                        <div class="col-md-4 col-sm-6">

                                <label class="form-label">SEO Keyword </label>

                                <div class="form-group form-float">

                                    <div class="form-line">

                                        <input type="text" name="url_alias" id="url_alias" class="form-control"  required>

                                    </div>
                                    <label class="form-label text-danger error_dup">SEO Keyword already exits. </label>

                                </div>

                                @error('url_alias')

                                    <span class="invalid-feedback" role="alert">

                                        <i style='color:red'>{{ $message }}</i>

                                    </span>

                                @enderror

                        </div>

                        <div class="col-md-4 col-sm-6">

                                <label class="form-label">Meta Title  </label>

                                <div class="form-group form-float">

                                    <div class="form-line">

                                        <input type="text" name="meta_title" id="meta_title" class="form-control"  required>

                                    </div>

                                </div>

                                @error('meta_title')

                                    <span class="invalid-feedback" role="alert">

                                        <i style='color:red'>{{ $message }}</i>

                                    </span>

                                @enderror

                        </div>

                        <div class="col-md-4 col-sm-12">

                                <label class="form-label">Meta Description  </label>

                                <div class="form-group form-float">

                                    <div class="form-line">

                                        <input type="text" name="meta_description" id="meta_description" class="form-control"  required>

                                    </div>

                                </div>

                                @error('meta_description')

                                    <span class="invalid-feedback" role="alert">

                                        <i style='color:red'>{{ $message }}</i>

                                    </span>

                                @enderror

                        </div>

                        <div class="col-md-4 col-sm-6">

                                <label class="form-label">Meta Tags  </label>

                                <div class="form-group form-float">

                                    <div class="form-line">

                                        <input type="text" name="meta_tags" id="meta_tags" class="form-control"  >

                                    </div>

                                </div>

                                @error('meta_tags')

                                    <span class="invalid-feedback" role="alert">

                                        <i style='color:red'>{{ $message }}</i>

                                    </span>

                                @enderror

                        </div>

                        <div class="col-md-4 col-sm-6">

                                <label class="form-label">OG Tags  </label>

                                <div class="form-group form-float">

                                    <div class="form-line">

                                        <input type="text" name="og_tags" id="og_tags" class="form-control"  >

                                    </div>

                                </div>

                                @error('og_tags')

                                    <span class="invalid-feedback" role="alert">

                                        <i style='color:red'>{{ $message }}</i>

                                    </span>

                                @enderror

                        </div>

                        <div class="col-md-4 col-sm-4">

                                <label class="form-label">Status</label>

                                <div class="form-group form-float">

                                    <div class="form-line form-control">

                                        

                                        <input type='radio' name='status' value="1"  required> Active

                                        <input type='radio' name='status' value="0"  required> Inactive

                                    </div>

                                </div>

                                @error('status')

                                    <span class="invalid-feedback" role="alert">

                                        <i style='color:red'>{{ $message }}</i>

                                    </span>

                                @enderror

                              

                                   

                                        

                                        

                        </div>

                    @endif

                </div>

            </div>

        </div>

        <div class="card">

            <div class="header">

                <h2>Language Based Page Configuration</h2>

            </div>

            <div class="body">

                <div class="row clearfix" >

                <div class="alert bg-red alert-dismissible" role="alert"><strong>Alert! </strong>

                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>

                    Please make sure that you fill all information for all languages. Unless All information is not filled up form will not be able to proceed.

                </div>

                @if(isset($cms_desp_data))

                    @component('admin.components.tabs.edit_cms_lang_tabs',['all_languages' =>$all_languages, 'cms_desp_data'=>$cms_desp_data ])

                    @endcomponent 

                @else

                    @component('admin.components.tabs.cms_lang_tabs',['all_languages' =>$all_languages ])

                    @endcomponent 

                @endif

                           

                </div>

            </div>

        </div>        

        

      

        <div class="row clearfix cform">

                <div class="button-demo" style="text-align:center;">

                    <button type="submit" id="submitUser" class="btn btn-primary waves-effect">

                        

                        @if(isset($cms_desp_data))

                            Update

                        @else

                            Submit

                        @endif

                    </button>

                </div>

            </div>

    </div>





</div>

</div>

</form>

@section('extra-script')
<script>
    $(".error_dup").hide();


// valldate seo keyword
$('#url_alias').on('keyup',function(){
    var edit_id = 0;
    $.ajaxSetup({

        headers: {

            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')

        }

    });
    var validateSeoKeyword = $(this).val();
    if(!isNaN('{{Request::segment(3) }}')){
        edit_id = {{Request::segment(3) }};
    }
    if(validateSeoKeyword){
        $.ajax({

            type:'POST',

            url:'/seedmagic/validateSeoKeyword/cms',

            data:{seo_keyword:validateSeoKeyword,edit_id:edit_id},

            success:function(result){

                console.log(result);
                if(result.status==true){
                    $(".error_dup").hide();
                }else{
                    $(".error_dup").show();
                }
                
            

            }

        });
    }
});
</script>


@endsection

@include('links.footer')