@extends('layouts.main')

@section('title') Личный кабинет | Pravdatut.com @endsection
@section('og_image') {{url('/img/logotype.svg')}} @endsection
@section('og_url') {{ route('profile') }} @endsection

@section('content')
    <div class="breadcrums-container">
        <div class="container">

            @include('components.breadcrumbs', ['breadcrumbs' => [
                ['link' => url('/'), 'title' => 'Главная'],
                ['title' => 'Профайл'],
            ]])

        </div>
    </div>
{{--    <div class="maxw-800 m-auto">--}}
{{--        <h1 class="title-h2-default">Личный кабинет пользователя</h1>--}}
{{--        --}}
{{--    </div>--}}
    <section class="pro-acc-content pt-0">
        <h2 class="title-h2-default">Личный кабинет пользователя</h2>
        <div class="container">
            @if(session()->has('success'))
                <div class="mb-2 alert alert-success alert-dismissable">
                    <a href="#" class="close" data-dismiss="alert" aria-label="close">x</a>
                    {{ session()->get('success') }}
                </div>
            @endif
            @if(session()->has('error'))
                <div class="mb-2 alert alert-danger alert-dismissable">
                    <a href="#" class="close" data-dismiss="alert" aria-label="close">x</a>
                    {{ session()->get('error') }}
                </div>
            @endif
            <div class="position-relative">
                <div class="flex-wrap slider-container__wrapper position-relative d-lg-flex wrap-comments-col">
                        {{--Photo block--}}
                        <div class="slider-container__wrapper__item col-lg-4">
                            <form action="{{route('uploadsAvatar')}}" method="post" enctype="multipart/form-data">
                                <div id="imagePreview" style="background-image: url({{(Auth::user()->avatar_path == null) ? '/uploads/no_foto/nofoto.jpg' : Auth::user()->avatar_path }})" class="image-profile">
                                    <input id="uploadFile" type="file" name="image" class="img" />
                                </div>
                                {{ csrf_field() }}
                                @if ($errors->has('image'))
                                    <span class="help-block valid-text">
                                        <strong>{{ $errors->first('image') }}</strong>
                                    </span>
                                @endif
                                <button type="submit" class="btn btn-upload-avatar"><span class="fa fa-upload profile-icon"></span> Загрузить фото</button>
                            </form>
                            <button type="button" class="btn btn-delete-avatar" data-id="{{Auth::user()->id}}"><span class="fa fa-trash profile-icon"></span> Удалить фото</button>
                        </div>
                        {{--Photo block--}}

                        <div class="slider-container__wrapper__item col-lg-4 no-default-padding">
                            <div class="inside_wrap_col_profile_top">
                                <p class="user-name"><b>{{Auth::user()->name}}</b></p>
                                <p class="user-info">на сайте был: {{(Auth::user()->last_visited !== null) ? \Carbon\Carbon::parse(Auth::user()->last_visited)->format('d.m.Y H:i') : 'не заходил'}}</p>
                                <p class="user-info">комментариев: {{$comments_c}}</p>
                                <p class="user-info">компаний: {{$companies_c}}</p>
                            </div>
                            <div class="green-line-profile">
                                <img src="{{url('/img/about-acc-ico.png')}}" alt="img" class="vip-profile-img">
                                @if(Auth::user()->status_pay == 1)
                                    <span class="pro-acc-text">Про-Аккаунт активирован</span>
                                @else
                                    {{--Bye Premium Account--}}
                                    <form id="payment" name="payment" method="post" action="https://sci.interkassa.com/" enctype="utf-8" class="payment-form">
                                        <input type="hidden" name="ik_x_user_id" value="{{Auth::user()->id}}"/>
                                        <input type="hidden" name="ik_am" value='5000'/>
                                        <input type="hidden" name="ik_co_id" value="5e4283501ae1bd23008b456e"/>
                                        <input type="hidden" name="ik_pm_no" value="1736549674"/>
                                        <input type="hidden" name="ik_cur" value="RUB"/>
                                        <input type="hidden" name="ik_desc" value="Покупка премиум аккаунта"/>
                                        <button type="submit" value="Pay" class="profile_vip_buy">Купить Вип-Аккаунт</button>
                                    </form>
                                    {{--End Bye Premium Account--}}
                                @endif
                            </div>
                            <div class="inside_wrap_col_profile_bottom">
                                Возникли вопросы?
                                <a href="{{route('contact')}}">свяжитесь з модератором!</a>
                            </div>
                        </div>

                        <div class="slider-container__wrapper__item col-lg-4">
                            <p class="title-change-pass">Изменить пароль</p>
                            <form action="{{ route('changePass') }}" method="post">
                                {{ csrf_field() }}
                                <input type="password" name="passwordold" class="{{ $errors->has('passwordold') ? ' has-error' : '' }} fullw-style-input mb-3" placeholder="Старый пароль" required>
                                @if ($errors->has('passwordold'))
                                    <span class="help-block">
                                    <strong>{{ $errors->first('passwordold') }}</strong>
                                </span>
                                @endif
                                <input type="password" minlength="8" name="password" placeholder="Новый пароль" class="{{ $errors->has('password') ? ' has-error' : '' }} fullw-style-input mb-3" required>
                                @if ($errors->has('password'))
                                    <span class="help-block">
                                    <strong>{{ $errors->first('password') }}</strong>
                                </span>
                                @endif
                                <input type="password" minlength="8" class="fullw-style-input mb-3" name="password_confirmation" placeholder="Повтор пароля" required>
                                <input class="submit-pass" type="submit" value="Сохранить">
                            </form>
                        </div>

                </div>
            </div>
        </div>

        <h2 class="title-h2-default">Последние мнение</h2>
        <div class="container">
            <div class="position-relative">
                @if(!$last_comments->isEmpty())
                    <div class="flex-wrap slider-container__wrapper position-relative d-lg-flex wrap-comments-col">
                        @include('components.one-comment', ['last_comments' => $last_comments])
                    </div>
                @else
                    <div class="flex-wrap slider-container__wrapper position-relative d-lg-flex wrap-comments-col">
                        <p>Коментариев не найдено</p>
                    </div>
                @endif
            </div>
        </div>

        <h2 class="title-h2-default">Добавленные компании</h2>
        <div class="container">
            @if(!$companies->isEmpty())
                <div class="leaders-section__wrapper wrap-company-col">
                    @include('components.one-company', ['companies' => $companies, 'profile' => 1])
                </div>
            @else
                <div class="leaders-section__wrapper wrap-company-col">
                    <p>Компаний не найдено</p>
                </div>
            @endif
        </div>
    </section>
