mein-sterntours/resources/views/settings/category/index.blade.php
2020-08-07 16:00:55 +02:00

131 lines
No EOL
6.7 KiB
PHP
Executable file
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

@extends('layouts.layout-2')
@section('content')
<h4 class="font-weight-bold py-3 mb-1">
Kategorien
</h4>
<div class="card">
<div class="card-datatable table-responsive">
<table class="datatables-default table table-striped table-bordered">
<thead>
<tr>
<th style="max-width: 60px;">&nbsp;</th>
<th>{{__('Pos')}}</th>
<th>{{__('Name')}}</th>
<th>{{__('Slug')}}</th>
<th>{{__('Identifier')}}</th>
<th>{{__('sichtbar')}}</th>
<th></th>
</tr>
</thead>
<tbody>
@foreach($airline as $value)
<tr>
<td>
<button type="button" class="btn icon-btn btn-sm btn-primary" data-toggle="modal" data-target="#modals-default"
data-id="{{ $value->id }}"
data-name="{{ $value->name }}"
data-slug="{{ $value->slug }}"
data-identifier="{{ $value->identifier }}"
data-pos="{{ $value->pos }}"
data-active="{{ $value->active }}">
<span class="fa fa-edit"></span>
</button>
</td>
<td data-sort="{{ $value->pos }}">{{ $value->pos }}</td>
<td data-sort="{{ $value->name }}">{{ $value->name }}</td>
<td data-sort="{{ $value->slug }}">{{ $value->slug }}</td>
<td data-sort="{{ $value->identifier }}">{{ $value->identifier }}</td>
<td data-sort="{{ $value->active }}">{!! get_active_badge($value->active) !!}</td>
<td><a class="text-danger" href="{{ route('admin_settings_categories_delete', [$value->id]) }}" onclick="return confirm('{{__('Wirklich löschen?')}}');"><i class="fa fa-trash-alt"></i></a></td>
</tr>
@endforeach
</tbody>
</table>
<div class="mt-4 col">
<button type="button" class="btn btn-sm btn-primary" data-toggle="modal" data-target="#modals-default"
data-id="new"
data-name=""
data-slug=""
data-identifier=""
data-active="1"
>Neue Kategorie anlegen</button>
</div>
</div>
</div>
<!-- Modal template -->
<div class="modal fade" id="modals-default">
<div class="modal-dialog">
<form class="modal-content" action="{{ route('admin_settings_categories_update') }}" method="post">
@csrf
<input type="hidden" class="form-control" name="id">
<div class="modal-header">
<h5 class="modal-title">Airline <span class="font-weight-light">anlegen/bearbeiten</span></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">×</button>
</div>
<div class="modal-body">
<div class="form-row">
<div class="form-group col">
<label for="name" class="form-label">Name*</label>
<input type="text" class="form-control" name="name" placeholder="{{__('Name')}}" required>
</div>
</div>
<div class="form-row">
<div class="form-group col">
<label for="slug" class="form-label">slug</label>
<input type="text" class="form-control" name="slug" placeholder="{{__('Slug')}}">
</div>
</div>
<div class="form-row">
<div class="form-group col">
<label for="identifier" class="form-label">Identifier</label>
<input type="text" class="form-control" name="identifier" placeholder="{{__('Identifier')}}">
</div>
</div>
<div class="form-row">
<div class="form-group col">
<label for="pos" class="form-label">Pos</label>
<input type="text" class="form-control" name="pos" placeholder="{{__('Pos')}}">
</div>
</div>
<div class="form-group">
<label class="custom-control custom-checkbox m-0">
<input class="custom-control-input" name="active" type="checkbox" value="1">
<span class="custom-control-label">sichtbar</span>
</label>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">{{__('close')}}</button>
<button type="submit" class="btn btn-primary">{{__('save')}}</button>
</div>
</form>
</div>
</div>
<script>
$( document ).ready(function() {
$('#modals-default').on('show.bs.modal', function (event) {
var button = $(event.relatedTarget);
$(this).find(".modal-content input[name='id']").val(button.data('id'));
$(this).find(".modal-body input[name='name']").val(button.data('name'));
$(this).find(".modal-body input[name='slug']").val(button.data('slug'));
$(this).find(".modal-body input[name='identifier']").val(button.data('identifier'));
$(this).find(".modal-body input[name='pos']").val(button.data('pos'));
$(this).find(".modal-body input[name='active']").prop( "checked", button.data('active'));
});
$('.datatables-default').dataTable({
"bLengthChange": false,
"iDisplayLength": 50,
"order": [[ 1, "asc" ]],
"language": {
"url": "/js/German.json"
}
});
});
</script>
@endsection