@extends('layouts.layout-2')

@section('content')

    {!! Form::open(['url' => route('travel_content_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 | 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="title_short">Title Short | Navigation *</label>
                    {{ Form::text('title_short', $model->title_short,  array('placeholder'=>__('Title Short'), 'class'=>'form-control', 'id'=>'title_short', 'required'=>true)) }}
                </div>
                <div class="form-group col-sm-12">
                    <label class="form-label" for="pagetitle">Page Title | Überschrift Reiseboxen *</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>
            <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 | Metatag Suchmaschine</span></label>
                    {{ Form::textarea('description', $model->description,  array('class'=>'form-control autoExpand', 'rows'=>2)) }}
                </div>

                <div class="form-group col-sm-12">
                    <label class="form-label" for="content_new">Inhalt | unter den Reiseboxen</span></label>
                    {{ Form::textarea('content_new', $model->getContentNew(),  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-6 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-6 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>
        </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">Unterseiten für Reiseübersicht {{ $model->title }}</h4>
        <div class="card-datatable table-responsive pt-0">
            <table class="datatables-child_pages table table-striped table-bordered">
                <thead>
                <tr>
                    <th style="max-width: 60px;">&nbsp;</th>
                    <th>{{__('Title')}}</th>
                    <th>{{__('Pagetitle')}}</th>
                    <th>{{__('Programm')}}</th>
                    <th>{{__('Pos')}}</th>
                    <th>{{__('sichtbar')}}</th>
                    <th>{{__('sichtbar in navi')}}</th>
                </tr>
                </thead>
                <tbody>
                @foreach($model->child_pages as $child_page)
                <tr>
                    <td>
                        <a href="{{ route('travel_content_sub_detail', [$child_page->id]) }}" class="btn icon-btn btn-sm btn-primary">
                            <span class="fa fa-edit"></span>
                        </a>
                    </td>
                    <td><a href="{{ route('travel_content_sub_detail', [$child_page->id]) }}">{{ $child_page->title }}</a></td>
                    <td><a href="{{ route('travel_content_sub_detail', [$child_page->id]) }}">{{ $child_page->pagetitle }}</a></td>
                    @if($child_page->travel_program_content)
                        <td><a href="{{ route('travel_program_detail', [$child_page->travel_program_content->id]) }}">{{ $child_page->travel_program_content->title }}</a></td>
                    @else
                        <td>-</td>
                    @endif
                    <td><a href="{{ route('travel_content_sub_detail', [$child_page->id]) }}">{{ $child_page->order }}</a></td>

                    <td data-sort="{{ $child_page->status }}">
                        {!! get_active_badge($child_page->status) !!}
                    </td>
                    <td data-sort="{{ $child_page->show_in_navi }}">
                        {!! get_active_badge($child_page->show_in_navi) !!}
                    </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-load-content"
                    data-id="{{ $model->id }}"
                    data-model="Page"
                    data-action="modal-copy-page"
                    data-url=""
                    data-redirect="back"
                    data-route="{{ route('travel_content_load') }}">&nbsp;Neue Unterseite kopieren/anlegen</button>
            </div>
        </div>
        
    </div>

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