@php
     use App\Packages\Capsule\Models\Capsule;
    /**
     * @var Capsule $capsule
     */
    $count_reports = $capsule->reports()->count();
@endphp
@extends('admin._layout.layout')

@section('header')
    {{ trans('admin.head.capsules') }} / {{ trans('admin.head_section.show') }}
        
    <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">
            <div class="col-md-4 col-lg-3">

                <div class="panel panel-transparent">

                    @if ($managerPermissions->contains('value', 'capsule.full') || ($managerPermissions->contains('value', 'capsule.reported') && $count_reports))
                        @if ($capsule->preview_id)
                        <div class="text-xs-center">
                            <img src="{{ $capsule->preview->getAwsFullPath() }}" class="page-profile-v1-avatar" style="width: 100%;" />
                        </div>
                        @endif
                    @endif

                    <div class="panel-heading p-x-1">
                        <span class="panel-title">{{ trans('admin.capsule.about') }}</span>
                    </div>
                    <div class="list-group m-y-1">
                        @if ($capsule->blocked)
                        <span class="list-group-item p-x-1 b-a-0"><strong>{{ trans('admin.capsule.blocked') }}</strong></span>
                        @endif

                        <span class="list-group-item p-x-1 b-a-0">{{ trans('admin.fields.id') }}: <strong>{{ $capsule->id }}</strong></span>
                        <span class="list-group-item p-x-1 b-a-0">{{ trans('admin.fields.uuid') }}: <strong>{{ $capsule->uuid }}</strong></span>

                        @if ($owner = $capsule->user)
                        <span class="list-group-item p-x-1 b-a-0">{{ trans('admin.capsule.owner') }}:
                            <a href="{{ route('admin.user.show', ['id' => $owner->id]) }}"><strong>{{ $owner->nickname }}</strong></a></span>
                        @endif

                        <span class="list-group-item p-x-1 b-a-0">{{ trans('admin.capsule.privacy') }}: <strong>{{ $capsule->is_private?trans('admin.capsule.private'):trans('admin.capsule.public') }}</strong></span>

                        @if ($address = $capsule->address)
                        <span class="list-group-item p-x-1 b-a-0">{{ trans('admin.capsule.address') }}: <strong>{{ $address->title }}</strong></span>
                        @endif

                        @if ($capsule->open_at)
                        <span class="list-group-item p-x-1 b-a-0">{{ trans('admin.capsule.opens_at') }}: <strong>{{ $capsule->open_at->format('Y.m.d H:i:s') }}</strong></span>
                        @endif

                        <span class="list-group-item p-x-1 b-a-0">{{ trans('admin.capsule.status') }}: <strong>{{ $capsule->capsule_status }}</strong></span>

                        @if ($capsule->created_at)
                        <span class="list-group-item p-x-1 b-a-0">{{ trans('admin.capsule.created_at') }}: <strong>{{ $capsule->created_at->format('Y.m.d H:i:s') }}</strong></span>
                        @endif

                        @if ($capsule->updated_at)
                        <span class="list-group-item p-x-1 b-a-0">{{ trans('admin.capsule.updated_at') }}: <strong>{{ $capsule->updated_at->format('Y.m.d H:i:s') }}</strong></span>
                        @endif
                    </div>
                </div>

                <div class="panel panel-transparent">
                    <div class="panel-heading p-x-1">
                        <span class="panel-title">{{ trans('admin.capsule.search_settings') }}</span>
                    </div>
                    <div class="list-group m-y-1">
                        <span class="list-group-item p-x-1 b-a-0">{{ trans('admin.capsule.suggested_type') }}
                            @if( ! $capsule->search_setting)
                            <strong>{{ trans('admin.capsule.search_setting.default') }}</strong>
                            @elseif($capsule->search_setting == 1)
                            <strong>{{ trans('admin.capsule.search_setting.for_all') }}</strong>
                            @elseif($capsule->search_setting == 2)
                            <strong>{{ trans('admin.capsule.search_setting.for_new') }}</strong>
                            @endif
                        </span>
                        <span class="list-group-item p-x-1 b-a-0"><strong>{{ $capsule->search_position }}</strong> {{ trans('admin.capsule.search_position') }}</span>
                        <span class="list-group-item p-x-1 b-a-0"><strong>{{ $capsule->suggested_position }}</strong> {{ trans('admin.capsule.suggested_position') }}</span>
                    </div>
                </div>

                <div class="panel panel-transparent">
                    <div class="panel-heading p-x-1">
                        <span class="panel-title">{{ trans('admin.capsule.statistic') }}</span>
                    </div>
                    <div class="list-group m-y-1">
                        <span class="list-group-item p-x-1 b-a-0"><strong>{{ $capsule->count_likes }}</strong> {{ trans('admin.capsule.likes') }}</span>
                        <span class="list-group-item p-x-1 b-a-0"><strong>{{ $capsule->count_subscribers }}</strong> {{ trans('admin.capsule.subscribers') }}</span>
                        <span class="list-group-item p-x-1 b-a-0"><strong>{{ $capsule->count_comments }}</strong> {{ trans('admin.capsule.comments') }}</span>
                        <span class="list-group-item p-x-1 b-a-0"><strong>{{ $capsule->count_tagged_users }}</strong> {{ trans('admin.capsule.tagged_users') }}</span>
                        <span class="list-group-item p-x-1 b-a-0">
                            <strong>{{ $count_reports }}</strong> {{ trans('admin.capsule.reports') }}
                        </span>
                    </div>
                </div>

            </div>

            <hr class="page-wide-block visible-xs visible-sm">

            <div class="col-md-8 col-lg-9">

                <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

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

                <div class="tab-content tab-content-bordered p-a-0 bg-white">
                    <div class="tab-pane fade in active page-blog-post-content m-b-0 p-x-4 p-b-4 b-a-0" id="capsule-content">

                        @if ($capsule->blocked)
                        <div class="row">
                            <div class="col-md-12">
                                <h3>Blocked</h3>
                                <p>{{ $capsule->block->description }}</p>
                            </div>
                        </div>
                        @endif

                        @if ($managerPermissions->contains('value', 'capsules.full') || ($managerPermissions->contains('value', 'capsules.reported') && $count_reports))
                            @if ($capsule->thumbnail_id)
                            <div class="row">
                                <div class="col-md-3">
                                    <h3>Thumbnail</h3>
                                    <img src="{{ $capsule->thumbnail->getAwsFullPath() }}" />
                                </div>
                            </div>
                            @endif

                            @if ($capsule->preview_id)
                            <div class="row">
                                <div class="col-md-6">
                                    <h3>Preview</h3>
                                    <img src="{{ $capsule->preview->getAwsFullPath() }}" />
                                </div>
                            </div>
                            @endif

                            @if ($capsule->video_id)
                            <div class="row">
                                <div class="col-md-6">
                                    <h3>Video</h3>
                                    <video controls>
                                        <source src="{{ $capsule->getMediaUrl() }}" type="video/mp4">
                                        {{ trans('admin.alert.video_tag') }}
                                    </video>
                                </div>
                            </div>
                            @endif
                        @endif

                        @if ($capsule->caption)
                        <div class="row">
                            <div class="col-md-12">
                                <h3>Caption</h3>
                                <blockquote>{{ $capsule->caption }}</blockquote>
                            </div>
                        </div>
                        @endif

                    </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

                    {{--@if ($capsule->count_reports > 0)--}}
                    <div class="tab-pane p-a-3 fade" id="capsule-reports">

                        @if (!$capsule->blocked)
                        <div class="row m-b-2">
                            <div class="col-md-6">

                                {{ Form::open(['url' => route('admin.capsule.block', ['id' => $capsule->id]), 'method' => 'POST']) }}

                                    <div class="form-group {{ $errors->has('description') ? 'has-error' : '' }}">
                                        <label>{{ __('admin.capsule.block_reason') }}*</label>
                                        <textarea name="description" class="form-control" required="required"></textarea>

                                        @if ($errors->has('description'))
                                        <span>
                                            <strong>{{ $errors->first('description') }}</strong>
                                        </span>
                                        @endif
                                    </div>

                                    {{ Form::submit(__('admin.capsule.block_capsule'), ['class' => 'btn btn-danger']) }}

                                    {{--<input class="" type="submit" value="{{ __('admin.capsule.block_capsule') }}" />--}}
                                {{ Form::close() }}

                            </div>
                        </div>
                        @endif

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

                    </div>
                    {{--@endif--}}

                </div>
            </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