@extends('layouts.app')

@section('content')
    <div class="tabs">
        <div class="type_selector top-buttons" style="margin-bottom: 0;">
            <div class="type_selector__button" data-target="profile">Анкета</div>
            <div class="type_selector__button active" data-target="mytraining">Мой план тренировок</div>
            <div class="type_selector__button" data-target="warmup">Программа разминки</div>
        </div>

        <!-- Кнопки снизу -->
        <div class="type_selector bottom-buttons" style="margin-top: 0;">
            <div class="type_selector__button" data-target="folders">Видео</div>
            <div class="type_selector__button" data-target="favorites">Избранные видео</div>
        </div>

        <!-- Блоки контента -->
        <div class="type_block" data-type="profile">
            @include('profile.form')
        </div>
        <div class="type_block" data-type="mytraining">
            @include('profile.exercises')
        </div>
        <div class="type_block" data-type="warmup">
            @include('profile.warmup')
        </div>
        <div class="type_block" data-type="folders">
            @include('videos.index')
        </div>
        <div class="type_block" data-type="favorites">
            @include('favorites.index')
        </div>

        <div class="type_block dynamic_block" data-type="folder" style="display: none;">
            <a href="#folders" class="back-button">
                <span><i class="fa fa-arrow-left-long"></i></span>
                К списку папок
            </a>
            <div class="loader"></div>
        </div>
    </div>

    <!-- Модальное окно -->
    <div id="videoModal" class="video-modal">
        <div class="video-modal-content">
            <span id="closeModal" class="close-modal"><i class="fa fa-close"></i></span>
            <video id="modalVideo" width="100%" controls autoplay preload="auto" controlsList="nodownload" oncontextmenu="return false;">
                <source id="modalVideoSource" src="" type="video/mp4">
            </video>
        </div>
    </div>

    <!-- Модальное окно -->
    <div class="modal-info" id="testModalInfo">
        <div class="modal-info-content">
            <div class="modal-info-wrapper">
                <div class="modal-info-close modal-info-btn" title="Закрыть"></div>
                <div class="modal-info-head" id="modalInfoHead"></div>
                <div class="modal-info-text" id="modalInfoText"></div>
            </div>
        </div>
    </div>
@endsection