@extends('layouts.master')

@section('page-styles')
<link href="{{ URL::asset('backend/assets/global/plugins/bootstrap-fileinput/bootstrap-fileinput.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ URL::asset('backend/assets/pages/css/profile.min.css') }}" rel="stylesheet" type="text/css" />
@stop

@section('page-script')
<script src="{{ URL::asset('backend/assets/global/plugins/bootstrap-fileinput/bootstrap-fileinput.js') }}" type="text/javascript"></script>
<script src="{{ URL::asset('backend/assets/global/plugins/jquery.sparkline.min.js') }}" type="text/javascript"></script>
<script src="{{ URL::asset('backend/assets/pages/scripts/profile.min.js') }}" type="text/javascript"></script>
<script src="{{ URL::asset('backend/js/settings.js') }}" type="text/javascript"></script>
@stop

@section('content')

<h3 class="page-title"> Profile Settings | MyAccount</h3>

<div class="row">
    <div class="col-md-12">
        
        {{-- BEGIN PROFILE SIDEBAR --}}
        <div class="profile-sidebar">
            
            {{-- PORTLET MAIN --}}
            <div class="portlet light profile-sidebar-portlet ">
                
                {{-- SIDEBAR USERPIC --}}
                <div class="profile-userpic">
                    @if(empty(auth::user()->author->profile_pic))
                        <img alt="" class="img-responsive" src="{{ asset('backend/assets/pages/media/profile/avatar.png') }}" />
                    @else
                        <img alt="" class="img-responsive" src="{{ asset('uploads/profiles/'.auth::user()->author->profile_pic) }}" />
                    @endif    
                </div>
                
                {{-- SIDEBAR USER TITLE --}}
                <div class="profile-usertitle">
                    <div class="profile-usertitle-name"> {{ ucfirst(auth::user()->first_name) }} {{ ucfirst(auth::user()->last_name) }}</div>
                    <div class="profile-usertitle-job"> {{ ucfirst(auth::user()->author->designation) }} </div>
                </div>
                
                {{-- SIDEBAR BUTTONS --}}
                <div class="profile-userbuttons">
                    @if(auth::user()->status == 1)
                        <button class="btn btn-circle green btn-sm" type="button">Active</button>
                    @elseif( auth::user()->status == 2)
                        <button class="btn btn-circle red btn-sm" type="button">Pending</button>
                    @else
                        <button class="btn btn-circle red btn-sm" type="button">InActive</button>
                    @endif
                </div>
            </div>
            {{-- END PORTLET MAIN --}}

            {{-- PORTLET MAIN --}}
            <div class="portlet light ">
                <!-- STAT -->
                <div class="row list-separated profile-stat">
                    <div class="col-md-4 col-sm-4 col-xs-6">
                        <div class="uppercase profile-stat-title"> 37 </div>
                        <div class="uppercase profile-stat-text"> Manuscripts </div>
                    </div>
                    <div class="col-md-4 col-sm-4 col-xs-6">
                        <div class="uppercase profile-stat-title"> {{$keywordCount}} </div>
                        <div class="uppercase profile-stat-text"> Keywords </div>
                    </div>
                </div>
                <!-- END STAT -->
                <div>
                    
                    @if(!empty(auth::user()->author->website_url))
                    <div class="margin-top-20 profile-desc-link">
                        <i class="fa fa-globe"></i>
                        <a href="{{ auth::user()->author->website_url }}" target="_blank">{{ auth::user()->author->website_url }}</a>
                    </div>
                    @endif

                    @if(!empty(auth::user()->author->twitter_url))
                    <div class="margin-top-20 profile-desc-link">
                        <i class="fa fa-twitter"></i>
                        <a href="{{ auth::user()->author->twitter_url }}">{{ auth::user()->author->twitter_url }}</a>
                    </div>
                    @endif

                    @if(!empty(auth::user()->author->facebook_url))
                    <div class="margin-top-20 profile-desc-link">
                        <i class="fa fa-facebook"></i>
                        <a href="{{ auth::user()->author->facebook_url }}">{{ auth::user()->author->facebook_url }}</a>
                    </div>
                    @endif

                </div>

            </div>
            {{-- END PORTLET MAIN --}}

        </div>
        {{-- END BEGIN PROFILE SIDEBAR --}}
        
        {{-- BEGIN PROFILE CONTENT --}}
        <div class="profile-content">
            <div class="row">
                <div class="col-md-12">
                    <div class="portlet light ">
                        <div class="portlet-title tabbable-line">
                            <div class="caption caption-md">
                                <i class="icon-globe theme-font hide"></i>
                                <span class="caption-subject font-blue-madison bold uppercase">Profile Account</span>
                            </div>
                            <ul class="nav nav-tabs">
                                <li class="active">
                                    <a data-toggle="tab" href="#profile-info" aria-expanded="true">Personal Info</a>
                                </li>
                                <li>
                                    <a data-toggle="tab" href="#change-avator">Change Avatar</a>
                                </li>
                                <li>
                                    <a data-toggle="tab" href="#change-password" aria-expanded="true">Change Password</a>
                                </li>
                            </ul>
                        </div>
                        <div class="portlet-body">
                            <div class="tab-content">

                                {{-- Profile Information --}}
                                <div id="profile-info" class="tab-pane active">
                                    @include('auth.settings.author.profile')
                                </div>
                                
                                {{-- Change Avator --}}
                                <div id="change-avator" class="tab-pane">
                                    @include('auth.settings.author.change_avator')
                                </div>
                                
                                {{-- Change Password --}}
                                <div id="change-password" class="tab-pane">
                                    @include('auth.settings.author.change_password')
                                </div>
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {{-- END PROFILE CONTENT --}}

    </div>
</div>


@stop