@extends('admin.layouts.master')

@section('title', 'User profile')

@section('page_header', 'User profile')

@section('page_header_description', $user->first_name.' '.$user->last_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">{{$user->first_name.' '.$user->last_name}}</h3>

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

                    <ul class="list-group list-group-unbordered">
                        <li class="list-group-item">
                            <b>User name</b> <a class="pull-right">{{$user->user_name}}</a>
                        </li>
                        <li class="list-group-item">
                            <b>Email</b> <a class="pull-right">{{$user->email}}</a>
                        </li>
                        <li class="list-group-item">
                            <b>Joined</b> <a class="pull-right">{{date('d.m.Y H:i:s',strtotime($user->created_at))}}</a>
                        </li>
                    </ul>
                    <form method="post" action="{{url('admin/user/delete')}}" autocomplete="off">
                        <input type="hidden" name="userId" value="{{ $user->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>
                <!-- /.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="#settings" data-toggle="tab">Settings</a></li>
                    @if(!is_null($user->artwork))
                        <li><a href="#artworks" data-toggle="tab">Artworks</a></li>
                    @endif
                </ul>
                <div class="tab-content">
                    <div class="active tab-pane" id="settings">
                        <form class="form-horizontal" method="post" action="{{url('admin/user/update')}}"
                              autocomplete="off">
                            <div class="form-group">
                                <label for="inputFirstName" class="col-sm-2 control-label">First name</label>

                                <div class="col-sm-10">
                                    <input class="form-control" id="inputFirstName" name="first_name"
                                           placeholder="{{$user->first_name}}">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="inputLastName" class="col-sm-2 control-label">Last name</label>

                                <div class="col-sm-10">
                                    <input class="form-control" id="inputLastName" name="last_name"
                                           placeholder="{{$user->last_name}}">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="inputUserName" class="col-sm-2 control-label">User name</label>

                                <div class="col-sm-10">
                                    <input class="form-control" id="inputUserName" name="user_name"
                                           placeholder="{{$user->user_name}}">
                                </div>
                            </div>

                            <div class="form-group">
                                <label for="inputEmail" class="col-sm-2 control-label">Email</label>

                                <div class="col-sm-10">
                                    <input type="email" class="form-control" name="email" id="inputEmail"
                                           placeholder="{{$user->email}}">
                                </div>
                            </div>

                            <div class="form-group">
                                <label for="inputRole" class="col-sm-2 control-label">User role</label>

                                <div class="col-sm-10">
                                    <select class="form-control" name="role_id" id="inputRole">
                                        @foreach($roles as $role)
                                            <option value="{{$role->id}}"
                                                    @if($user->role->id == $role->id) selected @endif>
                                                {{$role->name}}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-offset-2 col-sm-10">
                                    <input type="hidden" name="userId" value="{{ $user->id }}"/>
                                    <input type="hidden" name="_token" value="{{ csrf_token() }}"/>
                                    <button type="submit" class="btn btn-warning col-md-4 col-lg-offset-8"
                                            data-toggle="confirmation">
                                        <b>Save</b>
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>

                    <div class="tab-pane" id="artworks">
                        {{--<div class="box-body">
                            <table id="dataTable" class="table table-bordered table-striped">
                                <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>Artwork name</th>
                                    <th>Artist name</th>
                                    <th>Created</th>
                                    <th>Is approved</th>
                                    <th>Votes</th>
                                    <th>Action</th>
                                </tr>
                                </thead>
                                <tfoot>
                                <tr>
                                    <th>ID</th>
                                    <th>Artwork name</th>
                                    <th>Created</th>
                                    <th>Is approved</th>
                                    <th>Votes</th>
                                    <th>Action</th>
                                </tr>
                                </tfoot>
                            </table>
                        </div>--}}
                        <div class="row">
                            @foreach($user->artwork as $artwork)
                                <div class="col-sm-4 artwok-thumbs">
                                    <div class="thumbs-wrap panel panel-default">
                                        <a href="{{url('admin/artwork/'.$artwork->id)}}">
                                            <img src="{{asset('uploads/artworks/'.$user->id.'/'.$artwork->image)}}"
                                                 class="img-responsive" alt="{{$artwork->name}}" style="width: 100%;">
                                        </a>
                                    </div>
                                    <div class="panel panel-default" style="margin:0px;">
                                        <div class="panel-heading">{{$artwork->name}}
                                            @if(is_null($artwork->is_approved))
                                                <span class="label label-warning pull-right"
                                                      style="font-size: smaller;">Not checked</span>
                                            @elseif($artwork->is_approved)
                                                <span class="label label-success pull-right"
                                                      style="font-size: smaller;">Approved</span>
                                            @elseif(!$artwork->is_approved)
                                                <span class="label label-danger pull-right" style="font-size: smaller;">Unapproved</span>
                                            @endif
                                        </div>
                                    </div>
                                    <br/>
                                </div>
                            @endforeach
                        </div>
                    </div>
                    <!-- /.tab-pane -->
                </div>
                <!-- /.tab-content -->
            </div>
            <!-- /.nav-tabs-custom -->
        </div>
        <!-- /.col -->
    </div>
@stop