@extends('layouts.v2.frontend-user-backend')
@section('title', '| Profile')
@section('content')
<style>
    @media (max-width: 768px) {
        .multiple-form {
            height: 980px;
        }
    }
</style>
<div class="righ-multiple-area">
    <div class="multiple-form review-detailss payment-screen-section delivery-details">
        <h4>Profile</h4>
        <p>
            {{-- This information will be displayed publicly to consultants on your brand page. --}}
        </p>

        @if(isset($profile_show_data_error) || $profile_show_data_error = Session::get('profile_show_data_error'))
        <div class="alert alert-danger">
            {{ $profile_show_data_error }}
        </div>
        @endif
    
        @if(session('success'))
            <div class="alert alert-success">
                {{ session('success') }}
            </div>
        @endif
        @if(session('error'))
            <div class="alert alert-danger">
                {{ session('error') }}
            </div>
        @endif

        <div class="form mt-4">
            <div class="row">
                <div class="col-12">
                    @if(!isset($profile_show_data_error))
                        <div class="payment-form">
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label>Full Name</label>
                                        <input type="text" value="{{ $user->name }}" disabled>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label>Date of  Birth</label>
                                        <input type="text" value="{{ $user->date_of_birth }}" disabled>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label>Email Address</label>
                                        <input type="text" value="{{ $user->email }}" disabled>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label>Phone Number</label>
                                        <input type="text" value="+{{ $user->phone }}" disabled>
                                    </div>
                                </div>
                                <div class="col-lg-12">
                                    <div class="form-group">
                                        <label>Address Line 1</label>
                                        <input type="text" value="{{ $user->street ?? '-' }}" disabled>
                                    </div>
                                </div>
                                <div class="col-lg-12">
                                    <div class="form-group">
                                        <label>Address Line 2</label>
                                        <input type="text" value="{{ $user->street_2 ?? '-' }}" disabled>
                                    </div>
                                </div>

                                <div class="col-lg-4">
                                    <div class="form-group">
                                        <label>City</label>
                                        <input type="text" value="{{ $user->city ?? '-' }}" disabled>
                                    </div>
                                </div>
                                <div class="col-lg-4">
                                    <div class="form-group">
                                        <label>State</label>
                                        <input type="text" value="{{ $user->state  ?? '-' }}" disabled>
                                    </div>
                                </div>
                                <div class="col-lg-4">
                                    <div class="form-group">
                                        <label>ZIP</label>
                                        <input type="text" value="{{ $user->zip ?? '-' }}" disabled>
                                    </div>
                                </div>
                                <div class="col-lg-12">
                                    <div class="form-group">
                                        <label>Country</label>
                                        <input type="text" value="{{ $user->country ?? '-' }}" disabled>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div id="buttonsection" class="submit-button-multiple">
                            <button onclick="window.location.href='{{ route('userhomePage')}}'">Back to Dashboard</button>
                            <button class="submit-btn" onclick="window.location.href='{{ route('profile-update') }}'">Edit Profile</button>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>


<div class="profile-view d-none">
    <div class="profile-pic">
        @if(isset(auth()->user()->profile_pic))
            <img src="{{ url('images/'.auth()->user()->profile_pic) }}"/>
        @else
            <img src="{{ url('frontend/images/person-dark.png') }}"/>
        @endif
    </div>
    <div class="profile-pic-text d-flex justify-content-end align-items-center">
        <div class="profile-name">{{ $user->name }}</div>
    </div>
</div>

@endsection