@extends('admin._layout.layout')

@section('header')
    {{ trans('admin.head.capsules') }} / {{ trans('admin.head_section.edit') }}
        
    <a href="{{ route('admin.capsule.list') }}" class="btn btn-info">
        {{ trans('admin.capsule.list') }}
    </a>
@endsection

@section('main')
    <div class="px-content">

        @if (session('status'))
        <div class="row">
            <div class="col-md-6">
                <div class="alert alert-success">
                    <button type="button" class="close" data-dismiss="alert">×</button>
                    <strong>{{ session('status') }}</strong>
                </div>
            </div>
        </div>
        @endif

        <div class="row m-t-1">

            <ul class="nav nav-tabs" id="capsule-tabs">
                <li class="active">
                    <a href="#capsule-content" data-toggle="tab">
                        {{ trans('admin.capsule.content') }}
                    </a>
                </li>

                @if ($capsule->count_comments > 0)
                    <li>
                        <a href="#capsule-comments" data-toggle="tab">
                            {{ trans('admin.capsule.comments') }}
                        </a>
                    </li>
                @endif

                @if ($capsule->count_tagged_users > 0)
                    <li>
                        <a href="#capsule-tagged-users" data-toggle="tab">
                            {{ trans('admin.capsule.tagged_users') }}
                        </a>
                    </li>
                @endif

                @if ($capsule->count_subscribers > 0)
                    <li>
                        <a href="#capsule-subscribers" data-toggle="tab">
                            {{ trans('admin.capsule.subscribers') }}
                        </a>
                    </li>
                @endif
            </ul>

            <div class="tab-content tab-content-bordered bg-white">
                <div class="tab-pane p-a-3 fade in active" id="capsule-content">

                    <form action="{{ route('admin.capsule.update', ['id' => $capsule->id]) }}" method="POST">
                        {{ csrf_field() }}
                        {{ method_field('PUT') }}

                        <div class="col-md-4">
                            <div class="form-group {{ $errors->has('is_private') ? 'has-error' : '' }}">
                                <label>
                                    <input type="checkbox" name="is_private" {{ $capsule->is_private?'checked="checked"':'' }} />
                                    Is private
                                </label>
                                @if($errors->has('is_private'))
                                    <span>
                                        <strong>{{ $errors->first('is_private') }}</strong>
                                    </span>
                                @endif
                            </div>

                            <div class="form-group">
                                <label><b>{{ trans('admin.capsule.search_settings') }}</b></label>
                            </div>

                            <div class="form-group {{ $errors->has('search_position') ? 'has-error' : '' }}">
                                <label for="search_position">{{ trans('admin.capsule.search_position') }}</label>
                                <input type="number" name="search_position"
                                       id="search_position" class="form-control" value="{{ $capsule->search_position ?? 0 }}">
                                @if($errors->has('search_position'))
                                    <span>
                                        <strong>{{ $errors->first('search_position') }}</strong>
                                    </span>
                                @endif
                            </div>

                            <div class="form-group {{ $errors->has('search_setting') ? 'has-error' : '' }}">
                                <label for="search_setting">{{ trans('admin.capsule.suggested_type') }}</label>
                                <select name="search_setting" class="form-control" id="search_setting">
                                    <option value="0" {!! ! $capsule->search_setting ? 'selected="selected"' : '' !!}>
                                        {{ trans('admin.capsule.search_setting.default') }}
                                    </option>

                                    <option value="1" {!! $capsule->search_setting == 1 ? 'selected="selected"' : '' !!}>
                                        {{ trans('admin.capsule.search_setting.for_all') }}
                                    </option>

                                    <option value="2" {!! $capsule->search_setting == 2 ? 'selected="selected"' : '' !!}>
                                        {{ trans('admin.capsule.search_setting.for_new') }}
                                    </option>
                                </select>
                                @if($errors->has('search_setting'))
                                    <span>
                                        <strong>{{ $errors->first('search_setting') }}</strong>
                                    </span>
                                @endif
                            </div>


                            <div class="form-group {{ $errors->has('suggested_position') ? 'has-error' : '' }}">
                                <label for="suggested_position">{{ trans('admin.capsule.suggested_position') }}</label>
                                <input type="number" name="suggested_position"
                                       id="suggested_position" class="form-control" value="{{ $capsule->suggested_position ?? 0 }}">
                                @if($errors->has('suggested_position'))
                                    <span>
                                        <strong>{{ $errors->first('suggested_position') }}</strong>
                                    </span>
                                @endif
                            </div>

                        </div>

                        <div class="col-md-8">
                            <div class="form-group {{ $errors->has('caption') ? 'has-error' : '' }}">
                                <label for="capsule-caption">Caption</label>
                                <textarea name="caption" id="capsule-caption" rows="5"
                                          class="form-control">{{ $capsule->caption }}</textarea>
                                @if ($errors->has('caption'))
                                    <span>
                                        <strong>{{ $errors->first('caption') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>

                        <div class="col-md-12">
                            <input type="submit" class="btn btn-primary" value="{{ trans('admin.buttons.change') }}" />
                        </div>

                    </form>
                </div>

                @if ($capsule->count_comments > 0)
                    <div class="tab-pane p-a-3 fade" id="capsule-comments">

                        @include('admin.capsule.lists.comments')

                    </div>
                @endif

                @if ($capsule->count_tagged_users > 0)
                    <div class="tab-pane p-a-3 fade" id="capsule-tagged-users">

                        @include('admin.capsule.lists.tagged_users')

                    </div>
                @endif

                @if ($capsule->count_subscribers > 0)
                    <div class="tab-pane p-a-3 fade" id="capsule-subscribers">

                        @include('admin.capsule.lists.subscribers')

                    </div>
                @endif

            </div>
        </div>

    </div>
@endsection

@section('scripts')
    <style>
        th{
            vertical-align: center;
        }
        td{
            vertical-align: center;
        }
    </style>
    <script>
        $('a[data-toggle="tab"]').on( 'shown.bs.tab', function (e) {
            $.fn.dataTable.tables( {visible: true, api: true} ).columns.adjust();
        } );
    </script>
@endsection