You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

152 lines
8.7 KiB

@extends('admin.layouts.app')
@section('content')
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
<div class="container-fluid">
<div class="row mb-2">
<div class="col-sm-6">
</div>
</div>
</div><!-- /.container-fluid -->
</section>
<!-- Main content -->
<section class="content">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<h3 class="card-title">Blogs</h3>
<div class="card-tools">
<a class="btn btn-green" href="{{url('admin/blogs/create')}}" role="button">Create</a>
</div>
</div>
<!-- /.card-header -->
<div class="card-body">
@include('success.success')
@include('errors.error')
<form id="search" class="search-form">
<div class="row">
<div class="col-md-4">
<div class="input-group input-group-sm mb-3 table-search w-100">
<input type="search" name="name" class="form-control ds-input" placeholder="Name" aria-label="Small" aria-describedby="inputGroup-sizing-sm" onchange="filterList()">
</div>
</div>
<div class="col-md-4">
<div class="input-group input-group-sm mb-3 table-search w-100">
<select name="status" class="form-control ds-input" onchange="filterList()">
<option value="" disabled selected>Search By Status</option>
@foreach(config('custom.status') as $in => $val)
<option value="{{$in}}">{{$val}}</option>
@endforeach
</select>
</div>
</div>
</div>
</form>
<table class="table table-bordered">
<thead>
<tr>
<th style="width: 10px">S.N.</th>
<th class="text-center">Title</th>
<th class="text-center">Author</th>
<th class="text-center">Publish Date</th>
<th class="text-center">Thumbnail</th>
<th class="text-center">Image</th>
<th class="text-center">Slug</th>
<th class="text-center">Status</th>
{{-- <th class="text-center">Description</th>--}}
<th class="text-center">Action</th>
</tr>
</thead>
<tbody>
@foreach($settings as $setting)
<tr>
<th scope="row">{{$loop->iteration}}</th>
<th scope="row" class="text-center">{{strip_tags($setting->title)}}</th>
<td class="text-center">{{$setting->author}}</td>
<td class="text-center">{{$setting->publish_date}}</td>
<td class="text-center">
<a href="{{url($setting->thumbnail)}}" target="_blank">
<img src="{{url($setting->thumbnail)}}" alt="" style="width: 100px;">
</a>
</td>
<td class="text-center">
<a href="{{url($setting->image)}}" target="_blank">
<img src="{{url($setting->image)}}" alt="" style="width: 100px;">
</a>
</td>
<td class="text-center">{{$setting->slug}}</td>
<td class="text-center"> {{config('custom.status')[$setting->status]}}</td>
<!-- <td class="text-center">
<a class="btn btn-primary btn-sm" href="{{url('admin/blogs/'.$setting->id)}}">
<i class="fas fa-folder">
</i>
View
</a>
<a class="btn btn-info btn-sm" href="{{url('admin/blogs/'.$setting->id.'/edit')}}">
<i class="fas fa-pencil-alt">
</i>
Edit
</a>
<a class="btn btn-info btn-danger" href="{{url('admin/blogs/delete/'.$setting->id)}}" onclick="return confirm('Are you sure want to delete?')">
<i class="fas fa-pencil-alt">
</i>
Delete
</a>
</td> -->
<td class="d-flex justify-content-center action-icons">
<a href="{{url('admin/blogs/'.$setting->id)}}" class="btn btn-sm" data-bs-toggle="tooltip" data-bs-placement="top" title="view">
<i class="fa-solid fa-eye"></i>
</a>
<a href="{{url('admin/blogs/'.$setting->id.'/edit')}}" class="btn btn-sm" data-bs-toggle="tooltip" data-bs-placement="top" title="edit">
<i class="fas fa-pencil-alt"></i>
</a>
<a href="{{url('admin/blogs/delete/'.$setting->id)}}" class="btn btn-sm" data-bs-toggle="tooltip" data-bs-placement="top" title="delete" onclick="return confirm('Are you sure want to delete?')">
<i class="fas fa-trash"></i>
</a>
</td>
</tr>
@endforeach
</tbody>
</table>
<div class="pagination-default" style="margin-top: 30px;">
{!! $settings->links() !!}
</div>
</div>
</div>
<!-- /.card -->
</div>
<!-- /.col -->
</div>
<!-- /.row -->
</div><!-- /.container-fluid -->
</section>
<!-- /.content -->
</div>
<script>
const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))
</script>
<script>
const exampleEl = document.getElementById('example')
const tooltip = new bootstrap.Tooltip(exampleEl, options)
</script>
@endsection