@extends('layouts.master')
@section('title',__("FAQ's"))
<!-- breadcrumb - navigation system will provide you basic linkings -->
@section('breadcum')
	<div class="breadcrumbbar">
        <div class="row align-items-center">
            <div class="col-md-8 col-lg-8">
                <h4 class="page-title">{{ __("FAQ") }}</h4>
                <div class="breadcrumb-list">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ url('/') }}">{{ __("Home") }}</a></li>
                        <li class="breadcrumb-item"><a href="{{ route('admin.dashboard.index') }}">{{ __("Dashboard") }}</a></li>
                        <li class="breadcrumb-item active" aria-current="page">
                        	{{ __("FAQ") }}
                        </li>
                    </ol>
                </div>
            </div>
            <div class="col-md-4 col-lg-4">
                <div class="widgetbar">
                    <!-- Add new Faq button -->
                    <button type="button" class="btn btn-primary-rgba" data-toggle="modal" data-target="#exampleModal"><i class="feather icon-plus mr-2"></i>{{ __("Add FAQ") }}</button>
                </div>   
            </div>
        </div>          
    </div>
@endsection
<!-- main content section started -->
@section('maincontent')
    <!-- row started -->
    <div class="row">
        <div class="col-md-12">
            <!-- card started -->
            <div class="card">
                <!-- Card header will display you the heading -->
                <div class="card-header">
                    <!-- button for bulk delete -->
                    <button class="float-right btn btn-danger-rgba delete_all" data-url="{{ url('faq/faqDeleteAll') }}">{{ __("Delete All Selected") }}</button>
                    <h5 class="card-title">{{ __("FAQ") }}</h5>
                    
                </div> 
                <!-- card body started -->
                <div class="card-body">
                    <div class="table-responsive">
                        
                         <!-- table to display faq data start -->
                        <table id="example1" class="table table-borderd">
                            <!-- table thead start -->
                            <thead>
                                <th>
                                    <input type="checkbox" id="master">
                                </th>
                                <th>
                                    #
                                </th>
                                <th>
                                    {{ __("Title") }}
                                </th>
                                <th>
                                    {{ __("Description") }}
                                </th>
                                <th>
                                    {{ __("Status") }}
                                </th>
                                <th>
                                    {{ __("Action") }}
                                </th>
                            </thead>
                            <!-- table thead end -->
                            <!-- table body start -->
                            <tbody>
                                                        </tbody>
                            <!-- table body end -->
                        </table>  
                        <!-- table to display faq data end -->                
                    </div><!-- table-responsive div end -->
                </div><!-- card body end -->
            </div><!-- card end -->
        </div><!-- col end -->
    </div><!-- row end -->
<!-- =============== create faq model start =================================== -->
<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
        <!-- model header will display you the heading -->
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">{{ __("Create Faq :") }}</h5>
        <!-- close button -->
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <!-- form start -->
        <form action="{{ route('faq.store') }}" class="form" method="POST" novalidate enctype="multipart/form-data">
    @csrf
    <!-- row start -->
    <div class="row">
        <div class="col-md-12">
            <!-- card start -->
            <div class="card">
                <!-- card body start -->
                <div class="card-body">
                    <!-- row start -->
                      <div class="row">
                          <div class="col-md-12">
                              <!-- row start -->
                              <div class="row">
                                <!-- Title -->
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label class="text-dark">{{ __("Title :") }}<span class="text-danger">*</span></label>
                                        <input type="text" value="{{ old('title') }}" autofocus="" class="form-control @error('title') is-invalid @enderror" placeholder="Please Enter Title" name="title" required="">
                                        @error('title')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                </div>
                                <!-- Description -->
                                <div class="col-md-12">
                                <div class="form-group">
                                    <label class="text-dark">{{ __("Description :") }}</label>
                                    <textarea name="description" cols="20" rows="5" type="text" class="tinymce" placeholder="Please Enter Description">{{ old('description') }}</textarea>
                                </div>
                                </div>
                                <!-- Status -->
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label class="text-dark">{{ __("Status :") }}</label><br>
                                        <label class="switch">
                                        <input class="slider" type="checkbox" name="status" checked/>
                                        <span class="knob"></span>
                                        </label>   
                                    </div>
                                </div>
                                <!-- create and close button -->
                                <div class="col-md-12">
                                    <button type="submit" class="btn btn-md btn-success">{{ __("+ Create") }}</button>
                                    <button type="button" class="btn btn-secondary" data-dismiss="modal">{{ __("Close") }}</button>
                                </div>
                              </div><!-- row end -->
                          </div><!-- col end -->
                      </div><!-- row end -->
                </div><!-- card body end -->
            </div><!-- card end -->
        </div><!-- col end -->
    </div><!-- row end -->
</form>
<!-- form end -->
      </div>
    </div>
  </div>
</div>
<!-- =============== create faq model end =================================== -->
@endsection
<!-- main content section ended -->
<!-- This section will contain javacsript start -->
@section('script')
<!-- script for multiple delete start -->
<script src="{{ url('js/theme.js') }}"></script>
<!-- script for multiple delete end -->
@endsection
<!-- This section will contain javacsript end -->