@extends('frontend.layout.updated.master')
@section('content')
    <div class="auth-wrapper">
        <div class="page-title">
            <div class="container">
                <h1>Edit Profile</h1>
            </div>
        </div>
        <section class="auth-section">
            <div class="container">
                <div class="auth-inner">
                    <div class="auth-image">
                        <div class="logo-wrapper">
                            <a class="site-logo" href="#" title="Niveshaay">
                                <img src="{{asset('images/logo.png')}}" alt="Site Logo" />
                            </a>
                        </div>
                        <div class="bottom-logo">
                            <img src="{{ asset('images/auth-logo.png') }}" alt="auth-logo" />
                        </div>
                    </div>
                    <div class="auth-form-wrapper">
                        <div class="form-wrapper">
                            <div class="form-inner-wrapper">
                                <div class="img-wrap">
                                    <img src="{{ !empty($user->profile_photo) ? asset('images/profile-photos/'.$user->profile_photo) : asset('images/blankuser.jpeg') }}" alt="profile">
                                </div>
                                <form class="" method="POST" action="{{ route('frontend.editprofile') }}" enctype="multipart/form-data">
                                    @csrf
                                    <div class="form-outer-wrapper">
                                        <div class="form-group col-6">
                                            <label for="name">Name</label>
                                            <div class="form-control-outer">
                                                <input id="name" name="name" type="text" class="form-control" placeholder="Enter name" value="{{$user->name}}">
                                                <span class="error" id="profile-modal-name-error"></span>
                                                @error('name')
                                                    <span class="error">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="form-group col-6">
                                            <label for="email">Email</label>
                                            <div class="form-control-outer">
                                                <input id="email" name="email" type="email" class="form-control" placeholder="Enter your email" value="{{ $user->email}}" readonly="" style="background-color: #f6f6f6;">
                                                <span class="error" id="profile-modal-email-error"></span>
                                            </div>
                                        </div>
                                        <div class="form-group col-6">
                                            <label for="phone">Phone</label>
                                            <div class="form-control-outer">
                                                <input id="phone" name="phone_no" type="text" class="form-control" placeholder="Enter phone number" value="{{ $user->phone_no }}">
                                                <span class="error" id="profile-modal-phone-error"></span>
                                                @error('phone_no')
                                                    <span class="error">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="form-group col-6">
                                            <label for="phone">Profile Photo</label>
                                            <div class="form-control-outer">
                                                <input type="file" class="form-control" name="profile_photo">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-btn-wrapper">
                                        <button class="primary-btn" title="Save">Save</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
@endsection