@extends('user.layouts.app')

@section('content')
@section('title', 'Edit Profile')
<!-- Profile page start  -->
<section class="edit-user">
          <h2 class="mt-4 ps-3">Edit Clinet User</h2>
          <div class="profile-section m-4">
            <div class="edit-user_wrapper">
              <h4>Edit User</h4>
            </div>
            <div class="edit-user-input">
              <div class="row">
                 @if(Session::has('message'))
                  <p class="alert {{ Session::get('alert-class', 'alert-success') }}">{{ Session::get('message') }}</p>
                  @endif
                <div class="col-12 col-lg-6">
                  <form action="{{ route('user.update-profile') }}" method="POST">
                    @csrf
                    <div class="mb-4 edit-user_form-input">
                      <label for="fname" class="form-label">
                        Name
                        <span class="form_required">*</span></label
                      >

                      <input
                        type="text" name="name" value="{{ __(Auth::user()->name) }}"
                        id="fname"
                        class="form-control"
                        aria-describedby="fnameVal"
                        required
                      />
                      @error('name')
                      <div id="fnameVal" class="form-text">
                        {{ $message }}
                      </div>
                      @enderror
                    </div>
                    <!-- <div class="mb-4 edit-user_form-input">
                      <label for="emailEdit" class="form-label"
                        >Email <span class="form_required">*</span></label
                      >
                      <input
                        type="email"
                        id="emailEdit"
                        class="form-control"
                        aria-describedby="emailVal"
                        required
                      />
                      <div id="emailVal" class="form-text">email format</div>
                    </div> -->
                    <div class="mb-4 edit-user_form-input">
                      <label for="phoneEdit" class="form-label"
                        >Mobile <span class="form_required">*</span></label
                      >
                      <input
                        type="text" name="mobile" value="{{ __(Auth::user()->mobile) }}"
                        id="phoneEdit"
                        class="form-control"
                        aria-describedby="phoneVal"
                        required
                      />
                      @error('mobile')
                      <div id="phoneVal" class="form-text">{{ $message }}</div>
                      @enderror
                    </div>
                    <!-- <div class="mb-4 edit-user_form-input">
                      <label for="userEdit" class="form-label"
                        >Username <span class="form_required">*</span></label
                      >
                      <input
                        type="text"
                        id="userEdit"
                        class="form-control"
                        aria-describedby="userVal"
                        required
                      />
                      <div id="userVal" class="form-text">
                        characters numbers and symbols
                      </div>
                    </div> -->
                    <!-- <div class="mb-4 edit-user_form-input">
                      <label for="passwordEdit" class="form-label"
                        >Password
                        <span class="form_required form_note"
                          >(If you leave it blank, we will generate random
                          password.)</span
                        ></label
                      >
                      <input
                        type="password"
                        id="passwordEdit"
                        class="form-control"
                        aria-describedby="passVal"
                        required
                      />
                      <div id="passVal" class="form-text">
                        Password should be at least 8 characters
                      </div>
                    </div> -->

                    <button
                      type="submit"
                      class="btn btn-primary btn-lg mt-3 me-sm-3"
                    >
                      Submit
                    </button>
                  </form>
                </div>
              </div>
            </div>
          </div>
        </section>
        <!-- Profile page end -->
@endsection