@extends('admin.default')
@section('title', 'Admin | Post 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"><a href="{{ url()->previous() }}">Posts</a></li>
        <li class="breadcrumb-item active" aria-current="page">Add Post</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 Post</h6>
                <form method="post" class="form" action="{{route('postStore',$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="100" 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 URL<sup class="text-danger">*</sup></label>
                        </div>
                        <div class="col-md-9">
                            <input type="text" maxlength="30" class="form-control maxLength" name="post_slug" id="post_slug" value="{{isset($data->post_slug)?$data->post_slug:''}}" disabled>
                        </div>
                        @if(Request::get('type') != null && Request::get('type') == 'blog')
                        <div class="col-md-1">
                            <a href="" class="btn btn-sm btn-info float-right" data-toggle="modal" id="edit-url">Edit</a>
                        </div>
                        @endif
                    </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:''}}">
                        </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" name="meta_description" id="meta_description" placeholder="Meta Description" rows="5" required>{{isset($data->meta_description)?$data->meta_description:''}}</textarea>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-2">
                            <label>Image <sup class="text-danger">*</sup></label>
                        </div>
                        <div class="col-md-10">
                            <input type="file" id="image" class="file border" name="image" id="image"
                                data-max-file-size="5M"
                                data-default-file="{{isset($data->image)?Storage::disk('core_ftp')->url('/media/posts/'.$data->type.'/'.$data->image):Storage::disk('core_ftp')->url('/media/posts/posts_default.png')}}" />
                            <sub class="text-danger">Image size should not be greater than 1 MB</sub>
                            </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-2">
                            <label>Description <sup class="text-danger">*</sup></label>
                        </div>
                        <div class="col-md-10">
                            <textarea maxlength="190" class="form-control maxLength" name="short_desc" id="short_desc" placeholder="Short Description" rows="5" required>{{isset($data->short_desc)?$data->short_desc:''}}</textarea>
                        </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">{{isset($data->content)?$data->content:''}}</textarea>
                        </div>
                    </div>
                    <!-- <div class="form-group row">
                        <div class="col-md-2 mt-2">
                            <label>Type</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="blog" @if(isset($data->type) && $data->type == 'blog')checked @endif required>Blog
                            </div>
                            <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="type" id="type" value="landing_page" @if(isset($data->type) && $data->type == 'landing_page')checked @endif required>Landing Page
                            </div>
                            <div class="form-check form-check-inline">
                            <input class="form-check-input disabled" type="radio" name="type" id="type" value="news" disabled>News
                            </div>
                        </div>
                    </div> -->
                    @if(Request::get('type') != null && Request::get('type') == 'blog')
                    <div class="form-group row">
                        <div class="col-md-2">
                            <label>Read Time <sup class="text-danger">*</sup></label>
                        </div>
                        <div class="col-md-10">
                            <input type="number" min="0" class="form-control" name="read_time" id="read_time"
                                value="{{isset($data->read_time)?$data->read_time:''}}">
                            <sub class="text-danger">Time in minutes</sub>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-2">
                            <label>Similar Stock</label>
                        </div>
                        <div class="col-md-10">
                        <input type="hidden" name="similarStock" id="similarStock" value="{{isset($data->similarStock)?$data->similarStock:''}}">
                                                <div class="input-group">
                            <div class="input-group-prepend">
                            <select class="input-group-text" id="stockCat">
                                <option value="MODEL-">MODEL - </option>
                                <option value="MAKE-">MAKE - </option>
                            </select>
                            </div>
                            <input type="number" min="0" class="form-control" name="stockId" id="stockId"
                                value="{{isset($similarStock[1])?$similarStock[1]:''}}">
                        </div>
                        
                        <sub class="text-danger">Select model or make and add ID e.g MODEL-123</sub></sub>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-2">
                            <label>Author <sup class="text-danger">*</sup></label>
                        </div>
                        <div class="col-md-10">
                            <select class="form-control" name="user_id" id="user_id">
                                <option value="" disabled>Select Author</option>
                                @foreach($user as $key)
                                <option value="{{$key->id}}"
                                {{isset($data->user_id) && $data->user_id == $key->id  ?'selected':''}}>
                                {{$key->first_name." ".$key->last_name}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    @endif
                    <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="statusActive"
                                    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="statusActive"
                                    value="draft" @if(isset($data->status) && $data->status == 'draft')checked @endif
                                required>Draft
                            </div>
                        </div>
                    </div>
                    <input type="hidden" name="type" value="{{$type}}">
                    <div class="form-group row">
                        <div class="col-md-12">
                            <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',
        });
        @if($id == null)
        $('#title').keyup(function () {
            let title;
            var url_slug;
            title = $('#title').val();
            url_slug = title.replaceAll(' ', '-');
            $('#post_slug').val(url_slug);
        });
        @endif
        $('#stockId').blur(function () {
            var stockId, stockCat;
            stockCat = $('#stockCat').val();
            stockId = $('#stockId').val();
            $('#similarStock').val(stockCat + stockId);
        });
        $('#stockCat').change(function () {
            var stockId, stockCat;
            stockCat = $('#stockCat').val();
            stockId = $('#stockId').val();
            $('#similarStock').val(stockCat + stockId);
        });
        $('#edit-url').click(function () {
            $('#post_slug').removeAttr('disabled');
        });
        
        $("#stockCat").val("{{isset($similarStock[0])?$similarStock[0].'-':''}}");
    });
</script>
@stop