150 lines
7.2 KiB
PHP
150 lines
7.2 KiB
PHP
<div>
|
||
<div class="page-header">
|
||
<div class="row">
|
||
<div class="col-md-6 col-sm-12">
|
||
<div class="title">
|
||
<h4>Slider hinzufügen</h4>
|
||
</div>
|
||
<nav aria-label="breadcrumb" role="navigation">
|
||
<ol class="breadcrumb">
|
||
<li class="breadcrumb-item">
|
||
<a href="{{ route('admin.dashboard') }}">Home</a>
|
||
</li>
|
||
<li class="breadcrumb-item active" aria-current="page">
|
||
Manage Slider
|
||
</li>
|
||
</ol>
|
||
</nav>
|
||
</div>
|
||
<div class="col-md-6 col-sm-12 text-right">
|
||
<a href="javascript:;" wire:click="addSlide()" class="btn btn-primary">Slider hinzufügen</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card-box pd-20 mb-4">
|
||
<div class="table-responsive">
|
||
<table class="table table-striped table-auto table-sm table-condensed">
|
||
<thead class="bg-secondary text-white">
|
||
<th scope="col">#ID</th>
|
||
<th scope="col">Image</th>
|
||
<th scope="col">Heading</th>
|
||
<th scope="col">Link</th>
|
||
<th scope="col">Status</th>
|
||
<th scope="col">Action</th>
|
||
</thead>
|
||
<tbody id="sortable_slides">
|
||
@forelse ($slides as $slide)
|
||
<tr data-index="{{ $slide->id }}" data-ordering="{{ $slide->ordering }}">
|
||
<td scope="row">#{{ $slide->id }}</td>
|
||
<td>
|
||
<a href="">
|
||
<img src="/images/slides/{{ $slide->image }}" width="100" alt="img-thumbnail" />
|
||
</a>
|
||
</td>
|
||
<td>{{ $slide->heading }}</td>
|
||
<td><a
|
||
href="{{ $slide->link ? $slide->link : ' - ' }}">{{ $slide->link ? 'Klick mich' : ' - ' }}</a>
|
||
</td>
|
||
<td>
|
||
@if ($slide->status == 1)
|
||
<span class="badge badge-pill badge-success">Public</span>
|
||
@else
|
||
<span class="badge badge-pill badge-secondary">Unveröffentlicht</span>
|
||
@endif
|
||
</td>
|
||
<td>
|
||
<div class="table-actions">
|
||
<a href="javascript:;" wire:click="editSlide({{ $slide->id }})"
|
||
class="text-primary mx-2">
|
||
<i class="dw dw-edit2"></i>
|
||
</a>
|
||
<a href="javascript:;"
|
||
wire:click="$dispatch('deleteSlide',{id:{{ $slide->id }} })"
|
||
class="text-danger mx-2">
|
||
<i class="dw dw-delete-3"></i>
|
||
</a>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
@empty
|
||
<tr>
|
||
<td colspan="6">
|
||
<span class="text-danger">Keine Slides gefunden</span>
|
||
</td>
|
||
</tr>
|
||
@endforelse
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Slider -->
|
||
<div wire:ignore.self class="modal fade" id="slide_modal" tabindex="-1" role="dialog"
|
||
aria-labelledby="myLargeModalLabel" aria-hidden="true" data-backdrop="static" data-keyword="false">
|
||
<div class="modal-dialog modal-dialog-centered">
|
||
<form class="modal-content" wire:submit="{{ $isUpdateSlideMode ? 'updateSlide()' : 'createSlide()' }}">
|
||
<div class="modal-header">
|
||
<h4 class="modal-title" id="myLargeModalLabel">
|
||
{{ $isUpdateSlideMode ? 'Update Slide' : 'Slide hinzufügen' }}
|
||
</h4>
|
||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
|
||
×
|
||
</button>
|
||
</div>
|
||
<div class="modal-body">
|
||
@if ($isUpdateSlideMode)
|
||
<input type="hidden" wire:model="slide_id" />
|
||
@endif
|
||
<div class="form-group">
|
||
<label for=""><b>Heading:</b></label>
|
||
<input type="text" class="form-control" wire:model="slide_heading"
|
||
placeholder="Enter Slide Heading" />
|
||
@error('slide_heading')
|
||
<span class="text-danger ml-1">{{ $message }}</span>
|
||
@enderror
|
||
</div>
|
||
<div class="form-group">
|
||
<label for=""><b>Link:</b></label>
|
||
<input type="text" class="form-control" wire:model="slide_link"
|
||
placeholder="Enter Slide Link" />
|
||
@error('slide_link')
|
||
<span class="text-danger ml-1">{{ $message }}</span>
|
||
@enderror
|
||
</div>
|
||
@if ($selected_slide_image)
|
||
<div class="d-block" style="max-width: 200px;">
|
||
<img src="{{ $selected_slide_image }}" alt="img-thumbnail" class="img-thumbnail"
|
||
style="max-width: 100%; height: auto;" />
|
||
</div>
|
||
@endif
|
||
<div class="form-group">
|
||
<label for=""><b>Image:</b></label>
|
||
<input type="file" class="form-control" wire:model="slide_image"
|
||
accept="image/png,image/jpeg, image/jpg" />
|
||
@error('slide_image')
|
||
<span class="text-danger ml-1">{{ $message }}</span>
|
||
@enderror
|
||
</div>
|
||
<div class="custom-control custom-checkbox mb-5">
|
||
<input type="checkbox" class="custom-control-input" id="customCheck"
|
||
wire:model="slide_status" />
|
||
<label for="customCheck" class="custom-control-label">
|
||
Visible on Slider
|
||
</label>
|
||
</div>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-secondary" data-dismiss="modal">
|
||
Close
|
||
</button>
|
||
<button type="submit" class="btn btn-primary">
|
||
{{ $isUpdateSlideMode ? 'Speichern' : 'Erstellen' }}
|
||
</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
<!-- /Slider -->
|
||
</div>
|