Viewing file: index.blade.php (6.22 KB) -rw-r--r-- Select action/file-type: (+) | (+) | (+) | Code (+) | Session (+) | (+) | SDB (+) | (+) | (+) | (+) | (+) | (+) |
@extends('layouts.dashboard')
@section('title', trans('FAQ'))
@section('css') <link href="https://cdn.jsdelivr.net/npm/summernote@0.9.0/dist/summernote.min.css" rel="stylesheet"> <style> .modal-content-section.mt-4 { overflow-x: scroll; } </style> @endsection
@section('main-content') <div class="row page-titles mx-0"> <div class="col-sm-6 p-md-0"> <div class="welcome-text"> <h4>{{ trans('FAQ') }}</h4> </div> </div> <div class="col-sm-6 p-md-0 justify-content-sm-end mt-2 mt-sm-0 d-flex"> <ol class="breadcrumb"> <li class="breadcrumb-item"><a href="#">{{ trans('layout.home') }}</a></li> <li class="breadcrumb-item active"><a href="javascript:void(0)">{{ trans('FAQ') }}</a></li> </ol> </div> </div>
<div class="row"> <div class="col-lg-12"> <div class="card"> <div class="card-header"> <h4 class="card-title">{{ trans('layout.list') }}</h4> <div class="pull-right"> <button type="button" class="btn btn-sm btn-primary" data-toggle="modal" data-target="#pageCreateModal"> {{ trans('layout.create') }} </button> </div> </div> <div class="card-body"> <div class="table-responsive"> <table class="table table-responsive-md text-center"> <thead> <tr> <th><strong>{{ trans('layout.title') }}</strong></th> <th><strong>{{ trans('layout.status') }}</strong></th> <th><strong>{{ trans('layout.action') }}</strong></th> </tr> </thead> <tbody> @if (isset($faqs) && $faqs) @foreach($faqs as $faq) <tr> <td> {{$faq->title}} </td> <td> <span class="badge badge-{{ $faq->status == 'published' ? 'success' : 'warning' }}"> {{ trans('layout.' . $faq->status) }} </span> </td> <td> <div class="dropdown"> <button type="button" class="btn btn-success light sharp" data-toggle="dropdown"> <i class="fa fa-ellipsis-v"></i> </button> <div class="dropdown-menu"> <button class="dropdown-item edit_page" data-id="{{ $faq->id }}" data-title="{{ $faq->title }}" data-description="{{ $faq->description }}" data-status="{{ $faq->status }}" data-action="{{ route('faq.update', $faq->id) }}" data-toggle="modal" data-target="#pageEditModal"> {{ trans('layout.edit') }} </button> <button class="dropdown-item" data-message="{{ trans('Are you sure to delete this FAQ?') }}" data-action="{{ route('faq.destroy', $faq->id) }}" data-input='{"_method":"delete"}' data-toggle="modal" data-target="#modal-confirm"> {{ trans('layout.delete') }} </button> </div> </div> </td> </tr> @endforeach @endif </tbody> </table> </div> </div> </div> </div> </div>
<!-- Create Modal --> @section('create-modal-id', 'pageCreateModal') @section('create-modal-title', 'Create FAQ') @section('create-modal-content-wapper') <form method="POST" action="{{ route('faq.store') }}"> @csrf <div class="modal-body"> @include('faq.form') </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">{{ trans('layout.close') }}</button> <button type="submit" class="btn btn-primary">{{ trans('layout.submit') }}</button> </div> </form> @endsection
<!-- Edit Modal --> @section('edit-modal-id', 'pageEditModal') @section('edit-modal-title', 'Edit FAQ') @section('edit-modal-content-wapper') <form method="POST" id="pageFormUpdate"> @csrf @method('PUT') <input type="hidden" name="id" id="edit-page-id">
<div class="modal-body"> @include('faq.form-edit') </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">{{ trans('layout.close') }}</button> <button type="submit" class="btn btn-primary">{{ trans('layout.submit') }}</button> </div> </form> @endsection
@endsection
@section('js') <script src="https://cdn.jsdelivr.net/npm/summernote@0.9.0/dist/summernote.min.js"></script> <script> $(document).ready(function () { $('#page_description').summernote(); $('#edit-page-description').summernote(); });
$(document).on('click', '.edit_page', function () { $('#edit-page-id').val($(this).data('id')); $('#edit-page-title').val($(this).data('title')); $('#edit-page-description').summernote('code', $(this).data('description')); $('#edit-page-status').val($(this).data('status')).trigger('change'); $('#pageFormUpdate').attr('action', $(this).data('action')); }); </script> @endsection
|