Viewing file:  index.blade.php (8.01 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@extends('layouts.dashboard')
@section('title', trans('layout.blog'))
@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;
}
.blog-img{
width: 80px;
height: 60px;
}
</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('layout.blog') }}</h4>
<p class="mb-0"></p>
</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('layout.blog') }}</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="#blogCreateModal">
{{ trans('layout.create') }}
</button>
</div>
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table table-responsive-md">
<thead class="text-center">
<tr>
<th><strong>{{ trans('layout.title') }}</strong></th>
<th><strong>{{ trans('layout.image') }}</strong></th>
<th><strong>{{ trans('layout.status') }}</strong></th>
<th><strong>{{ trans('layout.action') }}</strong></th>
</tr>
</thead>
<tbody class="text-center">
@foreach($blogs as $blog)
<tr>
<td>{{ $blog->title }}</td>
<td><img src="{{ asset('uploads/'.$blog->image) }}" alt="blog" class="blog-img"></td>
<td>
@if($blog->status == 'active')
<span class="badge light badge-success">{{ trans('layout.active') }}</span>
@else
<span class="badge light badge-warning">{{ trans('layout.inactive') }}</span>
@endif
</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_blog"
data-id="{{ $blog->id }}"
data-title="{{ $blog->title }}"
data-description="{{ $blog->description }}"
data-image="{{ $blog->image }}"
data-status="{{ $blog->status }}"
data-action="{{ route('blog.update', $blog->id) }}"
data-toggle="modal" data-target="#blogEditModal">
{{ trans('layout.edit') }}
</button>
<button class="dropdown-item"
data-message="{{ trans('Are you sure you want to delete this blog?') }}"
data-action="{{ route('blog.destroy', $blog->id) }}"
data-input='{"_method":"delete"}'
data-toggle="modal" data-target="#modal-confirm">
{{ trans('layout.delete') }}
</button>
</div>
</div>
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<!-- Create Modal -->
@section('create-modal-id', 'blogCreateModal')
@section('create-modal-title', 'Create Blog')
@section('create-modal-content-wapper')
<form method="POST" action="{{ route('blog.store') }}" enctype="multipart/form-data">
@csrf
<div class="modal-body">
@include('blog.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', 'blogEditModal')
@section('edit-modal-title', 'Edit Blog')
@section('edit-modal-content-wapper')
<form method="POST" id="blogFormUpdate" enctype="multipart/form-data">
@csrf
@method('PUT')
<input type="hidden" name="id" id="edit-blog-id">
<div class="modal-body">
<div class="form-group">
<label>{{ trans('layout.title') }}</label>
<input type="text" name="title" id="edit-blog-title" class="form-control" required>
</div>
<div class="form-group">
<label>{{ trans('layout.description') }}</label>
<textarea name="description" id="edit-blog-description" class="form-control" rows="4"></textarea>
</div>
<div class="form-group">
<label>{{ trans('layout.image') }}</label>
<input type="file" name="image" class="form-control">
<img id="edit-blog-image-preview" src="" width="100" height="100" class="mt-2"/>
</div>
<div class="form-group">
<label>{{ trans('layout.status') }}</label>
<select name="status" id="edit-blog-status" class="form-control">
<option value="active">{{ trans('layout.active') }}</option>
<option value="inactive">{{ trans('layout.inactive') }}</option>
</select>
</div>
</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() {
$('#blog_description').summernote();
$('#edit-blog-description').summernote();
});
</script>
<script>
$(document).on('click', '.edit_blog', function () {
const id = $(this).data('id');
const title = $(this).data('title');
const description = $(this).data('description');
const image = $(this).data('image');
const status = $(this).data('status');
const action = $(this).data('action');
$('#edit-blog-id').val(id);
$('#edit-blog-title').val(title);
$('#edit-blog-description').summernote('code', description);
$('#edit-blog-status').val(status).change();
$('#edit-blog-image-preview').attr('src', '/uploads/' + image);
$('#blogFormUpdate').attr('action', action);
});
</script>
@endsection
|