@extends('user.layouts.master')
@section('profile-active', 'active')
@section('content')
    <style>
        .navbar {
            background-color: black !important
        }

        .side-dashboard {
            min-height: 82vh !important;
        }

        .dashboard-avatar-thumb img {
          
            object-fit: cover;
            width: 100%;
            height: 100%;
        }


        }

        .dashboard-avatar-thumb {
            width: 100% !important;
            height: 110px;
            border-radius: 50%;
            display: table;
            margin: 0 auto 10px;
            border: none !important;
        }

    </style>
    <section class="dashboard-wrap">
        <div class="container-fluid">
            <div class="row">

                <!-- Sidebar Wrap -->
                @include('user.layouts.afterlogin_sidebar')

                <!-- Content Wrap -->
                <div class="col-lg-9 col-md-8">
                    <div class="dashboard-body">
                        <div class="dashboard-caption">

                            <div class="dashboard-caption-header">
                                <h4><i class="ti-id-badge"></i>My Profile</h4>
                            </div>
                            @if (session('success'))
                                <div class="alert alert-success">{{ session('success') }}</div>
                            @endif

                            <div class="dashboard-caption-wrap">

                                <!-- row -->
                                @php
                                    $user = Auth::guard('user')->user();
                                @endphp
                                <form action="{{ route('profile.update') }}" method="post" enctype="multipart/form-data">
                                    @csrf
                                    <div class="row mrg-top-20">
                                        <div class="col-lg-6 col-md-6 col-sm-12">
                                            <div class="form-group">
                                                <label>First Name</label>
                                                <input type="text" class="form-control" name="first_name"
                                                    placeholder="Enter Name" value="{{ $user->first_name }}">
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-sm-12">
                                            <div class="form-group">
                                                <label>Last Name</label>
                                                <input type="text" class="form-control" name="last_name"
                                                    placeholder="Enter Name" value="{{ $user->last_name }}">
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-sm-12">
                                            <div class="form-group">
                                                <label>Email</label>
                                                <input type="email" class="form-control" name="email"
                                                    placeholder="designing@themezhub.com" value="{{ $user->email }}">
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-sm-12">
                                            <div class="form-group">
                                                <label>Image</label>
                                                <input type="file" class="form-control" name="image"
                                                    placeholder="91 256 254 4578" value="">
                                            </div>
                                        </div>
                                    </div>
                                    <button type="submit" class="btn-savepreview">Update Changes</button>
                                </form>
                            </div>

                        </div>
                    </div>
                </div>

            </div>
        </div>
    </section>
@endsection