@extends('admin.layouts.cmlayout')

@section('body')
                <div class="container-fluid">
                    <div class="row page-title  no-display">
                        <div class="col-md-12">
                            <h4 class="mb-1 mt-0">Add New Page</h4>
                        </div>
                    </div>

                    <div class="row mt-4">
                      <div class="col-md-12">
                            <div class="card">
                                <div class="card-body pt-2 pb-3 manageClinicSection">
                                    <h5 class="mt-3 mb-4">
										<a href="{{route('pages.pagelist')}}" class="float-right"><i data-feather="x"></i></a>					
									</h5>
									<form method="POST" action="{{route('pages.create')}}" id="add_page_form" class="user" enctype="multipart/form-data">
								    @csrf


								    <div class="row">
								    <div class="form-group col-lg-4 col-md-6 col-12">
								        <label for="name">Page Name</label>
								        <input type="text" name="name" id="nameids" class="form-control form-control-user" value="{{ old('name') }}" onkeyup="nameToslug()" placeholder="Page Name" required />
								    </div>

								    <div class="form-group col-lg-4 col-md-6 col-12">
								        <label for="slug">Page Slug</label>
								        <input type="text" name="slug" id="nametoslug" class="form-control form-control-user" value="{{ old('slug') }}" placeholder="Page Slug" readonly>
								    </div>
								   </div>

								     
                                  <div class="row">
                                    <div class="form-group col-lg-8 col-md-12 col-12">
								       <input id="x" type="hidden" name="content" class="form-control form-control-user">
                                       <trix-editor input="x" class="form-control form-control-user"></trix-editor>
								    </div>
								</div>

								<div class="row">
								    <div class="form-group col-lg-4 col-md-6 col-12">
								        <label for="name">Meta Title</label>
								        <input type="text" name="title" id="title" class="form-control form-control-user" value="{{ old('title') }}"placeholder="Page Title" required />
								    </div>

								    <div class="form-group col-lg-4 col-md-6 col-12">
								        <label for="slug">Meta Description</label>
								        <input type="text" name="metadescription" class="form-control form-control-user" value="{{ old('description') }}" placeholder="Meta Description">
								    </div>
								   </div>

								 <div class="row">
								    <div class="form-group col-lg-4 col-md-6 col-12">
								        <label for="slug">MataTag</label>
								        <input type="text" name="matatag" class="form-control form-control-user" value="{{ old('matatag') }}" placeholder="page tag" required />
								    </div>

								    <div class="form-group col-lg-4 col-md-6 col-12">
								        <label for="slug">Mata Keyword</label>
								        <input type="text" name="metakey" class="form-control form-control-user" value="{{ old('metakey') }}" placeholder="page keyword" required />
								    </div>
								</div>
								    <button type="submit" id="save-page-btn" class="btn btn-primary">Create Page</button>
								</form>
                            </div>
                          
                        </div>
                        
                    </div>
                    <!-- end row -->
                </div> <!-- container-fluid -->
@endsection

<script type="text/javascript">
	function nameToslug() {
        var Text = document.getElementById("nameids").value;
        Text = Text.toLowerCase();
        Text = Text.replace(/[^a-zA-Z0-9]+/g,'-');
        document.getElementById("nametoslug").value = Text;       
    }
</script>