@extends('portal.layouts.app')
@section('content')

    <div class="main-containerd editProfile">
        <div class="container-fluid">
            <div class="card profileBg">

                <div class="headingSet">
                    <h2 class="heading mb-4">{{$user->name ?? ''}} Profile</h2>
                </div>
                <div>
                    <form class="form-box" action="{{ route('edit.profile.submit',$user->id) }}" method="Post"
                          enctype="multipart/form-data">
                        @csrf
                        <div class="d-flex justify-content-between align-items-center mb-4">
                            <figure>
                                <img id="profileImage"
                                     src="{{ asset('profile-image/'.($user->userDetail->image ?? 'no-profile.avif')) }}"
                                     class="img-fluid" alt="img" width="300">
                                <span>
                                            <i class="fas fa-camera"></i>
                                        </span>
                            </figure>
                            <div>
                                <a href="#" class="themeBtn">Upload Photo <input name="image" type="file"></a>

                            </div>
                        </div>
                        @php
                            $fullName = $user->name;
                            $nameParts = explode(' ', $fullName, 2);

                            $firstName = $nameParts[0];
                            $lastName = isset($nameParts[1]) ? $nameParts[1] : ''; // In case last name is not present

                            // Now you can use $firstName and $lastName as needed
                        @endphp
                        <div class="row">
                            <div class="col-md-3">
                                <label for="">First Name <span class="text-danger">*</span></label>
                                <input type="text" name="first_name" class="form-control" placeholder="SKB"
                                       value="{{$firstName ?? ''}}">
                            </div>
                            <div class="col-md-3">
                                <label for="">Last Name</label>
                                <input type="text" name="last_name" class="form-control" placeholder="Enterprises Llc"
                                       value="{{$lastName ?? ''}}">
                            </div>
                            <div class="col-md-3">
                                <label for="">Email Address<span class="text-danger">*</span></label>
                                <input type="email" name="email" class="form-control"
                                       placeholder="skbtravel@yahoo.com" value="{{$user->email ?? ''}}">
                            </div>
                            <div class="col-md-3">
                                <label for="">Phone<span class="text-danger">*</span></label>
                                <input type="text" name="phone" class="form-control" placeholder="(804) 356-0577"
                                       value="{{$user->userDetail->phone ?? ''}}">
                            </div>
                            <div class="col-md-3">
                                <label for="">Country<span class="text-danger">*</span></label>
                                <input type="text" name="country" class="form-control" placeholder="SKB"
                                       value="{{$user->userDetail->country ?? ''}}">
                            </div>
                            <div class="col-md-9">
                                <label for="">Address <span class="text-danger">*</span></label>
                                <input type="text" name="address" class="form-control" placeholder="----------------"
                                       value="{{$user->userDetail->address ?? ''}}">
                            </div>
                            <div class="col-md-4">
                                <label for="">City <span class="text-danger">*</span></label>
                                <input type="text" name="city" class="form-control" placeholder="Usa"
                                       value="{{$user->userDetail->city ?? ''}}">
                            </div>
                            <div class="col-md-4">
                                <label for="">State <span class="text-danger">*</span></label>
                                <input type="text" name="state" class="form-control" placeholder="State"
                                       value="{{$user->userDetail->state ?? ''}}">
                            </div>
                            <div class="col-md-4">
                                <label for="">Zipcode <span class="text-danger">*</span></label>
                                <input type="text" name="zipcode" class="form-control" placeholder="23236"
                                       value="{{$user->userDetail->zipcode ?? ''}}">
                            </div>

                            <div class="col-12">
                                <button class="themeBtn" type="submit">Save Changes</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>




@endsection