@extends('templates.'.sc_store('template').'.shop_layout')
    @section('main')
        <div class="index_middle">
            <div class="banner_inside" style="background-image:url({{ asset('templates/'.sc_store('template').'/images/page_FAQ.jpg')}})">
                <div class="container">
                    <div class="inside_title">
                        <h1>HỎI & ĐÁP</h1>
                        <ol class="breadcrumb">
                            <li><a href="/"><span class="icon ic_lankim">&#xe009;</span>Trang chủ</a></li>
                            <li class="active">Hỏi & Đáp</li>
                        </ol>
                    </div>
                </div>
            </div>
            <div class="bg_grey">
                <div class="container">
                    <p class="title_popup"><a class="btn btn-orange" data-toggle="modal" data-target="#FAQ_form"><span class="ic_lankim">&#xe00b;</span> Đặt câu hỏi</a></p>
                    <div class="faq">
                        @foreach ($entries as $key => $entryDetail)
                        <div class="item">
                            <span class="ic_lankim ic_FAQ">&#xe00b;</span>
                            <h4 class="question"><span>{{$key+1}}.</span>{{ $entryDetail->title }}<span class="ic_main ic_arrow rotate">&#xe02c;</span></h4>
                            <div class="answer">
                                {!! sc_html_render($entryDetail->content) !!}
                            </div>
                        </div>
                        @endforeach
                    </div>
                    <div class="paginations">
                        <ul class="pagination">
                            {{ $entries->appends(request()->except(['page','_token']))->links() }}
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <!-- InstanceBeginEditable name="customjs" -->
        <div class="modal fade" id="FAQ_form" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
                        <h3 class="modal-title" id="lineModalLabel">Đặt câu hỏi </h3>
                        <p class="modal-des">Bạn cần tư vấn hãy điền thông tin bên dưới Lăn Kim Nhật Bản sẽ trả lời câu hỏi của bạn </p>
                    </div>
                    <div class="modal-body">
                        <!-- content goes here -->
                        <form method="post" action="{{ route('postFaq') }}">
                            @csrf
                            <div class="form-group">
                                <label >Họ tên</label>
                                <input name="full_name" type="text" class="form-control" id="subject" placeholder="Họ tên" required>
                            </div>
                            <div class="form-group">
                                <label >Số điện thoại</label>
                                <input  name="phone" type="text" class="form-control" id="phone" placeholder="Số điện thoại" required>
                            </div>
                            <div class="form-group">
                                <label >Nội dung câu hỏi</label>
                                <textarea class="form-control" name="content" placeholder="Nội dung câu hỏi" required></textarea>
                            </div>
                            <div class="form-group">
                                <button class="btn btn-primary" id="faq_form" type="submit">Gửi</button>
                            </div>
                        </form>

                    </div>

                </div>
            </div>
        </div>
    @endsection