alevel_project/resources/views/userprofile/index.blade.php

@extends('layouts.app')

@section('content')
    <style>
        body {
            /*background-image: url("public/img/fone.jpg");*/
            background-color: deepskyblue;
            background: linear-gradient(-85deg, deepskyblue, cadetblue);
        }
    </style>
    <div class="row">
        <div id="user-panel" class="col-md-3">

            <div class="widget" style="background:#DEB887">
                <h3>Страница пользователя</h3>
                <ul>
                    <li><a href="{{ route('user.profile') }}">Заполнить профиль</a></li>
                    <li><a href="{{ route('user.item.create') }}">Добавить предмет</a></li>
                    <li><a href="{{ route('user.items') }}">Мои предметы</a></li>
                    <li><a href="">Мои обмены</a></li>
                    <li><a href="">Архив</a></li>
                </ul>
            </div>

            <style>
                * {
                    box-sizing: border-box;
                    margin: 0;
                }

                .widget {
                    padding: 20px;
                    border: 5px solid #f1f1f1;
                    background: #fff;
                    border-radius: 5px;
                    font-family: 'Roboto', sans-serif;
                }

                .widget h3 {
                    margin-bottom: 20px;
                    text-align: center;
                    font-size: 24px;
                    font-weight: normal;
                    color: #424949;
                }

                .widget ul {
                    margin: 0;
                    padding: 0;
                    list-style: none;
                    width: 250px;
                }

                .widget li {
                    border-bottom: 1px solid #eaeaea;
                    padding-bottom: 20px;
                    margin-bottom: 20px;
                }

                .widget li:last-child {
                    border-bottom: none;
                    margin-bottom: 0;
                    padding-bottom: 0;
                }

                .widget a {
                    text-decoration: none;
                    color: #616a6b;
                    display: inline-block;
                }

                .widget li:before {
                    font-family: FontAwesome;
                    font-size: 20px;
                    vertical-align: bottom;
                    color: #dd3333;
                    margin-right: 14px;
                }

                .widget li:nth-child(1):before {
                    content: "\f1ae";
                }

                .widget li:nth-child(2):before {
                    content: "\f02d";
                }

                .widget li:nth-child(3):before {
                    content: "\f030";
                }

                .widget li:nth-child(4):before {
                    content: "\f155";
                }

                .widget li:nth-child(5):before {
                    content: "\f19c";
                }
            </style>
        </div>

        <div class="col-md-8">
            <div class="container">
                @if(isset($contentContainer))
                    @php echo $contentContainer @endphp
                @endif
                @if (isset($itemsList))
                    {{--{!! dump($itemsList) !!}--}}

                    {{--                @php echo view('userprofile.templates',['itemsList'=>$itemsList]) @endphp--}}
                    @foreach($itemsList as $item)
                        @include('templates.item_small_view',['item'=>$item])
                    @endforeach
                @endif

                @if (isset($newItem))
                    @php echo view('itemregister.item', [
                                    'categories' => $categories,
                            'subcategories' => $subcategories,
                            ]);
                    @endphp
                @endif


                {{--<img  src="public/img/fone.jpg" alt="Фон" width="100%">--}}
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    @parent
    <script>

    </script>
@endsection