@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') }}
                <small>Texture Details</small>
            </h1>
        </section>

        <!-- Main content -->
        <section class="content">
            <div class="row">
                <div class="col-md-8">
                    <div class="box box-primary">
                        @include('vendor.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

                                @if ($user->getCloset()->has($texture->tid))
                                <a href="javascript:removeFromCloset({{ $texture->tid }});" id="{{ $texture->tid }}" class="btn btn-primary pull-right">{{ trans('skinlib.item.remove-from-closet') }}</a>
                                @else
                                <a href="javascript: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 id="name">{{ $texture->name }}
                                            @if (!is_null($user) && ($texture->uploader == $user->uid || $user->isAdmin()))
                                            <small>
                                                <a href="javascript:changeTextureName({{ $texture->tid }});">{{ trans('skinlib.show.edit-name') }}</a>
                                            </small>
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>{{ trans('skinlib.show.model') }}</td>
                                        <td>{{ $texture->type }}</td>
                                    </tr>
                                    <tr>
                                        <td>Hash
                                            <i class="fa fa-question-circle" title="{{ trans('skinlib.show.download-raw') }}" data-toggle="tooltip" data-placement="top"></i>
                                        </td>
                                        <td>
                                            <a href="{{ url('raw/'.$texture->tid) }}.png" 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=user&uid='.$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 (!is_null($user))
                        @if ($texture->uploader == $user->uid)
                            @include('vendor.manage-panel', [
                                'title'   => trans('skinlib.show.delete-texture')." / ".trans('skinlib.privacy.change-privacy'),
                                'message' => trans('skinlib.show.notice')
                            ])

                        @elseif ($user->isAdmin())
                            @include('vendor.manage-panel', [
                                'title'   => trans('skinlib.show.manage-panel'),
                                'message' => trans('skinlib.show.notice-admin')
                            ])
                        @endif
                    @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 -->
                            {!! Utils::getStringReplaced(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>
    @if ($texture->type == "cape")
        MSP.changeCape('{{ url('textures/'.$texture->hash) }}');
    @else
        MSP.changeSkin('{{ url('textures/'.$texture->hash) }}');
    @endif

    $(function() {
        $('input').iCheck({
            checkboxClass: 'icheckbox_square-blue',
            radioClass:    'iradio_square-blue'
        });
        $('[for="private"]').tooltip();
    });

    $(document).ready(init3dCanvas);
    // Auto resize canvas to fit responsive design
    $(window).resize(init3dCanvas);
</script>
@endsection