Viewing file: index.blade.php (12.68 KB) -rw-r--r-- Select action/file-type: (+) | (+) | (+) | Code (+) | Session (+) | (+) | SDB (+) | (+) | (+) | (+) | (+) | (+) |
@extends('admin.layouts.app') @section('title') {{ __('testimonial_list') }} @endsection @section('content') <div class="container-fluid"> @if (userCan('testimonial.create')) <div class="text-right mb-3"> <a href="{{ route('module.testimonial.create') }}" class="btn btn-primary"><i class="fas fa-plus"></i> {{ __('create') }}</a> </div> @endif
<div class="card"> <div class="card-body"> <div class="row"> <div class="col-12 col-sm-12 col-md-2"> <ul class="nav nav-pills flex-column"> <li class="nav-item border rounded mb-1"> <a class="nav-link active" data-toggle="tab" href="#home"> {{ __('all') }} </a> </li> @foreach ($group_testimonials as $key => $testimonial) <li class="nav-item border rounded mb-1"> <a class="nav-link" data-toggle="tab" href="#home_{{ $key }}"> {{ getLanguageByCode($key) }} </a> </li> @endforeach </ul> </div> <div class="col-12 col-sm-12 col-md-10"> <div class="tab-content no-padding"> <div class="tab-pane show active" id="home"> <div class="row"> @forelse ($testimonials as $testimonial) <div class="col-md-3"> <div class="card text-center"> @if ($testimonial->image) <img src="{{ asset($testimonial->image) }}" class="card-img-top" alt="user image"> @else <img src="{{ asset('backend/image/default.webp') }}" class="card-img-top" alt="user image"> @endif <div class="card-body"> <h4>{{ $testimonial->name }}</h4> <h6 class="badge badge-primary">{{ $testimonial->position }}</h6> <br> <div class="mx-auto justify-content-center align-items-center"> @for ($i = 0; $i < $testimonial->stars; $i++) <i class="fa fa-star text-warning" aria-hidden="true"></i> @endfor </div> <p class="card-text">{!! Str::limit($testimonial->description, 100, '...') !!}</p> @if (userCan('testimonial.update') || userCan('testimonial.delete')) <div class="mx-auto justify-content-center align-items-center"> @if (userCan('testimonial.update')) <a title="{{ __('edit') }}" href="{{ route('module.testimonial.edit', $testimonial->id) }}" class="btn btn-sm btn-success"><i class="fas fa-edit"></i></a> @endif @if (userCan('testimonial.delete')) <form action="{{ route('module.testimonial.destroy', $testimonial->id) }}" method="POST" class="d-inline"> @method('DELETE') @csrf <button title="{{ __('delete') }}" onclick="return confirm('{{ __('are_you_sure_you_want_to_delete_this_item') }}');" class="btn btn-sm btn-danger"><i class="fas fa-trash"></i></button> </form> @endif </div> @endif </div> </div> </div> @empty <div class="col-md-12"> <div class="card text-center"> <div class="card-body"> @if (userCan('testimonial.create')) <x-admin.not-found word="testimonial" route="module.testimonial.create" /> @else <x-admin.not-found word="testimonial" route="" /> @endif </div> </div> </div> @endforelse </div> </div> @foreach ($group_testimonials as $key => $lang_testimonials) <div class="tab-pane" id="home_{{ $key }}"> <div class="row"> @forelse ($lang_testimonials as $testimonial) <div class="col-md-3"> <div class="card text-center"> @if ($testimonial->image) <img src="{{ asset($testimonial->image) }}" class="card-img-top" alt="user image"> @else <img src="{{ asset('backend/image/default.webp') }}" class="card-img-top" alt="user image"> @endif <div class="card-body"> <h4>{{ $testimonial->name }}</h4> <h6 class="badge badge-primary">{{ $testimonial->position }}</h6> <br> <div class="mx-auto justify-content-center align-items-center"> @for ($i = 0; $i < $testimonial->stars; $i++) <i class="fa fa-star text-warning" aria-hidden="true"></i> @endfor </div> <p class="card-text">{!! Str::limit($testimonial->description, 100, '...') !!}</p> @if (userCan('testimonial.update') || userCan('testimonial.delete')) <div class="mx-auto justify-content-center align-items-center"> @if (userCan('testimonial.update')) <a title="{{ __('edit') }}" href="{{ route('module.testimonial.edit', $testimonial->id) }}" class="btn btn-sm btn-success"><i class="fas fa-edit"></i></a> @endif @if (userCan('testimonial.delete')) <form action="{{ route('module.testimonial.destroy', $testimonial->id) }}" method="POST" class="d-inline"> @method('DELETE') @csrf <button title="{{ __('delete') }}" onclick="return confirm('{{ __('are_you_sure_you_want_to_delete_this_item') }}');" class="btn btn-sm btn-danger"><i class="fas fa-trash"></i></button> </form> @endif </div> @endif </div> </div> </div> @empty <div class="col-md-12"> <div class="card text-center"> <div class="card-body"> @if (userCan('testimonial.create')) <x-admin.not-found word="testimonial" route="module.testimonial.create" /> @else <x-admin.not-found word="testimonial" route="" /> @endif </div> </div> </div> @endforelse </div> </div> @endforeach </div> </div> </div> </div> </div> </div> @endsection
@section('style') <link rel="stylesheet" href="{{ asset('backend') }}/plugins/datatables-bs4/css/dataTables.bootstrap4.min.css"> <link rel="stylesheet" href="{{ asset('backend') }}/plugins/datatables-responsive/css/responsive.bootstrap4.min.css"> <style> .card { border-radius: 10px; }
.card img { width: 100px; height: 100px; border-radius: 50%; margin: 20px auto 0;
}
.btn-success { margin-top: 0; }
</style> @endsection
@section('script') <script src="{{ asset('backend') }}/plugins/datatables/jquery.dataTables.min.js"></script> <script src="{{ asset('backend') }}/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script> <script src="{{ asset('backend') }}/plugins/datatables-responsive/js/dataTables.responsive.min.js"></script> <script src="{{ asset('backend') }}/plugins/datatables-responsive/js/responsive.bootstrap4.min.js"></script> <script> $(function() { $("#example1").DataTable({ "responsive": true, "autoWidth": false, }); $('#example2').DataTable({ "paging": true, "lengthChange": false, "searching": false, "ordering": true, "info": true, "autoWidth": false, "responsive": true, }); }); </script> @endsection
|