@extends('backend.layouts.app')
@section('content')
<div class="row">
    <div class="col-lg-11">
        <div class="card">
            <div class="card-header align-items-center d-flex">
                <h4 class="card-title mb-0 flex-grow-1">{{translate('Page Details')}}</h4>
            </div><!-- end card header -->
            <div class="card-body">
                <div class="live-preview">
                    <form action="{{ route('custom-pages.store') }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        <div class="row">
                            <div class="col-md-9 mx-auto">
                                <div class="mb-3">
                                    <label for="title" class="form-label">{{translate('Title')}}</label>
                                    <input type="text" name="title" class="form-control" placeholder="{{translate('Page Title')}}" id="title">
                                </div>
                            </div>
                            <div class="col-md-9 mx-auto">
                                <label for="slug" class="form-label">{{translate('Link')}}</label>
                                <div class="input-group mb-3">
                                    <span class="input-group-text" id="slug">{{getBaseUrl()}}</span>
                                    <input type="text" name="slug" class="form-control" id="slug" aria-describedby="slug">
                                </div>
                            </div>
                            <div class="col-md-9 mx-auto">
                                <label for="content" class="form-label">{{translate('Add Content')}}</label>
                                <div class="mb-3">
                                    <textarea name="content" class="form-control rns-textEditor" id="" cols="97" rows="10" id="content"></textarea>
                                </div>
                            </div>
                            <div class="card-header mb-3">
                                    <h4 class="card-title mb-0 flex-grow-1">{{translate('Seo Fields')}}
                            </div>
                            <div class="col-md-9 mx-auto">
                                <div class="mb-3">
                                    <label for="title" class="form-label">{{translate('Meta Title')}}</label>
                                    <input type="text" class="form-control" placeholder="{{translate('Title')}}" name="meta_title" id="title">
                                </div>
                            </div>
                            <div class="col-md-9 mx-auto">
                                <label for="content" class="form-label">{{translate('Meta Description')}}</label>
                                <div class="mb-3">
                                    <textarea name="meta_description" class="form-control" id="" cols="97" rows="5" id="content"></textarea>
                                </div>
                            </div>
                            <div class="col-md-9 mx-auto">
                                <label for="content" class="form-label">{{translate('Keywords')}}</label>
                                <div class="mb-3">
                                    <textarea name="keywords" class="form-control" id="" cols="97" rows="5" id="content"></textarea>
                                    <small class="text-muted">{{translate('Separate with comma')}}</small>
                                </div>
                            </div>
                            <div class="col-md-9 mx-auto">
                                <label for="meta_image" class="form-label">{{translate('Meta Image')}}</label>
                                <div class="input-group mb-3" data-toggle="rnsuploader" data-type="image">
                                    <span class="input-group-text" id="slug">{{translate('Browse')}}</span>
                                    <div class="form-control file-amount">{{translate('Choose file')}}</div>
                                    <input type="hidden" class="selected-files" id="meta_image" name="meta_image" aria-describedby="meta_image">
                                </div>
                                <div class="file-preview"></div>
                            </div>
                            <!--end col-->
                            <div class="col-lg-12">
                                <div class="text-end">
                                    <button type="submit" class="btn btn-primary">Submit</button>
                                </div>
                            </div>
                            <!--end col-->
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!--end col-->
</div>
@endsection
@section('script')
<script src="{{asset('assets/backend/libs/prismjs/prism.js')}}"></script>
@endsection