@extends('layouts.layout-2')

@section('content')

    {!! Form::open(['url' => route('travel_content_sub_detail', [$id]), 'class' => 'form-horizontal']) !!}

    <h4 class="font-weight-bold py-3 mb-1">
        Inhalte Reiseprogramme
        <div class="float-right">
            <button type="submit" name="action" value="saveAll" class="btn btn-submit btn-sm">{{ __('save changes') }}</button>&nbsp;
            <a href="{{route('travel_content')}}" class="btn btn-default btn-sm">{{ __('back') }}</a>
        </div>
    </h4>

    <div class="card mb-2">
        <div class="card-body">
            <h4>Reiseübersicht</h4>
            <div class="form-row">
                <div class="form-group col-sm-12">
                    <label class="form-label" for="title">Titel | Reisebox, Navigationsleiste*</label>
                    {{ Form::text('title', $model->title,  array('placeholder'=>__('Title'), 'class'=>'form-control', 'id'=>'title', 'required'=>true)) }}
                </div>
                <div class="form-group col-sm-12">
                    <label class="form-label" for="pagetitle">Page Title | Überschrift Reiseprogramm *</label>
                    {{ Form::text('pagetitle', $model->pagetitle,  array('placeholder'=>__('Title Short'), 'class'=>'form-control', 'id'=>'pagetitle', 'required'=>true)) }}
                </div>
                <div class="form-group col-sm-12">
                    <label class="form-label" for="slug">URL der Seite | Unique</label>
                    {{ Form::text('slug', $model->slug,  array('placeholder'=>__('URL der Seite'), 'class'=>'form-control', 'id'=>'slug')) }}
                </div>
                <div class="col-sm-12">
                    <hr>
                </div>
                <div class="form-group col-sm-12">
                    <label for="travel_program" class="form-label">{{ __('Reiseprogramm') }} <a href="{{ route('travel_programs') }}"><i class="fa fa-edit"></i></a></label>
                    {{ Form::select('travel_program', \App\Services\Model::getTravelProgramArray(true) , $model->travel_program, array('class'=>'selectpicker', 'data-style'=>'btn-default', 'data-live-search'=>'true', 'id'=>'travel_program')) }}
                </div>
                
            </div>
            <div class="form-row">
                <div class="col-sm-12">
                    <hr>
                </div>
                <div class="form-group col-sm-12">
                    <label class="form-label" for="description">Beschreibung | Reisebox</span></label>
                    {{ Form::textarea('description', $model->description,  array('class'=>'form-control autoExpand', 'rows'=>2)) }}
                </div>
                <div class="col-sm-12">
                    <hr>
                </div>
            </div>

            <div class="form-row">
                <div class="form-group col-sm-4 pt-4">
                    <label class="switcher switcher-on-off">
                        {{ Form::hidden('status', 0) }}
                        {{ Form::checkbox('status', 1, $model->status, array('class'=>'switcher-input')) }}
                        <span class="switcher-indicator">
                            <span class="switcher-yes"></span>
                            <span class="switcher-no"></span>
                        </span>
                        <span class="switcher-label">sichtbar</span>
                    </label>
                </div>
                <div class="form-group col-sm-4 pt-4">
                    <label class="switcher switcher-on-off">
                        {{ Form::hidden('show_in_navi', 0) }}
                        {{ Form::checkbox('show_in_navi', 1, $model->show_in_navi, array('class'=>'switcher-input')) }}
                        <span class="switcher-indicator">
                            <span class="switcher-yes"></span>
                            <span class="switcher-no"></span>
                        </span>
                        <span class="switcher-label">sichbar in der Navigation</span>
                    </label>
                </div>
                <div class="form-group col-sm-4">
                    <label class="form-label" for="order">Pos | Sortierung der Reiseboxen </label>
                    {{ Form::text('order', $model->order,  array('placeholder'=>__('pos'), 'class'=>'form-control', 'id'=>'order')) }}
                </div>
            </div>
        </div>
    </div>

    <div class="text-left mt-3">
        <button type="submit" name="action" value="saveAll" class="btn btn-submit">{{ __('save changes') }}</button>&nbsp;
        <a href="{{route('travel_content')}}" class="btn btn-default">{{ __('back') }}</a>    </div>
    {!! Form::close() !!}

    <div class="card mt-3">
        <h4 class="mt-4 mb-2 ml-4">Übersichtseite für {{ $model->title }}</h4>
        <div class="card-datatable table-responsive pt-0">
            <table class="datatables-parent_page table table-striped table-bordered">
                <thead>
                <tr>
                    <th style="max-width: 60px;">&nbsp;</th>
                    <th>{{__('Title')}}</th>
                    <th>{{__('Pagetitle')}}</th>
                    <th>{{__('sichtbar')}}</th>
                    <th>{{__('sichtbar in navi')}}</th>
                </tr>
                </thead>
                <tbody>
                @if($model->parent_page)
                <tr>
                    <td>
                        <a href="{{ route('travel_content_detail', [$model->parent_page->id]) }}" class="btn icon-btn btn-sm btn-primary">
                            <span class="fa fa-edit"></span>
                        </a>
                    </td>
                    <td><a href="{{ route('travel_content_detail', [$model->parent_page->id]) }}">{{ $model->parent_page->title }}</a></td>
                    <td><a href="{{ route('travel_content_detail', [$model->parent_page->id]) }}">{{ $model->parent_page->pagetitle }}</a></td>
                   
                    <td data-sort="{{ $model->parent_page->status }}">
                        {!! get_active_badge($model->parent_page->status) !!}
                    </td>
                    <td data-sort="{{ $model->parent_page->show_in_navi }}">
                        {!! get_active_badge($model->parent_page->show_in_navi) !!}
                    </td>
                </tr>
                @endif
                </tbody>
            </table>
        </div>
    </div>

    
    <script>
        $( document ).ready(function() {
            $('.datatables-parent_page').dataTable({
                "bLengthChange": false,
                "iDisplayLength": 50,
                "order": [[ 3, "desc" ]],
                "language": {
                    "url": "/js/German.json"
                }
            });
        });
    </script>
@endsection