{{--
 * LaraClassifier - Classified Ads Web Application
 * Copyright (c) BeDigit. All Rights Reserved
 *
 * Website: https://laraclassifier.com
 *
 * LICENSE
 * -------
 * This software is furnished under a license and may be used and copied
 * only in accordance with the terms of such license and with the inclusion
 * of the above copyright notice. If you Purchased from CodeCanyon,
 * Please read the full License from here - http://codecanyon.net/licenses/standard
--}}
@extends('layouts.master')

@php
    $stats ??= [];
    $countThreads = data_get($stats, 'threads.all') ?? 0;
    $postsVisits = data_get($stats, 'posts.visits') ?? 0;
    $countPosts =
        (data_get($stats, 'posts.published') ?? 0) +
        (data_get($stats, 'posts.archived') ?? 0) +
        (data_get($stats, 'posts.pendingApproval') ?? 0);
    $countFavoritePosts = data_get($stats, 'posts.favourite') ?? 0;
@endphp

@section('content')
    @includeFirst([config('larapen.core.customizedViewPath') . 'common.spacer', 'common.spacer'])
    <div class="main-container">
        <div class="container">
            <div class="row">
                <div class="col-md-3 page-sidebar">
                    @includeFirst([
                        config('larapen.core.customizedViewPath') . 'account.inc.sidebar',
                        'account.inc.sidebar',
                    ])
                </div>

                <div class="col-md-9 page-content">

                    @include('flash::message')

                    @if (isset($errors) && $errors->any())
                        <div class="alert alert-danger alert-dismissible">
                            <button type="button" class="btn-close" data-bs-dismiss="alert"
                                aria-label="{{ t('Close') }}"></button>
                            <h5><strong>{{ t('oops_an_error_has_occurred') }}</strong></h5>
                            <ul class="list list-check">
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif

                    <div class="inner-box default-inner-box">
                        <div class="row">
                            <div class="col-md-5 col-sm-4 col-12">
                                <h3 class="no-padding text-center-480 useradmin">
                                    <a href="">
                                        <img id="userImg" class="userImg" src="{{ $user->photo_url }}"
                                            alt="user">&nbsp;
                                        {{ $user->username }}
                                    </a>
                                </h3>
                            </div>
                            <div class="col-md-7 col-sm-8 col-12">
                                <div class="header-data text-center-xs">
                                    {{-- Threads Stats --}}
                                    <div class="hdata">
                                        <div class="mcol-left">
                                            <i class="fas fa-envelope ln-shadow"></i>
                                        </div>
                                        <div class="mcol-right">
                                            {{-- Number of messages --}}
                                            <p>
                                                <a href="{{ url('account/messages') }}">
                                                    {{ \App\Helpers\Number::short($countThreads ?? 0) }}
                                                    <em>{{ trans_choice('global.count_mails', getPlural($countThreads ?? 0), [], config('app.locale')) }}</em>
                                                </a>
                                            </p>
                                        </div>
                                        <div class="clearfix"></div>
                                    </div>

                                    {{-- Traffic Stats --}}
                                    <div class="hdata">
                                        <div class="mcol-left">
                                            <i class="fa fa-eye ln-shadow"></i>
                                        </div>
                                        <div class="mcol-right">
                                            {{-- Number of visitors --}}
                                            <p>
                                                <a href="{{ url('account/posts/list') }}">
                                                    {{ \App\Helpers\Number::short($postsVisits ?? 0) }}
                                                    <em>{{ trans_choice('global.count_visits', getPlural($postsVisits ?? 0), [], config('app.locale')) }}</em>
                                                </a>
                                            </p>
                                        </div>
                                        <div class="clearfix"></div>
                                    </div>

                                    {{-- Listings Stats --}}
                                    <div class="hdata">
                                        <div class="mcol-left">
                                            <i class="fas fa-bullhorn ln-shadow"></i>
                                        </div>
                                        <div class="mcol-right">
                                            {{-- Number of listings --}}
                                            <p>
                                                <a href="{{ url('account/posts/list') }}">
                                                    {{ \App\Helpers\Number::short($countPosts ?? 0) }}
                                                    <em>{{ trans_choice('global.count_listings', getPlural($countPosts ?? 0), [], config('app.locale')) }}</em>
                                                </a>
                                            </p>
                                        </div>
                                        <div class="clearfix"></div>
                                    </div>

                                    {{-- Favorites Stats --}}
                                    <div class="hdata">
                                        <div class="mcol-left">
                                            <i class="fa fa-user ln-shadow"></i>
                                        </div>
                                        <div class="mcol-right">
                                            {{-- Number of favorites --}}
                                            <p>
                                                <a href="{{ url('account/posts/favorite') }}">
                                                    {{ \App\Helpers\Number::short($countFavoritePosts ?? 0) }}
                                                    <em>{{ trans_choice('global.count_favorites', getPlural($countFavoritePosts ?? 0), [], config('app.locale')) }}
                                                    </em>
                                                </a>
                                            </p>
                                        </div>
                                        <div class="clearfix"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="inner-box default-inner-box" style="overflow: visible;">
                        {{-- Personal Info --}}
                        <div class="card card-default">
                            <div class="card-header">
                                <h4 class="card-title text-primary"> {{ 'Personal Info' }} </h4>
                            </div>
                            <div id="personaInfo" class="card-body">
                                <form name="personal_info" class="form-horizontal" role="form" method="POST"
                                    action="{{ url('account') }}">
                                    {!! csrf_field() !!}
                                    <input name="_method" type="hidden" value="PUT">
                                    <input name="panel" type="hidden" value="personal_info">

                                    {{-- name --}}
                                                                        <div class="row mb-3 required">
                                        <label class="col-md-3 col-form-label{{ $nameError }}" for="name">
                                            {{ t('Name') }} <sup>*</sup>
                                        </label>
                                        <div class="col-md-9 col-lg-8 col-xl-6">
                                            <input name="name" type="text" class="form-control{{ $nameError }}"
                                                placeholder="{{ t('Name') }}" value="{{ old('name', $user->name) }}"
                                                oninput="this.value = this.value.toUpperCase()">
                                        </div>
                                    </div>

                                    {{-- middlename --}}
                                                                        <div class="row mb-3 required">
                                        <label class="col-md-3 col-form-label{{ $middlenameError }}" for="middlename">
                                            {{ t('Middle') }}
                                        </label>
                                        <div class="col-md-9 col-lg-8 col-xl-6">
                                            <input name="middlename" type="text"
                                                class="form-control{{ $middlenameError }}"
                                                placeholder="{{ t('Middle') }}"
                                                value="{{ old('middlename', $user->middlename) }}"
                                                oninput="this.value = this.value.toUpperCase()">
                                        </div>
                                    </div>

                                    {{-- lastname --}}
                                                                        <div class="row mb-3 required">
                                        <label class="col-md-3 col-form-label{{ $lastnameError }}" for="lastname">
                                            {{ t('Last') }} <sup>*</sup>
                                        </label>
                                        <div class="col-md-9 col-lg-8 col-xl-6">
                                            <input name="lastname" type="text" class="form-control{{ $lastnameError }}"
                                                placeholder="{{ t('Last') }}"
                                                value="{{ old('lastname', $user->lastname) }}"
                                                oninput="this.value = this.value.toUpperCase()">
                                        </div>
                                    </div>

                                    {{-- suffix --}}
                                                                        <div class="row mb-3 required">
                                        <label class="col-md-3 col-form-label{{ $suffixError }}" for="suffix">
                                            {{ t('Suffix') }}
                                        </label>
                                        <div class="col-md-9 col-lg-8 col-xl-6">
                                            <input name="suffix" type="text" class="form-control{{ $suffixError }}"
                                                placeholder="{{ t('Suffix') }}"
                                                value="{{ old('suffix', $user->suffix) }}"
                                                oninput="this.value = this.value.toUpperCase()">
                                        </div>
                                    </div>
                                    {{-- User Gender --}}
                                                                        <div class="row mb-3 required">
                                        <label class="col-md-3 col-form-label{{ $genderError }}" for="user_gender">
                                            {{ 'Gender' }}
                                        </label>
                                        <div class="col-md-9 col-lg-8 col-xl-6">
                                            @php
                                                $genders = [
                                                    '' => t('Select'),
                                                    'male' => 'MALE',
                                                    'female' => 'FEMALE',
                                                    'prefer_not_to_say' => 'PREFER NOT TO SAY',
                                                ];
                                            @endphp
                                            <select name="user_gender" class="form-control bg-white">
                                                @foreach ($genders as $value => $label)
                                                    <option value="{{ $value }}" @selected(old('user_gender', $user->user_gender) == $value)>
                                                        {{ $label }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>

                                    {{-- time_zone --}}
                                                                        <div class="row mb-4 required">
                                        <label class="col-md-3 col-form-label{{ $timeZoneError }}" for="time_zone">
                                            {{ t('preferred_time_zone_label') }} <sup>*</sup>
                                        </label>
                                        <div class="col-md-9 col-lg-8 col-xl-6">
                                            <select name="time_zone"
                                                class="form-control large-data-selecter{{ $timeZoneError }}">
                                                <option value="" @selected(empty(old('time_zone')))>
                                                    {{ t('select_a_time_zone') }}
                                                </option>
                                                @php
                                                    $tz = !empty($user->time_zone) ? $user->time_zone : '';
                                                @endphp
                                                @foreach (\App\Helpers\Date::getTimeZones() as $key => $item)
                                                    <option value="{{ $key }}" @selected(old('time_zone', $tz) == $key)>
                                                        {{ $item }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            <div class="form-text text-muted">
                                                @if (auth()->user()->can(\App\Models\Permission::getStaffPermissions()))
                                                    {!! t('admin_preferred_time_zone_info', [
                                                        'frontTz' => config('country.time_zone'),
                                                        'country' => config('country.name'),
                                                        'adminTz' => config('app.timezone'),
                                                    ]) !!}
                                                @else
                                                    {!! t('preferred_time_zone_info', [
                                                        'frontTz' => config('country.time_zone'),
                                                        'country' => config('country.name'),
                                                    ]) !!}
                                                @endif
                                            </div>
                                        </div>
                                    </div>

                                    {{-- country_code --}}
                                    {{-- <input name="country_code" type="hidden" value="{{ $user->country_code }}"> --}}

                                    <div class="row mb-3">
                                        <div class="offset-md-3 col-md-9"></div>
                                    </div>

                                    {{-- button --}}
                                    <div class="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>
            </div>
        </div>
    </div>
@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
@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/fas/theme.js') }}" type="text/javascript"></script>
    <script src="{{ url('common/js/fileinput/locales/' . config('app.locale') . '.js') }}" type="text/javascript"></script>
@endsection --}}