@extends('dashboard.layouts.master')
@section('title', __('backend.viewfaq'))
@section('content')

<link href="{{ asset('assets/dashboard/css/select2.min.css') }}" rel="stylesheet" />
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.24/css/jquery.dataTables.min.css" type="text/css" />
<style type="text/css">
.select2-container {
    width: 100% !important;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #ffffff;
    opacity: 1;
}

.table_design th {
    width: 200px !important;
}
</style>

<div class="padding list-school">
<div class="box">
    <div class="box-header m-b-2">
        <div class="box-header-left">
            <h3>{{ __('backend.viewfaq') }}
            </h3>
            <small>
                <a href="{{ route('adminHome') }}">{{ __('backend.dashboard') }}</a> / {{ __('backend.settings') }} /
                <a href="{{ route('faq') }}">{{ __('backend.faq') }}</a> / {{ __('backend.viewfaq') }}
            </small>
        </div>
    </div>

    <div class="box nav-active-border b-info">

        <div class="tab-content clear">
            <div class="tab-pane active" id="tab_details">
                <div class="box-body">
                    {{ Form::open(['class' => 'table_design']) }}

                    <table class="table table-bordered m-a-0">

                        <tr>
                            <tbody>
                                <th>Question</th>
                                <td>{{ $faq->question_name }}</td>
                            </tbody>
                        </tr>
                        <tr>
                            <tbody>
                                <th>Answer</th>
                                <td>{{ $faq->answer }}</td>
                            </tbody>
                        </tr>
                    </table>
                    {{ Form::close() }}
                </div>
            </div>
            <div class="form-group m-t-md">
                <div class="row">
                    <div class="col-sm-12">
                        <a href="{{ url()->previous() }}" class="border-btn">
                            {!! __('backend.cancel') !!}
                        </a>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
@endsection
@push('after-scripts')
<script src="{{ asset('assets/dashboard/js/jquery.validate.min.js') }} "></script>
<script
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC3ksZwnrjrnMtiZXZJ7cx9YEckAlt3vh4&libraries=places&callback=initialize"
async defer></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
<script type="text/javascript">
    $(".tab-content :input").prop("disabled", true);
</script>
@endpush