@extends('cms::layouts.master', ['ckeditor' => true])

@section('content')
<x-page-header page-title="Add New post" active-title="Create post" />

<x-crud-form route="{{ route('posts.store') }}" type="create">
    <div class="row">
        <div class="col-sm-8">
            <div class="form-group">
                <label>title<span class="text-danger">*</span></label>
                <input value="{{ old('title') }}" name="title" type="text" class="form-control" placeholder="Title">
                <span class="text-danger">{{ validationError($errors->get('title')) }}</span>
            </div>

            <div class="form-group">
                <label for="content">Content <span class="text-danger">*</span></label>
                <textarea class="form-control" name="content" id="content" rows="10"
                    placeholder="content" required>{{ old('content') }}</textarea>
                <span class="text-danger">{{ validationError($errors->get('content')) }}</span>
            </div>

            <div class="form-group">
                <label for="excerpt">excerpt</label>
                <textarea class="form-control" name="excerpt" id="excerpt" rows="3"
                    placeholder="excerpt">{{ old('excerpt') }}</textarea>
                <span class="text-danger">{{ validationError($errors->get('excerpt')) }}</span>
            </div>
        </div>

        <div class="col-sm-4">
            <div class="form-group">
                <label for="post_category_id">Category</label>
                <select class="form-control" name="post_category_id" id="post_category_id">
                    <option selected disabled>Post Category</option>
                    @foreach ($categories as $category)
                        <option value="{{ $category->id }}" {{ old('post_category_id') == $category->id ? 'selected' : '' }}>{{ $category->name }}</option>
                    @endforeach

                </select>
                <span class="text-danger">{{ validationError($errors->get('post_category_id')) }}</span>
            </div>

            <div class="form-group">
                <label>display order</label>
                <input value="{{ old('display_order') }}" name="display_order" type="number" class="form-control" placeholder="display order">
                <span class="text-danger">{{ validationError($errors->get('display_order')) }}</span>
            </div>

            <div class="form-group">
                <label>feature image</label>
                <input value="{{ old('feature_image') }}" name="feature_image" type="file" class="form-control" placeholder="feature_image">
                <span class="text-danger">{{ validationError($errors->get('feature_image')) }}</span>
            </div>

            <div class="form-group">
                <label>banner image</label>
                <input value="{{ old('banner_image') }}" name="banner_image" type="file" class="form-control" placeholder="banner_image">
                <span class="text-danger">{{ validationError($errors->get('banner_image')) }}</span>
            </div>

            <div class="form-group">
                <label>Extra</label>
                <input value="{{ old('post_meta') }}" name="post_meta" type="text" class="form-control"
                    placeholder="extra">
                <span class="text-danger">{{ validationError($errors->get('post_meta')) }}</span>
            </div>
        </div>

        <div class="col-sm-12 text-right">
            <a href="{{ route('posts.index') }}" class="btn btn-primary">Cancel</a>
            <button type="submit" class="btn btn-success">Save</button>
        </div>
    </div>
</x-crud-form>
@endsection