@endsection

@section('main-scripts')
    <script>
        $('.btn-delete-avatar').on('click', function(e){
            e.preventDefault();
            let id = $(this).data('id');

            $.ajax({
                data: {
                    "_token": "{{ csrf_token() }}",
                },
                url: `/delete-avatar/${id}`,
                type: 'POST',
                success: function(data, textStatus, xhr){
                    if(xhr.status == 200){
                        swal({title: "Успех!", text: "Аватар успешно удален!", type: "success"}, function(){
                            location.reload();
                        })
                    }
                }
            });
        })

        $("#clear-btn-style").on("click", function(e) {
            e.preventDefault();
            $("#imagePreview").css({
                "background-image":"none"
            });
            console.log('Close!');
        });

        $(function() {
            $("#uploadFile").on("change", function()
            {
                var files = !!this.files ? this.files : [];
                if (!files.length || !window.FileReader); // no file selected, or no FileReader support
                console.log('Upload');
                if (/^image/.test( files[0].type)){ // only image file
                    var reader = new FileReader(); // instance of the FileReader
                    reader.readAsDataURL(files[0]); // read the local file

                    reader.onloadend = function(){ // set image data as background of div
                        $("#imagePreview").css("background-image", "url("+this.result+")");
                    }
                }
            });

        });

        $('.dis-link-top').tooltip();
        $('.disabled_top_company').on('click', function(e) {
            e.preventDefault();
            const id = $(this).data('id');

            $.ajax({
                data: {
                    "_token": "{{ csrf_token() }}",
                    idCompany: id
                },
                url: "{{ URL::route('top.company.disable') }}",
                type: 'POST',
                success: function(data, textStatus, xhr){
                    if(xhr.status == 200){
                        location.reload();
                    }
                }
            });
        })

        $('.enabled_top_company').on('click', function(e) {
            e.preventDefault();
            const id = $(this).data('id');
            $.ajax({
                data: {
                    "_token": "{{ csrf_token() }}",
                    idCompany: id
                },
                url: "{{ URL::route('top.company.enable') }}",
                type: 'POST',
                success: function(data, textStatus, xhr){
                    if(xhr.status == 200){
                        location.reload();
                    }
                }
            });
        })
    </script>

@endsection