@extends('dashboard.layouts.master')
@section('title', 'View FAQ Management| Admin Panel')
@push('after-styles')
    <style type="text/css">
        #blah {
            height: 50% !important;
            width: 25% !important;
        }

        #blah1 {
            height: 50% !important;
            width: 25% !important;
        }
    </style>
    <link href="{{ asset('assets/dashboard/js/iconpicker/fontawesome-iconpicker.min.css') }}" rel="stylesheet">

    <link rel="stylesheet"
        href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css" />
    <style type="text/css">
        .error {
            color: red;
            margin-left: 5px;
        }
    </style>
@endpush
@section('content')
    <div class="padding edit-package">
        <div class="box">
            <div class="box-header m-b-2">
                <div class="box-header-left">
                    <h3 class="d-block">View FAQ</h3>
                    <small class="d-inline-block">
                        <a href="{{ route('adminHome') }}">{{ __('backend.dashboard') }}</a> / <a
                            href="{{ route('faq') }}">FAQ Management</a>/
                        <span>View FAQ</span>
                    </small>
                </div>
                <div class="box-header-right">
                    <div class="box-tool">
                        <ul class="nav">
                            <li class="nav-item inline">
                                <a class="nav-link" href="{{ route('faq') }}">
                                    <i class="material-icons md-18">×</i>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="box-body">
                <div class="personal_informations">
                    <div class="row">
                        <div class="col-md-12 col-12">
                            <div class="form-group">
                                <label class="form-control-label">Question[EN]<span class="valid_field">*</span></label>
                                <input type="text" name="name" id="name" class="form-control" placeholder="Name"
                                    maxlength="30" value="{{ @$faq->question }}" readonly>
                                <span style="color: red;display: none;" id="errorMsgtitle" class='validate'></span>
                            </div>
                        </div>
                        <input type="hidden" name="id" id="id" class="form-control"
                            value="{{ @$faq->id }}">
                        <div class="col-md-12 col-12">
                            <div class="form-group">

                                <label class="form-control-label">Answer[EN]<span class="valid_field">*</span></label>
                                
                                    <textarea name="answer" id="answer" class="form-control" placeholder="Answer[EN]"
                                    readonly>{{ @$faq->answer }}</textarea>

                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12 col-12">
                            <div class="form-group">
                                <label class="form-control-label">Question[AR]<span class="valid_field">*</span></label>
                                <input type="text" name="name" id="name" class="form-control" placeholder="Name"
                                    maxlength="30" value="{{ @$faq->question_ar }}" readonly>
                                <span style="color: red;display: none;" id="errorMsgtitle" class='validate'></span>
                            </div>
                        </div>
                        <div class="col-md-12 col-12">
                            <div class="form-group">

                                <label class="form-control-label">Answer[AR]<span class="valid_field">*</span></label>
                                <textarea name="answer_ar" id="answer_ar" class="form-control" placeholder="Answer[AR]"
                                    readonly>{{ @$faq->answer_ar }}</textarea>


                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-12 col-md-12">
                            <div class="form-group m-t-md">

                                <a href="{{ route('faq') }}" class="border-btn">
                                    {!! __('backend.cancel') !!}
                                </a>
                            </div>
                        </div>
                    </div>


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


@push('after-scripts')
@endpush