@extends('admin.layouts.master')
@section('title', 'User Profile')

@section('content')

<div class="container-fluid">

    <div class="row mt-5">
        <div class="col-xxl-3">
            <div class="card mt-n5">
                <div class="card-body p-4">
                    <div class="text-center">
                        <div class="profile-user position-relative d-inline-block mx-auto  mb-4">
                            <img src="{{asset(auth()->user()->image)}}" class="rounded-circle avatar-xl img-thumbnail user-profile-image" alt="user-profile-image">
                        </div>
                        <h5 class="fs-16 mb-1">{{auth()->user()->first_name }} {{auth()->user()->last_name}}</h5>
                        <p class="text-muted mb-0">{{auth()->user()->email }} | {{auth()->user()->role->name }}</p>
                    </div>
                </div>
            </div>
            <!--end card-->
        </div>
        <!--end col-->
        <div class="col-xxl-9">
            <div class="card mt-xxl-n5">
                <div class="card-header">
                    <ul class="nav nav-tabs-custom rounded card-header-tabs border-bottom-0" role="tablist">
                        <li class="nav-item" role="presentation">
                            <a class="nav-link active" data-bs-toggle="tab" href="#personalDetails" role="tab" aria-selected="true">
                                <i class="fas fa-home"></i> Personal Details
                            </a>
                        </li>
                        <li class="nav-item" role="presentation">
                            <a class="nav-link" data-bs-toggle="tab" href="#changePassword" role="tab" aria-selected="false" tabindex="-1">
                                <i class="far fa-user"></i> Change Password
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="card-body p-4">
                    <div class="tab-content">
                        <div class="tab-pane active show" id="personalDetails" role="tabpanel">
                            <form action="{{route('admin.user.profile.update')}}" method="POST" enctype="multipart/form-data">
                                @csrf
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="mb-3">
                                            <label for="first_name" class="form-label">First Name</label>
                                            <input type="text" class="form-control" id="first_name" name="first_name" placeholder="Enter your first name" value="{{auth()->user()->first_name }}">
                                            @if ($errors->has('first_name'))
                                                <p class="text-danger"> {{ $errors->first('first_name') }} </p>
                                            @endif
                                        </div>
                                    </div>
                                    <!--end col-->
                                    <div class="col-lg-6">
                                        <div class="mb-3">
                                            <label for="last_name" class="form-label">Last Name</label>
                                            <input type="text" class="form-control" id="last_name" name="last_name" placeholder="Enter your Last Name" value="{{auth()->user()->last_name }}">
                                            @if ($errors->has('last_name'))
                                                <p class="text-danger"> {{ $errors->first('last_name') }} </p>
                                            @endif
                                        </div>
                                    </div>
                                    <!--end col-->
                                    <div class="col-lg-6">
                                        <div class="mb-3">
                                            <label for="phone" class="form-label">Phone Number</label>
                                            <input type="text" class="form-control" id="phone" placeholder="Enter your phone number" name="phone" value="{{auth()->user()->phone }}">
                                            @if ($errors->has('phone'))
                                                <p class="text-danger"> {{ $errors->first('phone') }} </p>
                                            @endif
                                        </div>
                                    </div>
                                    <!--end col-->
                                                                       
                                    <div class="col-lg-6">
                                        <div class="mb-3">
                                            <label for="whatsapp_no" class="form-label">Whats App no</label>
                                            <input type="text" class="form-control" id="whatsapp_no" name="whatsapp_no" placeholder="Enter your Whatsapp No" value="{{auth()->user()->whatsapp_no }}">
                                            @if ($errors->has('whatsapp_no'))
                                                <p class="text-danger"> {{ $errors->first('whatsapp_no') }} </p>
                                            @endif
                                        </div>
                                    </div>
                                    <!--end col-->

                                    <div class="col-lg-6">
                                        <div class="mb-3">
                                            <label for="email" class="form-label">Email Address</label>
                                            <input type="email" class="form-control" id="email" readonly disabled  name="email" placeholder="Enter your email" value="{{auth()->user()->email }}">
                                            @if ($errors->has('email'))
                                                <p class="text-danger"> {{ $errors->first('email') }} </p>
                                            @endif
                                        </div>
                                    </div>
                                    <!--end col-->

                                    <div class="col-lg-6">
                                        <div class="mb-3">
                                            <label for="image" class="form-label">Upload Image</label>
                                            <input type="file" class="form-control" id="image" name="image" >
                                            @if ($errors->has('image'))
                                                <p class="text-danger"> {{ $errors->first('image') }} </p>
                                            @endif
                                        </div>
                                    </div>
                                    
                                    <!--end col-->
                                    <div class="col-lg-12">
                                        <div class="mb-3 pb-2">
                                            <label for="address" class="form-label">Address</label>
                                            <textarea class="form-control" id="address" name="address" placeholder="Enter your Address" rows="3">{{auth()->user()->address }}</textarea>
                                            @if ($errors->has('address'))
                                                <p class="text-danger"> {{ $errors->first('address') }} </p>
                                            @endif
                                        </div>
                                    </div>
                                    <!--end col-->
                                    <div class="col-lg-12">
                                        <div class="hstack gap-2 justify-content-end">
                                            <button type="submit" class="btn btn-primary">Update Profile</button>
                                        </div>
                                    </div>
                                    <!--end col-->
                                </div>
                                <!--end row-->
                            </form>
                        </div>
                        <!--end tab-pane-->
                        <div class="tab-pane" id="changePassword" role="tabpanel">
                            <form action="{{route('admin.user.password.update')}}" method="POST">
                                @csrf
                                <div class="row g-2">
                                    <div class="col-lg-4">
                                        <div class="mb-3">
                                            <label for="old_password" class="form-label">Old Password <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" id="old_password" name="old_password" value="{{old('old_password')}}" placeholder="Enter Old Password Here" >
                                            @if ($errors->has('old_password'))
                                                <p class="text-danger"> {{ $errors->first('old_password') }} </p>
                                            @endif
                                        </div>
                                    </div>
                                    <!--end col-->
                                    <div class="col-lg-4">
                                        <div class="mb-3">
                                            <label for="password" class="form-label">New Password <span class="text-danger">*</span></label>
                                            <input type="password" class="form-control" id="password" name="password" value="{{old('password')}}" placeholder="Enter New Password Here" >
                                            @if ($errors->has('password'))
                                                <p class="text-danger"> {{ $errors->first('password') }} </p>
                                            @endif
                                        </div>
                                    </div>
                                    <!--end col-->
                                    <div class="col-lg-4">
                                        <div class="mb-3">
                                            <label for="password_confirmation" class="form-label">Confirm Password <span class="text-danger">*</span></label>
                                            <input type="password" class="form-control" id="password_confirmation" name="password_confirmation" value="{{old('password_confirmation')}}" placeholder="Enter Confirm Password Here" >
                                            @if ($errors->has('password_confirmation'))
                                                <p class="text-danger"> {{ $errors->first('password_confirmation') }} </p>
                                            @endif
                                        </div>
                                    </div>
                                    <!--end col-->
                                   
                                    <!--end col-->
                                    <div class="col-lg-12">
                                        <div class="text-end">
                                            <button type="submit" class="btn btn-success">Change Password</button>
                                        </div>
                                    </div>
                                    <!--end col-->
                                </div>
                                <!--end row-->
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--end col-->
    </div>
    <!--end row-->

</div>
@endsection