@extends('layouts.'.env('THEME'))

@section('content')

<div class="container" id="main-container">

    <x-section_heading title="Frequently asked questions" subtitle="Create and manage" rowclass="mt-5"/>


    <a href="{{ route('faq.create') }}" class="btn btn-success mb-2 mr-2">Add</a>
    <a href="{{ route('faq.page') }}" class="btn btn-primary mb-2">View webpage</a>
    <br>
    <div class="row">
        <div class="col-12">
            <table class="table table-bordered" id="faq_list">
                <thead>
                    <tr>
                        <th>Priority</th>
                        <th>Question</th>
                        <th>Answer</th>
                        <th>Live</th>
                        <th>Created at</th>
                        <td colspan="2">Action</td>
                    </tr>
                </thead>
                <tbody>
                    @foreach($faqs as $faq)
                    <tr>
                        <td>{{ $faq->priority }}</td>
                        <td>{{ substr($faq->question, 0, 100) }}</td>
                        <td>{{ substr($faq->answer, 0, 100) }}</td>
                        <td>{!! $live_text[$faq->live] !!}</td>
                        <td>{{ date('Y-m-d', strtotime($faq->created_at)) }}</td>
                        <td><a href="{{ route('faq.edit',$faq->id)}}" class="btn btn-primary">Edit</a></td>
                        <td>
                            <form action="{{ route('faq.destroy', $faq->id)}}" method="post">
                                {{ csrf_field() }}
                                @method('DELETE')
                                <button class="btn btn-danger" type="submit">Delete</button>
                            </form>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>

</div>
@endsection