@extends('admin.default')
@section('title', 'Admin | Static Page Form')
@section('content')
@php
$permissions= getPermissions();
@endphp
<!--      ckeditor cdn -->
<script src="//cdn.ckeditor.com/4.16.0/full/ckeditor.js"></script>
<!--     end ckeditor cdn -->
<nav class="page-breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
        
           <li class="breadcrumb-item active" aria-current="page">Add Static Page</li>
        
    </ol>
</nav>
<div class="row">
    <div class="col-md-12 grid-margin stretch-card">
        <div class="card">
            <div class="card-body">
                <h6 class="card-title">Add Static Pages</h6>
                <form method="post" class="form" action="{{route('pageStore',$id)}}" enctype="multipart/form-data">
                    {{csrf_field()}}
                    <div class="form-group row">
                        <div class="col-md-2">
                            <label>Page Title <sup class="text-danger">*</sup></label>
                        </div>
                        <div class="col-md-10">
                            <input type="text" maxlength="255" class="form-control maxLength" name="title" id="title"
                                placeholder="Page Title" value="{{isset($data->title)?$data->title:''}}" required>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-2">
                            <label>Page Route <sup class="text-danger">*</sup></label>
                        </div>
                        <div class="col-md-10">
                            <div class="input-group mb-2">
                                <div class="input-group-prepend">
                                    <div class="input-group-text">https://www.autocoincars.com/</div>
                                </div>
                                <input type="text" maxlength="100" class="form-control maxLength" name="route"
                                    id="route" placeholder="Page Route" value="{{isset($data->route)?$data->route:''}}"
                                    required>
                            </div>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-2">
                            <label>Meta Title <sup class="text-danger">*</sup></label>
                        </div>
                        <div class="col-md-10">
                            <input type="text" maxlength="70" class="form-control maxLength" name="meta_title"
                                id="meta_title" placeholder="Meta Title"
                                value="{{isset($data->meta_title)?$data->meta_title:''}}" required>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-2">
                            <label>Meta Keywords</label>
                        </div>
                        <div class="col-md-10">
                            <input class="form-control" name="meta_keyword" id="tags"
                                value="{{isset($data->meta_keyword)?$data->meta_keyword:''}}" required>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-2">
                            <label>Meta Description <sup class="text-danger">*</sup></label>
                        </div>
                        <div class="col-md-10">
                            <textarea maxlength="160" class="form-control maxLength-textarea" name="meta_description"
                                id="meta_description" placeholder="Meta Description"
                                rows="5">{{isset($data->meta_description)?$data->meta_description:''}}</textarea>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-2">
                            <label>Description</label>
                        </div>
                        <div class="col-md-10">
                            <textarea maxlength="255" class="form-control maxLength" name="description" id="description" placeholder="Description"
                                rows="5">{{isset($data->description)?$data->description:''}}</textarea>
                        </div>
                    </div>

                    <div class="form-group row">
                        <div class="col-md-2 mt-2">
                            <label>Type <sup class="text-danger">*</sup></label>
                        </div>
                        <div class="col-md-10">
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="radio" name="type" id="type" value="static"
                                    @if(isset($data->type) && $data->type == 'static')checked @endif required>Static
                            </div>
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="radio" name="type" id="type" value="dynamic"
                                    @if(isset($data->type) && $data->type == 'dynamic')checked @endif
                                required>Dynamic
                            </div>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-2 mt-2">
                            <label>Status <sup class="text-danger">*</sup></label>
                        </div>
                        <div class="col-md-10">
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="radio" name="status" id="status" value="active"
                                    @if(isset($data->status) && $data->status == 'active')checked @endif required>Active
                            </div>
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="radio" name="status" id="status" value="disable"
                                    @if(isset($data->status) && $data->status == 'disable')checked @endif
                                required>Disable
                            </div>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-12">
                            <input type="hidden" name="id" value="{{isset($data->id)?$data->id:'null'}}">
                            <button type="submit" class="btn btn-info text-white float-right " id="save" value="Save">
                                <span class="mr-2" id="save_text">Save </span>
                                <div class="spinner-border spinner-border-sm text-primary float-right" id="loader"
                                    style="display:none" role="status">
                                    <span class="sr-only">Loading...</span>
                                </div>
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function () {
        CKEDITOR.replace('content', {
            filebrowserUploadUrl: "{{route('ckeditor.upload', ['_token' => csrf_token() ])}}",
            filebrowserUploadMethod: 'form',
        });

        $('#title').keyup(function () {
            let title;
            var url_slug;
            title = $('#title').val();
            url_slug = title.replaceAll(' ', '-');
            $('#route').val(url_slug);
        });
    });

</script>
@stop