@extends('layouts.user_type.guest')
@section('header_title', __('تنظیمات حساب'))
@section('content')

    <main class="main">

        <div class="site-breadcrumb" style="background: url(images/01-bg-ganr.jpeg)">
            <div class="container">
                <h2 class="breadcrumb-title">{{ __('حساب کاربری من') }}</h2>
                <ul class="breadcrumb-menu" dir="rtl">
                    <li><a href="{{localized_route('home')}}">{{ __('خانه') }}</a></li>
                    <li class="active">{{ __('حساب کاربری من') }}</li>
                </ul>
            </div>
        </div>


        <div class="profile-area py-100" dir="rtl">
            <div class="container">
                <div class="profile-intro">
                    <div class="row">
                        <div class="col-lg-4 col-xl-4">
                            <div class="intro-left">
                                <div class="intro-img">
                                    <img src="images/profile.jpeg" alt="">
                                </div>
                                <div class="intro-content">
                                    <h4>{{ __('یلدا نوبخت') }}</h4>
                                    <p>{{ __('شماره اکانت: ۱۲۳۴۵۶') }}</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-8 col-xl-8">
                            <div class="intro-right">
                                <div class="intro-item">
                                    <div class="intro-content">
                                        <h4 class="intro-amount">{{ __('۷۹۰,۰۰۰') }}<span>{{ __('/ماهانه') }}</span></h4>
                                        <p>{{ __('اکانت پرمیوم') }}</p>
                                    </div>
                                    <div class="intro-icon">
                                        <i class="icon-subscription"></i>
                                    </div>
                                </div>
                                <div class="intro-item">
                                    <div class="intro-content">
                                        <h4>{{ __('۲۰') }}</h4>
                                        <p>{{ __('علاقه مندی ها') }}</p>
                                    </div>
                                    <div class="intro-icon">
                                        <i class="icon-computer-play-1"></i>
                                    </div>
                                </div>
                                <div class="intro-item">
                                    <div class="intro-content">
                                        <h4>{{ __('۴۳۰,۰۰۰') }}</h4>
                                        <p>{{ __('موجودی حساب') }}</p>
                                    </div>
                                    <div class="intro-icon">
                                        <i class="icon-money-bag"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>


                    <div class="profile-menu">
                        <ul class="nav nav-underline" id="pills-profile-tab">
                            <li class="nav-item" role="presentation">
                                <a class="nav-link " href="{{localized_route('user.dashboard')}}" id="pills-profile-tab1"
                                   data-bs-target="#pills-profile1" type="button" role="tab"
                                   aria-controls="pills-profile1" aria-selected="true">{{ __('اکانت من') }}</a>
                            </li>
                            <li class="nav-item" role="presentation">
                                <a class="nav-link" href="{{localized_route('user.wish')}}" id="pills-profile-tab2"
                                   data-bs-target="#pills-profile2" type="button" role="tab"
                                   aria-controls="pills-profile2" aria-selected="false">{{ __('علاقه مندی') }}</a>
                            </li>
                            <li class="nav-item" role="presentation">
                                <a class="nav-link active" href="{{localized_route('user.profile')}}" id="pills-profile-tab4"
                                   data-bs-target="#pills-profile4" type="button" role="tab"
                                   aria-controls="pills-profile4" aria-selected="false">{{ __('تنظیمات') }}</a>
                            </li>
                            <li class="nav-item" role="presentation">
                                <a class="nav-link" href="{{localized_route('user.wallet')}}" id="pills-profile-tab5"
                                   data-bs-target="#pills-profile5" type="button" role="tab"
                                   aria-controls="pills-profile5" aria-selected="false">{{ __('کیف پول') }}</a>
                            </li>
                            <li class="nav-item ms-auto" role="presentation"  style="margin-right: auto;">
                                <a class="nav-link" href="{{localized_route('logout')}}" type="button"><i class="far fa-sign-out"></i>{{ __('خروج') }}</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="profile-menu-content">
                    <div class="tab-content" id="profile-pills-tabContent">

                        <div class="tab-pane fade show active" id="pills-profile4" role="tabpanel"
                             aria-labelledby="pills-profile-tab4" tabindex="0">
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="profile-menu-info">
                                        <h4 class="title">{{ __('اطلاعات اکانت') }}</h4>
                                        <div class="profile-form">
                                            <form action="#">
                                                <div class="profile-img">
                                                    <img src="images/profile.jpeg" alt="">
                                                    <button class="profile-file-btn" type="button"><i
                                                            class="far fa-camera"></i></button>
                                                    <input type="file" class="profile-file-input">
                                                </div>
                                                <div class="row">
                                                    <div class="col-md-6">
                                                        <div class="form-group">
                                                            <label>{{ __('نام') }}</label>
                                                            <input type="text" class="form-control" value="{{ __('یلدا') }}"
                                                                   placeholder="{{ __('اسم') }}">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <div class="form-group">
                                                            <label>{{ __('نام خانوادگی') }}</label>
                                                            <input type="text" class="form-control" value="{{ __('نوبخت') }}"
                                                                   placeholder="{{ __('فامیل') }}">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <div class="form-group">
                                                            <label>{{ __('ایمیل') }}</label>
                                                            <input type="email" class="form-control"
                                                                   value="morin@example.com" placeholder="{{ __('ایمیل شما') }}">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <div class="form-group">
                                                            <label>{{ __('شماره تماس') }}</label>
                                                            <input type="text" class="form-control" style="text-align: right;"
                                                                   value="{{ __('+۹۸ ۹۳۵ ۷۶۰ ****') }}" placeholder="{{ __('شماره همراه') }}">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-12">
                                                        <div class="form-group">
                                                            <label>{{ __('درباره من') }}</label>
                                                            <textarea cols="30" rows="4" class="form-control"
                                                                      placeholder="{{ __('در مورد شما') }}">{{ __('این یک واقعیت ثابت شده است که خواننده هنگام تماشای طرح بندی آن، با محتوای قابل خواندن یک صفحه، حواسش پرت می شود.') }}</textarea>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-12">
                                                        <button class="theme-btn" type="submit"><span
                                                                class="far fa-save"></span> {{ __('ذخیره تغییرات') }}</button>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="profile-menu-info">
                                        <h4 class="title">{{ __('تغییر پسورد') }}</h4>
                                        <div class="profile-form">
                                            <form action="#">
                                                <div class="row">
                                                    <div class="col-md-12">
                                                        <div class="form-group">
                                                            <label>{{ __('پسورد فعلی') }}</label>
                                                            <input type="password" class="form-control"
                                                                   placeholder="{{ __('پسورد فعلی') }}">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-12">
                                                        <div class="form-group">
                                                            <label>{{ __('پسورد جدید') }}</label>
                                                            <input type="password" class="form-control"
                                                                   placeholder="{{ __('پسورد جدید') }}">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-12">
                                                        <div class="form-group">
                                                            <label>{{ __('تایید پسورد') }}</label>
                                                            <input type="password" class="form-control"
                                                                   placeholder="{{ __('تایید پسورد') }}">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-12">
                                                        <button class="theme-btn" type="submit"><span
                                                                class="far fa-key"></span> {{ __('دخیره تغییرات') }}</button>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </main>


@endsection