@extends('account.my-account')
@section('account-content')

{{-- @include('common.spacer') --}}
    <div class="main-container">
        <div class="container">
            <div class="row">
                
                <div class="col-md-12 page-content">
                    @if ($message = Session::get('success_msg'))
                      <div class="alert alert-danger">
                          <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                            <span>{{ $message }}</span>
                      </div>
                    @endif
                    {{-- @include('flash::message') --}}

                    @if (isset($errors) and $errors->any())
                        <div class="alert alert-danger">
                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                            <h5><strong>{{ t('Oops ! An error has occurred. Please correct the red fields in the form') }}</strong></h5>
                            <ul class="list list-check">
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                    <div id="avatarUploadError" class="center-block" style="width:100%; display:none"></div>
                    <div id="avatarUploadSuccess" class="alert alert-success fade show" style="display:none;"></div>

                    <div class="inner-box default-inner-box" style="display: none;">
                        <div class="row">
                            <!-- <div class="col-md-5 col-xs-4 col-xxs-12">
                                <h3 class="no-padding text-center-480 useradmin">
                                    <a href="">
                                        @if (!empty($userPhoto))
                                            <img id="userImg" class="userImg" src="{{ $userPhoto }}" alt="user">&nbsp;
                                        @else
                                            <img id="userImg" class="userImg" src="{{ url('images/user.jpg') }}" alt="user">
                                        @endif
                                         {{ auth()->user()->name }} 
                                    </a>
                                </h3>
                            </div> -->
                            <!-- Conversations Stats -->
                            <!-- Number of messages -->
                            <div class="col-md-7 col-xs-8 col-xxs-12">
                                <div class="header-data text-center-xs">
                                    
                                    <!-- <div class="hdata">
                                        <div class="mcol-left">
                                            <i class="fas fa-envelope ln-shadow"></i></div>
                                        <div class="mcol-right">
                                            
                                            <p>
                                                <a href="{{ lurl('account/conversations') }}">
                                                    {{-- {{ isset($countConversations) ? \App\Helpers\Number::short($countConversations) : 0 }}
                                                    <em>{{ trans_choice('global.count_mails', getPlural($countConversations)) }}</em> --}}
                                                </a>
                                            </p>
                                        </div>
                                        <div class="clearfix"></div>
                                    </div> -->

                                    <!-- Traffic Stats -->
                                    <!-- Number of visitors -->
                                    <!-- <div class="hdata">
                                        <div class="mcol-left">
                                            <i class="fa fa-eye ln-shadow"></i>
                                        </div>
                                        <div class="mcol-right">
                                            
                                            <p>
                                                <a href="{{ lurl('account/my-posts') }}">
                                                                                                        {{ \App\Helpers\Number::short($totalPostsVisits) }}
                                                    <em>{{ trans_choice('global.count_visits', getPlural($totalPostsVisits)) }}</em>
                                                </a>
                                            </p>
                                        </div>
                                        <div class="clearfix"></div>
                                    </div>
 -->
                                    <!-- Ads Stats -->
                                    <!-- Number of ads -->
                                    <!-- <div class="hdata">
                                        <div class="mcol-left">
                                            <i class="icon-th-thumb ln-shadow"></i>
                                        </div>
                                        <div class="mcol-right">
                                            
                                            <p>
                                                <a href="{{ lurl('account/my-posts') }}">
                                                    {{-- {{ \App\Helpers\Number::short($countPosts) }}
                                                    <em>{{ trans_choice('global.count_posts', getPlural($countPosts)) }}</em> --}}
                                                </a>
                                            </p>
                                        </div>
                                        <div class="clearfix"></div>
                                    </div> -->

                                    <!-- Favorites Stats -->
                                    <!-- Number of favorites -->
                                    <!-- <div class="hdata">
                                        <div class="mcol-left">
                                            <i class="fa fa-user ln-shadow"></i>
                                        </div>
                                        <div class="mcol-right">
                                            
                                            <p>
                                                <a href="{{ lurl('account/favourite') }}">
                                                   {{-- {{ \App\Helpers\Number::short($countFavoritePosts) }}
                                                    <em>{{ trans_choice('global.count_favorites', getPlural($countFavoritePosts)) }} </em> --}}
                                                </a>
                                            </p>
                                        </div>
                                        <div class="clearfix"></div>
                                    </div> -->
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="inner-box default-inner-box" style="display: none;">
                        <!-- <div class="welcome-msg">
                            <h3 class="page-sub-header2 clearfix no-padding"> {{ t('Hello') }} {{ auth()->user()->name }} ! </h3>
                            <span class="page-sub-header-sub small">
                                {{-- {{ t('You last logged in at') }}: {{ $user->last_login_at->formatLocalized(config('settings.app.default_datetime_format')) }} --}}
                            </span>
                        </div> -->
                            <!-- PHOTO -->
                        <!-- <div id="accordion" class="panel-group">
                            
                            <div class="card card-default">
                                <div class="card-header">
                                    <h4 class="card-title">
                                        <a href="#photoPanel" data-toggle="collapse" data-parent="#accordion">{{ t('Photo or Avatar') }}</a>
                                    </h4>
                                </div>
                                <div class="panel-collapse collapse {{ (old('panel')=='' or old('panel')=='photoPanel') ? 'show' : '' }}" id="photoPanel">
                                    <div class="card-body">
                                        <form name="details" class="form-horizontal" role="form" method="POST" action="{{ lurl('account/' . auth()->user()->id . '/photo') }}"> 
                                            <div class="row">
                                                <div class="col-xl-12 text-center">
                                                    
                                                                                                        <div class="photo-field">
                                                        <div class="file-loading">
                                                            <input id="photoField" name="photo" type="file" class="file {{ $photoError }}">
                                                        </div>
                                                    </div>
                                                
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div> -->
                    </div>
                            <!-- USER -->
                            <div class="card card-default">
                                <div class="card-header">
                                    <h4 class="card-title">
                                        <a href="#userPanel" aria-expanded="true" data-toggle="collapse" data-parent="#accordion">{{ t('Account Details') }}</a>
                                    </h4>
                                </div>
                                <div class="panel-collapse collapse {{ (old('panel')=='' or old('panel')=='userPanel') ? 'show' : '' }}" id="userPanel">
                                    <div class="card-body">
                                        <form name="details" class="form-horizontal" role="form" method="POST" action="{{ url()->current() }}">
                                            {!! csrf_field() !!}
                                            <input name="_method" type="hidden" value="PUT">
                                            <input name="panel" type="hidden" value="userPanel">

                                            <!-- gender_id -->
                                            <!--                                             <div class="form-group row required">
                                                <label class="col-md-3 col-form-label">{{ t('Gender') }}</label>
                                                <div class="col-md-9">
                                                {{--   @if ($genders->count() > 0)
                                                        @foreach ($genders as $gender)
                                                            <div class="form-check form-check-inline pt-2">
                                                               <input name="gender_id"
                                                                       id="gender_id-{{ $gender->tid }}"
                                                                       value="{{ $gender->tid }}"
                                                                       class="form-check-input{{ $genderIdError }}"
                                                                       type="radio" {{ (old('gender_id', $user->gender_id)==$gender->tid) ? 'checked="checked"' : '' }}
                                                                > 
                                                                <label class="form-check-label" for="gender_id-{{ $gender->tid }}">
                                                                  {{ $gender->name }}
                                                                </label>
                                                            </div> 
                                                        @endforeach
                                                    @endif --}}
                                                </div>
                                            </div> -->
                                            <!-- name -->
                                                                                        <div class="form-group row required">
                                                <label class="col-md-3 col-form-label">{{ t('Name') }} <sup>*</sup></label>
                                                <div class="col-md-9">
                                                    <input name="name" type="text" class="form-control{{ $nameError }}" placeholder="" value="{{ old('name', auth() ->user()->name) }}">
                                                </div>
                                            </div>

                                            <!-- username -->
                                                                                        <div class="form-group row required">
                                                <label class="col-md-3 col-form-label" for="email">{{ t('Username') }} <sup>*</sup></label>
                                                <div class="input-group col-md-9">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text"><i class="icon-user"></i></span>
                                                    </div>
                                                    
                                                    <input id="username"
                                                           name="username"
                                                           type="text"
                                                           class="form-control{{ $usernameError }}"
                                                           placeholder="{{ t('Username') }}"
                                                           value="{{ old('username', auth()->user()->username) }}"
                                                    >
                                                </div>
                                            </div>

                                                <!-- email -->
                                                                                        <div class="form-group row required">
                                                <label class="col-md-3 col-form-label">{{ t('Email') }} <sup>*</sup></label>
                                                <div class="input-group col-md-9">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text"><i class="icon-mail"></i></span>
                                                    </div>
                                                    
                                                   <input id="email"
                                                           name="email"
                                                           type="email"
                                                           class="form-control{{ $emailError }}"
                                                           placeholder="{{ t('Email') }}"
                                                           value="{{ old('email', auth()->user()->email) }}"
                                                    >
                                                </div>
                                            </div>
                                            
                                            <input name="country_code" type="hidden" value="{{ auth()->user()->country_code }}"> 
                                                
                                            <!-- phone -->
                                                                                        <div class="form-group row required">
                                                <label for="phone" class="col-md-3 col-form-label">{{ t('Phone') }} <sup>*</sup></label>
                                                <div class="input-group col-md-9">
                                                 {{-- <div class="input-group-prepend">
                                                   <span id="phoneCountry" class="input-group-text"> {!! getPhoneIcon(old('country_code', $user->country_code)) !!} </span> 
                                                    </div> --}}
                                                    
                                                   <input id="phone" name="phone" type="text" class="form-control{{ $phoneError }}"
                                                           placeholder="{{ (!isEnabledField('email')) ? t('Mobile Phone Number') : t('Phone Number') }}"
                                                           value="{{ phoneFormat(old('phone', auth()->user()->phone), old('country_code', auth()->user()->country_code)) }}"> 
                                                    
                                                    <div class="input-group-append">
                                                        <span class="input-group-text">
                                                           <input name="phone_hidden" id="phoneHidden" type="checkbox"
                                                                   value="1" {{ (old('phone_hidden', auth()->user()->phone_hidden)=='1') ? 'checked="checked"' : '' }}>&nbsp; 
                                                            <small>{{ t('Hide') }}</small>
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group row">
                                                <div class="offset-md-3 col-md-9"></div>
                                            </div>
                                            
                                            <!-- Button -->
                                            <div class="form-group row">
                                                <div class="offset-md-3 col-md-9">
                                                    <button type="submit" class="btn btn-save-detail">{{ t('Update') }}</button>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>

                            <!-- SETTINGS -->
                            {{-- <div class="card card-default">
                                <div class="card-header">
                                    <h4 class="card-title"><a href="#settingsPanel" data-toggle="collapse" data-parent="#accordion">{{ t('Settings') }}</a></h4>
                                </div>
                                <div class="panel-collapse collapse {{ (old('panel')=='settingsPanel') ? 'show' : '' }}" id="settingsPanel">
                                    <div class="card-body">
                                        <form name="settings" class="form-horizontal" role="form" method="POST" action="{{ lurl('account/settings') }}">
                                            {!! csrf_field() !!}
                                            <input name="_method" type="hidden" value="PUT">
                                            <input name="panel" type="hidden" value="settingsPanel">
                                        
                                            @if (config('settings.single.activation_facebook_comments') and config('services.facebook.client_id'))
                                                <!-- disable_comments -->
                                                <div class="form-group row">
                                                    <label class="col-md-3 col-form-label"></label>
                                                    <div class="col-md-9">
                                                        <div class="form-check form-check-inline pt-2">
                                                            <label>
                                                                <input id="disable_comments"
                                                                       name="disable_comments"
                                                                       value="1"
                                                                       type="checkbox" {{ ($user->disable_comments==1) ? 'checked' : '' }}
                                                                >
                                                                {{ t('Disable comments on my ads') }}
                                                            </label>
                                                        </div>
                                                    </div>
                                                </div>
                                            @endif
                                            
                                            <!-- password -->
                                                                                        <div class="form-group row">
                                                <label class="col-md-3 col-form-label">{{ t('New Password') }}</label>
                                                <div class="col-md-9">
                                                    <input id="password" name="password" type="password" class="form-control{{ $passwordError }}" placeholder="{{ t('Password') }}">
                                                </div>
                                            </div>
                                            
                                            <!-- password_confirmation -->
                                                                                        <div class="form-group row">
                                                <label class="col-md-3 col-form-label">{{ t('Confirm Password') }}</label>
                                                <div class="col-md-9">
                                                    <input id="password_confirmation" name="password_confirmation" type="password"
                                                           class="form-control{{ $passwordError }}" placeholder="{{ t('Confirm Password') }}">
                                                </div>
                                            </div>
                                            
                                            <!-- Button -->
                                            <div class="form-group row">
                                                <div class="offset-md-3 col-md-9">
                                                    <button type="submit" class="btn btn-primary">{{ t('Update') }}</button>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div> --}}

                            </div>
                        <!--/.row-box End-->

                    </div>
                </div>
                <!--/.page-content-->
            </div>
            <!--/.row-->
        </div>
        <!--/.container-->
    </div>
    <!-- /.main-container -->

