@extends('member.dashboard')

@section('member-content')


      <div class="card">
        <div class="card-header d-flex align-items-center justify-content-between">
          <h4 class="mb-0">{{ __('member.profile') }}</h4>
        </div>
        <div class="card-body">

            <!-- <h2 class="mb-3">{{ __('member.profile') }}</h2> -->

            @if (session('status') === 'profile-information-updated')
            <div class="alert alert-success text-center text-success mt-3" role="alert">
                {{ __('member.profile_updated') }}
            </div>
            @endif

            <form method="POST" action="{{ route('user-profile-information.update') }}" class="" id="profile-form">
                @csrf
                @method('PUT')
                <div class="mb-3 row">
                    <div class="col-md-6">
                        <label for="firstname" class="form-label">{{ __('member.firstname') }}</label>
                        <input id="firstname" type="name" class="form-control form-control-lg @error('firstname') is-invalid @enderror" name="firstname" value="{{ old('firstname', auth()->user()->firstname) }}" required autocomplete="name" autofocus>
                        @error('firstname')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                    <div class="col-md-6">
                        <label for="lastname" class="form-label">{{ __('member.lastname') }}</label>
                        <input id="lastname" type="name" class="form-control form-control-lg @error('lastname') is-invalid @enderror" name="lastname" value="{{ old('lastname', auth()->user()->lastname) }}" required autocomplete="name" autofocus>

                        @error('lastname')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>

                </div>

                <div class="mb-3 row">
                    <div class="col-md-6">
                        <label for="email" class="form-label">{{ __('member.email') }}</label>
                        <input id="email" type="email" class="form-control form-control-lg @error('email') is-invalid @enderror" name="email" value="{{ old('email', auth()->user()->email) }}" required autocomplete="email" autofocus>

                        @error('email')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                    <div class="col-md-6">
                        <label for="phonenumber" class="form-label">{{ __('member.phonenumber') }}</label>
                        <input id="phonenumber" type="tel" class="form-control form-control-lg @error('phonenumber') is-invalid @enderror" name="phonenumber" value="{{ old('phonenumber', auth()->user()->phonenumber) }}" required autocomplete="phonenumber" autofocus>

                        @error('phonenumber')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                </div>

                <div class="mb-5 row">
                    <div class="col-md-6">
                        <label for="birthdate" class="form-label">{{ __('member.birthdate') }}</label>
                        <input id="birthdate" type="date" class="form-control form-control-lg @error('birthdate') is-invalid @enderror" name="birthdate" value="{{ old('birthdate', auth()->user()->birthdate) }}" autocomplete="birthdate" autofocus>

                        @error('birthdate')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                </div>



                <div class="row">
                    <div class="col-md-12 contact-btn">
                        <button type="submit" class="fv-btn btn btn-lg" id="submit-btn">
                            {{ __('member.update_profile') }}
                            <span class="spinner-border spinner-border-sm d-none" role="status" aria-hidden="true" id="spinner"></span>
                        </button>
                    </div>
                </div>
            </form>


            </div>
      </div>
    
  </div>

@endsection

@section('scripts')
<script>
    initSubmitSpinner('profile-form', "{{ __('member.loading') }}...");
</script>
@endsection