@extends('front.layouts.master')

@section('title', $user->first_name.' profile')

@section('content')
    <div class="main-holder">
        <a class="logout-link" href="{{url('logout')}}">Logout</a>
        <h1>Hello {{$user->first_name}}!</h1>
        @if(!empty($user->artwork->toArray()))
            <div class="artworks-block">
                <h2>Your artworks</h2>
                <ul class="artworks-list">
                    @foreach($user->artwork->toArray() as $key=>$artwork)
                        <li>
                            <div class="image-box {{$artwork['frame']['class']}} @if($artwork['is_finished'] && !$artwork['is_approved']) pending @endif">
                                <img src="{{asset('assets/front/images/frames/'.$artwork['frame']['name'].'-'.$artwork['frame']['frame'].'.svg')}}"
                                     alt="image description">
                                <div class="image">
                                    @if(empty($artwork['thumbnail']))
                                        <img src="{{asset('uploads/artworks/'.$user->id.'/'.$artwork['image']).'?timestamp='.time()}}"
                                             alt="{{$artwork['name']}}" width="164" height="157">
                                    @else
                                        <img src="{{asset('uploads/artworks/thumbs/'.$artwork['thumbnail']).'?timestamp='.time()}}"
                                             alt="{{$artwork['name']}}" width="164" height="157">
                                    @endif
                                </div>
                            </div>
                            @if($artwork['is_approved'])
                                <a href="{{url('gallery#'.$artwork['id'])}}" class="btn-blue">view</a>
                            @elseif(!$artwork['is_finished'] && !$artwork['is_approved'])
                                <a href="#" class="btn edit" data-artwork="{{$artwork['id']}}"><span>edit</span></a>
                            @elseif($artwork['is_finished'] && !$artwork['is_approved'])
                                <a class="btn-transparent" data-artwork="{{$artwork['id']}}">pending</a>
                            @endif
                        </li>
                    @endforeach
                </ul>
            </div>
            @endif
                    <!-- add class "editable" to form for make filds editable -->
            <form action="profile/save" class="profile-form">
                <h2>Your details</h2>
                <ul class="profile-list">
                    <li>
                        <div class="col">
                            <label for="id01">First name:</label>
                        </div>
                        <div class="col">
                            <span class="fake-label">{{$user->first_name}}</span>
                            <input type="text" name="first_name" data-required="true" id="id01"
                                   value="{{$user->first_name}}">
                            <span class="error-message"></span>
                        </div>
                    </li>
                    <li>
                        <div class="col">
                            <label for="id02">Last name:</label>
                        </div>
                        <div class="col">
                            <span class="fake-label">{{$user->last_name}}</span>
                            <input type="text" name="last_name" data-required="true" id="id02"
                                   value="{{$user->last_name}}">
                            <span class="error-message"></span>
                        </div>
                    </li>
                    <li>
                        <div class="col">
                            <label for="id03">Email:</label>
                        </div>
                        <div class="col">
                            <span class="fake-label">{{$user->email}}</span>
                            <input type="email" name="email" data-required="true" id="id03" value="{{$user->email}}">
                            <span class="error-message"></span>
                        </div>
                    </li>
                    <li>
                        <div class="col">
                            <label for="id04">Password:</label>
                        </div>
                        <div class="col">
                            <span>**********</span>
                            <input type="password" name="password" data-min="6" id="id04" placeholder="**********">
                            <span class="error-message"></span>
                        </div>
                    </li>
                    <li>
                        <div class="col">
                            <label for="id05">User name:</label>
                        </div>
                        <div class="col">
                            <span class="fake-label">{{$user->user_name}}</span>
                            <input type="text" name="user_name" data-required="true" id="id05"
                                   value="{{$user->user_name}}">
                            <span class="error-message"></span>
                        </div>
                    </li>
                </ul>
                <input type="submit" value="done" class="btn-blue">
                <a href="#" class="btn-blue">edit details</a>
            </form>
    </div>
@stop

@section('prizes')
    {{--<a href="#prizes-popup" class="win-link win-lightbox">
        <div class="image">
            <img src="{{asset('assets/front/images/img02.svg')}}" alt="image description">
            <span class="bags-ico">
                <img src="{{asset('assets/front/images/img44.png')}}" height="120" width="80" alt="image description">
            </span>
        </div>
    </a>
    <a href="#prizes-popup" class="win-link-mobile win-lightbox">
        <div class="image">
            <img src="{{asset('assets/front/images/img18.svg')}}" height="71" width="355" alt="image description">
            <span class="bags-ico">
                <img src="{{asset('assets/front/images/img46.png')}}" height="138" width="113" alt="image description">
            </span>
        </div>
    </a>--}}
@stop