@endsection
@section('after_styles')
    <link href="{{ url('assets/plugins/bootstrap-fileinput/css/fileinput.min.css') }}" rel="stylesheet">
    @if (config('lang.direction') == 'rtl')
        <link href="{{ url('assets/plugins/bootstrap-fileinput/css/fileinput-rtl.min.css') }}" rel="stylesheet">
    @endif
    <style>
        .krajee-default.file-preview-frame:hover:not(.file-preview-error) {
            box-shadow: 0 0 5px 0 #666666;
        }
        .file-loading:before {
            content: " {{ t('Loading') }}...";
        }
    </style>
    <style>
        /* Avatar Upload */
        .photo-field {
            display: inline-block;
            vertical-align: middle;
        }
        .photo-field .krajee-default.file-preview-frame,
        .photo-field .krajee-default.file-preview-frame:hover {
            margin: 0;
            padding: 0;
            border: none;
            box-shadow: none;
            text-align: center;
        }
        .photo-field .file-input {
            display: table-cell;
            width: 150px;
        }
        .photo-field .krajee-default.file-preview-frame .kv-file-content {
            width: 150px;
            height: 160px;
        }
        .kv-reqd {
            color: red;
            font-family: monospace;
            font-weight: normal;
        }
        
        .file-preview {
            padding: 2px;
        }
        .file-drop-zone {
            margin: 2px;
        }
        .file-drop-zone .file-preview-thumbnails {
            cursor: pointer;
        }
        
        .krajee-default.file-preview-frame .file-thumbnail-footer {
            height: 30px;
        }
    </style>
@endsection

@section('after_scripts')
    <script src="{{ url('assets/plugins/bootstrap-fileinput/js/plugins/sortable.min.js') }}" type="text/javascript"></script>
    <script src="{{ url('assets/plugins/bootstrap-fileinput/js/fileinput.min.js') }}" type="text/javascript"></script>
    <script src="{{ url('assets/plugins/bootstrap-fileinput/themes/fa/theme.js') }}" type="text/javascript"></script>
    @if (file_exists(public_path() . '/assets/plugins/bootstrap-fileinput/js/locales/'.ietfLangTag(config('app.locale')).'.js'))
        <script src="{{ url('assets/plugins/bootstrap-fileinput/js/locales/'.ietfLangTag(config('app.locale')).'.js') }}" type="text/javascript"></script>
    @endif
    
@endsection