@extends('admin.layouts.master')

@section('title', 'Artwork | '. $artwork->name)

@section('page_header', 'Artwork')

@section('page_header_description', $artwork->name .', '.$artwork->artist_name)

@section('content')
    <div class="row">
        <div class="col-md-3">

            <!-- Profile Image -->
            <div class="box box-primary">
                <div class="box-body box-profile">
                    <img class="profile-user-img img-responsive img-circle"
                         src="{{asset('bower_components/admin/dist/img/user4-128x128.jpg')}}"
                         alt="User profile picture">

                    <h3 class="profile-username text-center">{{$artwork->user->first_name.' '.$artwork->user->last_name}}</h3>

                    <p class="text-muted text-center">{{$artwork->user->role->name}}</p>

                    <ul class="list-group list-group-unbordered">
                        <li class="list-group-item">
                            <b>User name</b> <a class="pull-right">{{$artwork->user->user_name}}</a>
                        </li>
                        <li class="list-group-item">
                            <b>Email</b> <a class="pull-right">{{$artwork->user->email}}</a>
                        </li>
                        <li class="list-group-item">
                            <b>Artwork name</b> <a
                                    class="pull-right">{{$artwork->name}}</a>
                        </li>
                        <li class="list-group-item">
                            <b>Artist name</b> <a
                                    class="pull-right">{{$artwork->artist_name}}</a>
                        </li>
                        <li class="list-group-item">
                            <b>Status</b>
                            <a class="pull-right">
                                @if(is_null($artwork->is_approved) && $artwork->is_finished)
                                                                        Not checked
                                @elseif($artwork->is_approved && $artwork->is_finished)
                                                                        Approved
                                @elseif(!$artwork->is_approved && $artwork->is_finished)
                                                                        Reject
                                @elseif(!$artwork->is_finished)
                                                                        Reject
                                @endif
                            </a>
                        </li>
                        <li class="list-group-item">
                            <b>Created</b>
                            <a class="pull-right">{{date('d.m.Y H:i:s',strtotime($artwork->created_at))}}</a>
                        </li>
                        @if($artwork->is_approved)
                            <li class="list-group-item">
                                <b>Votes</b> <a class="pull-right">{{$artwork->votes}}</a>
                            </li>
                        @endif
                    </ul>
                    <div class="row">
                        <div class="{{$actionClass}}">
                            <form method="post" action="{{url('admin/artwork/delete')}}" autocomplete="off">
                                <input type="hidden" name="artwork_id" value="{{ $artwork->id }}"/>
                                <input type="hidden" name="_token" value="{{ csrf_token() }}"/>
                                <button type="submit" class="btn btn-danger btn-block" data-toggle="confirmation">
                                    <b>Delete</b>
                                </button>
                            </form>
                        </div>
                        <div class="{{$actionClass.' '.$rejectBtnClass}}">
                            <form method="post" action="{{url('admin/artwork/changeStatus')}}" autocomplete="off">
                                <input type="hidden" name="artwork_id" value="{{ $artwork->id }}"/>
                                <input type="hidden" name="status" value="reject"/>
                                <input type="hidden" name="_token" value="{{ csrf_token() }}"/>
                                <button type="submit" class="btn btn-warning btn-block" data-toggle="confirmation">
                                    <b>Reject</b>
                                </button>
                            </form>
                        </div>

                        <div class="{{$actionClass.' '.$approveBtnClass}}">
                            <form method="post" action="{{url('admin/artwork/changeStatus')}}" autocomplete="off">
                                <input type="hidden" name="artwork_id" value="{{ $artwork->id }}"/>
                                <input type="hidden" name="status" value="approve"/>
                                <input type="hidden" name="_token" value="{{ csrf_token() }}"/>
                                <button type="submit" class="btn btn-success btn-block" data-toggle="confirmation">
                                    <b>Approve</b>
                                </button>
                            </form>
                        </div>

                    </div>
                </div>
                <!-- /.box-body -->
            </div>
            <!-- /.box -->
        </div>
        <!-- /.col -->
        <div class="col-md-9">
            <div class="nav-tabs-custom">
                <ul class="nav nav-tabs">
                    <li class="active"><a href="#artwork" data-toggle="tab">Artwork</a></li>
                </ul>
                <div class="tab-content">
                    <div id="artwork">
                        <ul>
                            <li class="list-group-item">
                                <img class="img-responsive"
                                     src="{{asset('uploads/artworks/'.$artwork->user->id.'/'.$artwork->image)}}"
                                     alt="{{$artwork->name}}">
                            </li>
                        </ul>
                    </div>
                    <!-- /.tab-pane -->
                </div>
                <!-- /.tab-content -->
            </div>
            <!-- /.nav-tabs-custom -->
        </div>
        <!-- /.col -->
    </div>
@stop