@extends('skinlib.master')

@section('title', $texture->name)

@section('content')
<!-- Full Width Column -->
<div class="content-wrapper">
    <div class="container">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <h1>
                {{ trans('skinlib.show.title') }}
            </h1>
        </section>

        <!-- Main content -->
        <section class="content">
            <div class="row">
                <div class="col-md-8">
                    <div class="box box-primary">
                        @include('common.texture-preview')

                        <div class="box-footer">
                            @if (is_null($user)) {{-- Not logged in --}}
                            <button disabled="disabled" title="{{ trans('skinlib.show.anonymous') }}" class="btn btn-primary pull-right">{{ trans('skinlib.item.add-to-closet') }}</button>
                            @else

                                <a id="quick-apply"
                                    href="{{ url('user/closet?tid=').$texture->tid }}"
                                    class="btn btn-success pull-right"
                                    style="margin-left:12px; {{ $user->getCloset()->has($texture->tid) ? '' : 'display:none;' }}"
                                >{{ trans('skinlib.item.apply') }}</a>

                                @if ($user->getCloset()->has($texture->tid))
                                <a onclick="removeFromCloset({{ $texture->tid }});" id="{{ $texture->tid }}" class="btn btn-primary pull-right">{{ trans('skinlib.item.remove-from-closet') }}</a>
                                @else
                                <a onclick="addToCloset({{ $texture->tid }});" id="{{ $texture->tid }}" class="btn btn-primary pull-right">{{ trans('skinlib.item.add-to-closet') }}</a>
                                @endif

                            @endif
                            <div class="btn likes" title="{{ trans('skinlib.show.likes') }}" data-toggle="tooltip" data-placement="top"><i class="fa fa-heart"></i>
                                <span id="likes">{{ $texture->likes }}</span>
                            </div>
                        </div><!-- /.box-footer -->
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="box box-primary">
                        <div class="box-header with-border">
                            <h3 class="box-title">{{ trans('skinlib.show.detail') }}</h3>
                        </div><!-- /.box-header -->
                        <div class="box-body">
                            <table class="table">
                                <tbody>
                                    <tr>
                                        <td>{{ trans('skinlib.show.name') }}</td>
                                        <td>
                                            <span id="name">{{ $texture->name }}</span>
                                            @if (can_moderate_texture($user, $texture))
                                            <small>
                                                <a style="cursor: pointer" onclick="changeTextureName({{ $texture->tid }}, '{{ $texture->name }}');">{{ trans('skinlib.show.edit') }}</a>
                                            </small>
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>{{ trans('skinlib.show.model') }}</td>
                                        <td>
                                            <span id="model">{{ $texture->type == 'cape' ? trans('general.cape') : $texture->type }}</span>
                                            @if (can_moderate_texture($user, $texture))
                                            <small>
                                                <a style="cursor: pointer" onclick="changeTextureModel({{ $texture->tid }}, '{{ $texture->type }}');">{{ trans('skinlib.show.edit') }}</a>
                                            </small>
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Hash
                                            @if (option('allow_downloading_texture'))
                                            <i class="fa fa-question-circle" title="{{ trans('skinlib.show.download-raw') }}" data-toggle="tooltip" data-placement="top"></i>
                                            @endif
                                        </td>
                                        <td>
                                            <a href="{{ option('allow_downloading_texture') ? url("raw/{$texture->tid}.png") : 'javascript:;' }}" title="{{ $texture->hash }}">{{ substr($texture->hash, 0, 15) }}...</a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>{{ trans('skinlib.show.size') }}</td>
                                        <td>{{ $texture->size }} KB</td>
                                    </tr>
                                    <tr>
                                        <td>{{ trans('skinlib.show.uploader') }}</td>
                                        @if ($uploader = app('users')->get($texture->uploader))
                                        <td><a href="{{ url('skinlib?filter='.($texture->type == 'cape' ? 'cape' : 'skin').'&uploader='.$uploader->uid) }}&sort=time">{{ $uploader->getNickName() }}</a></td>
                                        @else
                                        <td><a href="#">{{ trans('general.unexistent-user') }}</a></td>
                                        @endif
                                    </tr>
                                    <tr>
                                        <td>{{ trans('skinlib.show.upload-at') }}</td>
                                        <td>{{ $texture->upload_at }}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div><!-- /.box-body -->
                    </div><!-- /.box -->

                    @if ($user && can_moderate_texture($user, $texture))
                        @include('common.manage-panel')
                    @endif
                </div>
            </div>

            <div class="row">
                <div class="col-md-12">
                    <div class="box box-default">
                        <div class="box-header with-border">
                            <h3 class="box-title">{{ trans('skinlib.show.comment') }}</h3>
                        </div><!-- /.box-header -->
                        <div class="box-body">
                            @if (option('comment_script') != "")
                            <!-- Comment Start -->
                            {!! get_string_replaced(option('comment_script'), ['{tid}' => $texture->tid, '{name}' => $texture->name, '{url}' => get_current_url()]) !!}
                            <!-- Comment End -->
                            @else
                            <p style="text-align: center; margin: 30px 0;">{{ trans('skinlib.show.comment-not-available') }}</p>
                            @endif
                        </div><!-- /.box-body -->
                    </div><!-- /.box -->
                </div>
            </div>

        </section><!-- /.content -->
    </div><!-- /.container -->
</div><!-- /.content-wrapper -->

@endsection

@section('script')
<script>
    var texture = {!! $texture->toJson() !!};

    $.msp.config.slim = (texture.type === 'alex');
    $.msp.config.skinUrl = texture.type === 'alex' ? defaultAlexSkin : defaultSteveSkin;

    if (texture.type === 'cape') {
        $.msp.config.capeUrl = url('textures/' + texture.hash);
    } else {
        $.msp.config.skinUrl = url('textures/' + texture.hash);
    }

    $(document).ready(function () {
        initSkinViewer(60);
        registerAnimationController();
        registerWindowResizeHandler();
    });
</script>
@endsection