<!-- resources/views/tasks.blade.php -->
@extends('layouts.app')
@section('subtitle',"Комната")

@section('head_css')
	<link href="/assets/css/cabinet.css" rel="stylesheet" type="text/css" />
	<script src="/assets/js/verto_libs/jquery-2.1.1.min.js" type="text/javascript"></script>	
@endsection






@section('content')
	
 <input type="file" id="avatar" name='picture'/>
 <input type="file" id="logo" name='picture'/>
 
 <input type="hidden" id="uid" value=<?=$uid?>/>



		<a href="/logout" class="logout"><i class='fa fa-sign-out-alt'></i></a>
		<a href="#" id="settings"><i class='fa fa-bars'></i></a>

        <div class="personal-card">
            <h3 class="personal-card__heading">Личный кабинет</h3>
            <div class="personal-card__content">

                <div class="container-for-avatar">
                <h4 class="avatar-heading">Аватар</h4>
                    <img class="img-avatar" src="/files/<?=$avatar_id?>" alt="avatar">
                    <button class="change-avatar-btn">Поменять фото &nbsp; <i class="fa fa-photo"></i></button>
                </div>


                <div class="container-for-count">                   
                    <h4 class="count-heading">Счет</h4>
                    <span class="count-value" title="Пополнить">125000 UZS &nbsp;<i class="fa fa-plus"></i></span>
                </div>

                <div class="container-for-password">                   
                    <h4 class="pass-heading">Пароль</h4>
                    <input type="password" class="inp_pass" id="new_pass" placeholder="Введите новый пароль..."/>
                    <input type="password" class="inp_pass" id="confirm_new_pass" placeholder="Подтвердите пароль..."/>
                    <span class="status_pass">Пароли не совпадают</span>
                </div>

                <div class="container-for-brand">
                <h4 class="brand-heading">Логотип</h4>
                    <img class="img-brand" title="Логотип по умолчанию" src="/files/<?=$logo_id?>" alt="avatar">
                    <button class="change-brand-btn">Свое лого &nbsp; <i class="fa fa-photo"></i></button>
                </div>
            </div>


        </div>


		
	
		
		
		
	

@endsection





@section('footer_js')
	<script src="/assets/js/burger_menu/burger_menu.js"> </script>
	<script src="/assets/js/fileupload.js"> </script>
	<script src="/assets/js/cabinet.js"> </script>
	
	
	

@endsection