@extends('app')
@section('content')
@php
use Illuminate\Support\Facades\Storage;
@endphp
<script src="//cdn.jsdelivr.net/npm/sweetalert2@11.4.8"></script>
<main>
    <section class="profile">
        <div class="container">
            <div class="profile__header">
                <div class="profile__overlay">
                    <img class="profile__intro" src="{{ user_image_url($user->intro_image, 'intro') }}" alt="">
                    <div class="profile__avatar">
                        <img src="{{ user_image_url($user->image, 'avatar') }}">
                    </div>
                    <div class="profile__user">
                        <div class="profile__user-left">
                            <p class="profile__user-name">{{$user->name}}</p>
                            <p class="profile__user-stats">
                                <span class="profile__user-status">ПРО</span>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <ul class="profile__navigation">
                <li class="profile__navigation-item {{ (Route::is('showProfilePage') || request()->routeIs('showProfilePage') || request()->is('profile*')) ? 'profile__navigation-item--active' : '' }}">
                    <a href="{{ route('showProfilePage') }}" class="profile__navigation-link">Главная</a>
                </li>
                <li class="profile__navigation-item {{ (Route::is('showMyProjectPage') || request()->routeIs('showMyProjectPage') || request()->is('myProject*') || request()->is('addProject*')) ? 'profile__navigation-item--active' : '' }}">
                    <a href="{{ route('showMyProjectPage') }}" class="profile__navigation-link">Проекты</a>
                </li>
                <li class="profile__navigation-item {{ (Route::is('showAlbumPage') || Route::is('showGalleryAlbumPage') || request()->routeIs('showAlbumPage') || request()->routeIs('showGalleryAlbumPage') || \Illuminate\Support\Str::startsWith(request()->path(), 'album') || \Illuminate\Support\Str::startsWith(request()->path(), 'gallery/album')) ? 'profile__navigation-item--active' : '' }}">
                    <a href="{{ route('showAlbumPage') }}" class="profile__navigation-link">Альбомы идей</a>
                </li>
                <li class="profile__navigation-item {{ (Route::is('showReviewsPage') || request()->routeIs('showReviewsPage') || request()->is('reviews*')) ? 'profile__navigation-item--active' : '' }}">
                    <a href="{{ route('showReviewsPage') }}" class="profile__navigation-link">Отзывы</a>
                </li>
                <li class="profile__navigation-item {{ (Route::is('showFavoritesPage') || request()->routeIs('showFavoritesPage') || request()->is('favorites*')) ? 'profile__navigation-item--active' : '' }}">
                    <a href="{{ route('showFavoritesPage') }}" class="profile__navigation-link">Избранные</a>
                </li>
                <li class="profile__navigation-item {{ (Route::is('chat.index') || Route::is('chat') || request()->routeIs('chat.index') || request()->routeIs('chat') || \Illuminate\Support\Str::startsWith(request()->path(), 'chat')) ? 'profile__navigation-item--active' : '' }}">
                    <a href="{{ route('chat.index') }}" class="profile__navigation-link">
                        Сообщения
                        @if(auth()->check() && auth()->user()->unreadMessagesCount() > 0)
                            <span class="messages-badge">{{ auth()->user()->unreadMessagesCount() }}</span>
                        @endif
                    </a>
                </li>
            </ul>
        </div>
    </section>
    <section class="setup">
        <div class="container">
            <!-- Tabs -->
            <div class="setup__wrapper">
                <div class="setup__content">
                    <div class="setup__content-item">
                        <p class="setup__content-title">
                            Загрузите фотографии идеи – это один из лучших способов привлечь внимание потенциальных
                            клиентов
                        </p>
                        <p class="setup__content-info">Альбом идеи – это фото ваших идей для реализации. Фотографии являются одним из
                            ключевых путей, по которым потенциальные заказчики могут найти вас на Ремонт.рф.</p>
                        <button class="btn-main setup__content-btn modal__btn2">Создать/Редактировать альбом</button>
                    </div>
                    <div class="setup__content-item">
                        <p class="setup__content-title">
                            Попросите бывших клиентов и коллег оставить отзывы о вашей работе
                        </p>
                        <p class="setup__content-info">Профессионалы с минимум тремя отзывами в 15 раз чаще получают
                            сообщения и запросы на проект.</p>
                        <button class="btn-main setup__content-btn modal__btn3">Запросить отзывы</button>
                    </div>
                </div>
            </div>
        </div>
    </section>
</main>



<!-- Modal -->
<div class="modal__wrapper2" style="display: none">
    <div class="modal">
        <div class="modal__close2"><img src="{{asset('assets/img/close.svg')}}" alt="cancel" width="20" height="20"></div>
        <div class="modal__body">
            <form action="{{route('saveIdeaAlbum')}}" method="POST" class="steps__form" enctype="multipart/form-data" id="albumForm">
                @csrf
                <meta name="csrf-token" content="{{ csrf_token() }}">
                <div class="steps">
                    <div class="form__step">
                        <div class="form__header">
                            <p class="form__title">Создать новый альбом идей</p>
                            <p class="form__subtitle">Альбом идей – это креативные проекты для реализации. Фотографии являются одним из
                                ключевых путей, по которым потенциальные заказчики могут найти вас на Ремонт.рф.</p>

                            @if(session('error'))
                                <div class="alert alert-danger" style="color: red; background: #ffe6e6; padding: 10px; border-radius: 5px; margin: 10px 0;">
                                    {{ session('error') }}
                                </div>
                            @endif

                            @if(session('errorConfirm'))
                                <div class="alert alert-warning" style="color: orange; background: #fff3cd; padding: 10px; border-radius: 5px; margin: 10px 0;">
                                    {{ session('errorConfirm') }}
                                </div>
                            @endif
                        </div>
                        <div class="form__wrapper">
                            <div class="form__main">
                                <div class="form-group controls">
                                    <div class="form-group" style="width: 100%; outline: none;">
                                        <span class="dropdown-label-icon"></span>
                                        <span class="dropdown-icon"></span>
                                        <select class="input-main" id="project-select" name="project" style="padding: 10px;margin-bottom: 20px;">
                                            <option value="-1">Выберите альбом или создайте новый</option>
                                            <option value="NewProject">Создать новый альбом</option>
                                            @foreach($albums as $album)
                                                <option value="{{ $album->id }}">{{ $album->title }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <span class="coError" data-bind="project"></span>
                                </div>

                                <div class="form-group" id="new-project-name" style="display: none;">
                                    <label>Название нового албома
                                    <input class="input-main form-group__input" type="text" placeholder="Имя проекта" name="new_project_name" value="{{ old('new_project_name') }}" required>
                                    </label>
                                </div>
                                <div class="form-group">
                                    <label>Описание</label>
                                    <textarea class="input-main form-group__input" type="text" name="description" placeholder="Описание" required>{{ old('description') }}</textarea>
                                </div>
                                <div class="form-group">
                                    <label class="control-label text-m" for="stylesFld">Категория</label>
                                    <div class="form-horizontal">
                                        <select id="category" name="category" class="input-main" onchange="showSubcategories()" style="padding: 10px;margin-bottom: 20px;" required>
                                            <option value="" disabled selected>Выберите категорию</option>