@extends('layouts.adminlayouts.app')
@section('title')
<title>New Page - {{$appSetting->h1}} | {{$appSetting->slogan}}</title>
@endsection
@push('css')
<style type="text/css">
      ul.catagorymenulist li{
    list-style: none;
  }
</style>
@endpush
@section('contents')
@include('alerts.alerts')
<div class="row">
    <div class="col-lg-12">
        <div class="ibox ">
            <div class="ibox-title">
                <h5>Page Create</h5>
                <div class="ibox-tools">
                <a class="btn btn-sm btn-primary" href="{{route('admin.pagesAll')}}">All pages</a>
                </div>
            </div>
            <div class="ibox-content">
                <form action="{{route('admin.pagePost')}}" method="post" enctype="multipart/form-data">
                    @csrf
                
                <div class="row">
                    <div class="col-lg-8">
                        <div style="padding: 10px;border:1px solid gray;">
                            <div class="form-group">
                              <label>Page Title</label>
                              @if ($errors->has('page_title'))
                                <p style="color: red;margin: 0;">{{ $errors->first('page_title') }}</p>
                              @endif
                              <input type="text" name="page_title" value="{{old('page_title')}}" placeholder="Enter Page Title" class="form-control" required="">
                            </div>
                            <div class="form-group">
                            <label>Page Description</label>
                            @if ($errors->has('content'))
                              <p style="color: red;margin: 0;">{{ $errors->first('content') }}</p>
                            @endif
                            <textarea id="editor" rows="5" name="content" style="width: 100%">{!!old('content')!!}</textarea>
                            </div>

                            <div class="form-group">
                              <label>SEO Title(Max: 60 L)</label>
                              @if ($errors->has('seo_title'))
                                  <p style="color: red;margin: 0;">{{ $errors->first('seo_title') }}</p>
                              @endif
                              <input type="text" name="seo_title" value="{{old('seo_title')}}" placeholder="Enter SEO Title" class="form-control" >
                            </div>
                            <div class="form-group">
                              <label>SEO Description(Max: 160 L)</label>
                              @if ($errors->has('seo_desc'))
                                  <p style="color: red;margin: 0;">{{ $errors->first('seo_desc') }}</p>
                              @endif
                              <textarea name="seo_desc" rows="3" placeholder="Enter SEO Description" class="form-control">{{old('seo_desc')}}</textarea>
                            </div>
                            <div class="form-group">
                              <label>SEO Keyword(Max: 300 L)</label>
                              @if ($errors->has('seo_keyword'))
                                  <p style="color: red;margin: 0;">{{ $errors->first('seo_keyword') }}</p>
                              @endif
                              <input type="text" name="seo_keyword" value="{{old('seo_keyword')}}" placeholder="Enter SEO Keyword" class="form-control">
                            </div> 
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div style="padding: 10px;border:1px solid gray;">
                            <div class="form-group row">
                                <div class="col-sm-6">
                                  <label>Publish Status</label>
                                  <div class="i-checks"><label> <input name="status" type="checkbox"> <i></i> Active </label></div>
                                </div>
                                <div class="col-sm-6">
                                  <label>Footer One </label>
                                  <div class="i-checks"><label> <input name="footer_one" type="checkbox"> <i></i> Active </label></div>
                                </div>
                                <div class="col-sm-6">
                                  <label>Footer Two </label>
                                  <div class="i-checks"><label> <input name="footer_two" type="checkbox"> <i></i> Active </label></div>
                                </div>
                                </div>
                                <hr>
                                <div style="margin: 10px;">
                                  <button class="btn btn-primary" type="submit"><strong>Publish</strong></button>
                                </div>
                        </div>
                    </div>
                </div>
                </form>
            </div>
        </div>
    </div>
</div>


@endsection
@push('js')
<script type="text/javascript">
        $(document).ready(function(){

        $('#editor').summernote({
            placeholder: 'Write description of the post here...',
            minHeight: 160,
        });

        $('.input-group.date').datepicker({
            todayBtn: "linked",
            keyboardNavigation: false,
            forceParse: false,
            calendarWeeks: true,
            autoclose: true
        });

    });
</script>

@endpush