@extends('admin.default')
@section('title', 'Auto Coin Admin | Add Static Page')
@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">
                @if(Session::get('errors'))
                    <div class="alert alert-danger">
                       <button type="button" class="close" data-dismiss="alert">×</button>
                        <p>{{Session::get('errors')}}</p>
                    </div>
				@endif
               
                <h6 class="card-title">Add Page Content</h6>
                
                <form method="post" class="form" action="{{route('pageContentStore',$id)}}" enctype="multipart/form-data">
                    {{csrf_field()}}
                    <div class="form-group row">
                        <div class="col-md-2">
                            <label>Content Position <sup class="text-danger">*</sup></label>
                        </div>
                        <div class="col-md-10">
                            <input type="text" class="form-control" name="position" id="position" value="{{isset($data->position)?$data->position:''}}" required>
                        </div>
                    </div>
                    
                    <div class="form-group row">
                        <div class="col-md-2">
                            <label>Content Heading <sup class="text-danger">*</sup></label>
                        </div>
                        <div class="col-md-10">
                            <input type="text" class="form-control" name="content_heading" id="content_heading" value="{{isset($data->content_heading)?$data->content_heading:''}}" required>
                        </div>
                    </div>

                    <div class="form-group row">
                        <div class="col-md-2">
                            <label>Body Content <sup class="text-danger">*</sup></label>
                        </div>
                        <div class="col-md-10">
                            <textarea class="form-control" name="content" id="content" required >{{isset($data->content)?$data->content:''}} </textarea>
                        </div>
                    </div>

                    <div class="form-group row">
                        <div class="col-md-2">
                            <label>Content Image</label>
                        </div>
                        <div class="col-md-10">
                            <input type="file" class="file border" name="content_image" id="content_image" value="{{isset($data->content_image)?$data->content_image:''}}"  data-default-file="">
                        </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="content_status" id="content_status" value="active" @if(isSet($data->content_status) && $data->content_status == 'active')checked @endif required>Active
                            </div>
                            <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="content_status" id="content_status" value="disable" @if(isSet($data->content_status) && $data->content_status == 'disable')checked @endif required>Disable
                            </div>
                        </div>
                    </div>
                    <div class="form-group row">
                            <div class="col-md-12"> <input type="hidden" name="page_id" value="{{$page_id}}">
                                <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>
                </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(' ', '-');
        $('#url_slug').html(url_slug);
    });
  });

</script>
@stop