@extends('layouts.admin')

@section('title','User profile')

@section('content')
<div class="card container">
    <div class="card-body">
        <form class="needs-validation custom-validation" action="{{route('admin.users.update', auth()->user()->id )}}" novalidate autocomplete="off" method="POST" enctype="multipart/form-data">
            @csrf
            @method('PUT')
            <input type="hidden" name="update">
            <div class="row">
                <div class="col-12 mb-4">
                    <div class="form-group row mb-0 mb-md-3">
                        <label for="feature_image" class="col-md-2 col-form-label">Profile<sup class="text-danger">*</sup></label>
                        <div class="col-md-10 text-center">
                            <label class="hover-avatar">
                                <img src="{{ auth()->user()->feature_image != null?asset(auth()->user()->feature_image):asset('backend/images/avatar.jpg') }}" alt="feature_image" class="img-thumbnail rounded-circle avatar-xl img-clickable feature-img feature-image @error('feature_image') border-danger @enderror" data-holder-rendered="true">
                            </label>
                            <input type="file" id="feature_image" name="feature_image" class="custom-file-input d-none feature-image"/>

                            @error('feature_image')    
                            <ul class="parsley-errors-list filled" id="parsley-id-5" aria-hidden="false">
                                <li class="parsley-required text-center">{{$message}}</li>
                            </ul>
                            @enderror
                        </div>
                    </div>

                    <div class="form-group row mb-0 mb-md-1">
                        <label for="name" class="col-md-2 col-form-label">Name<sup class="text-danger">*</sup></label>
                        <div class="col-md-10">
                            <input class="form-control" type="text" value="{{auth()->user()->name}}" id="name" required>
                        </div>
                    </div>
                    
                    <div class="form-group row mb-0 mb-md-1">
                        <label for="gender" class="col-md-2 col-form-label">Gender<sup class="text-danger">*</sup></label>
                        <div class="col-md-10">
                            <select name="gender" id="gender" class="form-control" required>
                                <option value="Male" {{auth()->user()->gender == 'M'?'selected':''}}>Male</option>
                                <option value="Female" {{auth()->user()->gender == 'F'?'selected':''}}>Female</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group row mb-0 mb-md-1">
                        <label for="email" class="col-md-2 col-form-label">Email<sup class="text-danger">*</sup></label>
                        <div class="col-md-10">
                            <input class="form-control" type="email" value="{{ auth()->user()->email }}" id="email" required>
                        </div>
                    </div>
                    <div class="form-group row mb-0 mb-md-1">
                        <label for="phone" class="col-md-2 col-form-label">Phone</label>
                        <div class="col-md-10">
                            <input class="form-control" type="text" value="{{auth()->user()->phone }}" id="phone">
                        </div>
                    </div>
                    <div class="form-group row mb-0 mb-md-1">
                        <label for="desc" class="col-md-2 col-form-label">Description</label>
                        <div class="col-md-10">
                            <textarea name="desc" class="form-control" id="desc" rows="5" placeholder="Enter description...">{{auth()->user()->desc}}</textarea>
                        </div>
                    </div>
                    <div class="form-group row mb-0 mb-md-1">
                        <label for="password" class="col-md-2 col-form-label">New Password</label>
                        <div class="col-md-10">
                            <input type="password" id="password" name="password" class="form-control" placeholder="Enter new password" />
                        </div>
                    </div>
                </div>
            </div>
            <button class="btn btn-sm btn-success btn-rounded" type="submit"><i class="bx bx-check-shield mr-2"></i> Update</button>
            <a href="{{route('admin.home')}}" class="btn btn-sm btn-warning btn-rounded float-left mr-2" ><i class="bx bx-left-arrow-alt mr-2"></i> Dashboard</a>
        </form>
    </div>
</div>
@endsection