@extends('layouts.admin.app')

@section('title','New Faq')

@section('content')
    <form id="faq_form" method="post" action="{{ route('admin.faq.store') }}">
        @csrf
        <div class="box_general padding_bottom">
            <div class="header_box version_2" style="position: relative;">
                <h2><i class="fa fa-file"></i>Faq</h2>
                <a href="{{ route('admin.faq') }}" class="wlc btn btn-sm btn-primary"><i
                        class="fa fa-arrow-left"></i> {{ __('Back') }}</a>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="col-md-8">
                        @if($errors->any())
                            <div class="alert alert-danger display-error">
                                <ul>
                                    @foreach($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                        @if (Session::has('message'))
                            <div class="alert alert-success">{{ Session::get('message') }}</div>
                        @endif
                    </div>
                    <table id="pricing-list-container" style="width:100%;">
                        <tr class="pricing-list-item">
                            <td>
                                <div class="row col-md-10">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="order_number">Order Number</label>
                                            <input id="order_number" name="order_number" type="text"
                                                   value="{{ old('order_number') }}" class="form-control"
                                                   placeholder="Order number">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="title">Title</label>
                                            <input id="title" name="title" type="text" value="{{ old('title') }}"
                                                   class="form-control" placeholder="Question here">
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label for="contents">Status</label>
                                            <select id="status" class="form-control custom-select" name="status">
                                                <option value="active">Active</option>
                                                <option value="inactive">Inactive</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label for="contents">Content</label>
                                            <textarea id="content" name="content" placeholder="Answer here"
                                                      class="editor">{{ old('content') }}</textarea>
                                        </div>
                                    </div>
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
            <!-- /row-->
        </div>
        <!-- /box_general-->

        <p>
            <button type="submit" class="btn_1 medium">Save</button>
        </p>
    </form>
    <!-- /box_general-->
@endsection

@section('js')
    <!-- Script -->
    <script type='text/javascript'>

        $(document).ready(function () {
            //WYSIWYG editor
            $('.editor').summernote({
                fontSizes: ['10', '14'],
                toolbar: [
                    // [groupName, [list of button]]
                    ['style', ['bold', 'italic', 'underline', 'clear']],
                    ['font', ['strikethrough']],
                    ['fontsize', ['fontsize']],
                    ['para', ['ul', 'ol', 'paragraph']]
                ],
                placeholder: 'Answer here ....',
                tabsize: 2,
                height: 150
            });
        });

    </script>
@endsection