@extends('layouts/contentLayoutMaster')
@section('title', 'Settings - Profile')

@section('content')
<section>
  <h2 class="page-title font-bolder text-primary mb-2" data-id="">{{ __('locale.settings') }}</h2>
</section>

<section>
  <div class="row">
    <div class="col-12">
      <div class="card">
        <div class="card-body">
          <div class="row pt-2 mb-4">
            <div class="col-md-4">
              <div class="img-profile text-center">

                @if(!empty($profile['image_profile']))
                  <img class="rounded-circle cursor-pointer" src="{{asset('images/profile/' . $profile['image_profile'])}}" alt="avatar" height="240" width="240">
                @else
                  <img class="rounded-circle cursor-pointer" src="{{asset('images/profile/default_avatar.png')}}" alt="avatar" height="240" width="240">
                @endif

                <button type="button" class="btn btn-outline-primary mt-2 w-75 mb-1 btn-change-photo" id="select-files-profile">
                  {{ __('locale.change_photo') }}
                </button>

                <form class="dzProfile hidden" id="dzProfile" enctype="multipart/form-data">
                  @csrf 
                  <div class="fallback">
                    <input name="file" type="file"/>
                  </div>
                </form>

                <button class="btn btn-outline-secondary w-75 mb-1" data-toggle="modal" data-target="#modal-password">{{ __('locale.change_password') }}</button>

                @role('member')
                  @if ($hasUpgrade)
                    <button class="btn btn-secondary w-75 mb-3 disabled" disabled>{{ __('locale.upgrade_to_buddy') }}</button>
                  @else
                    <button class="btn btn-success btn-upgrade w-75 mb-3">{{ __('locale.upgrade_to_buddy') }}</button>
                  @endif
                @endrole

              </div>
            </div>
            <div class="col-md-8">
              <div class="row">
                <div class="col-6">
                  <p class="mb-0 mt-25 font-weight-bolder">{{ __('locale.profile_detail') }}</p>
                </div>
                <div class="col-6 text-right">
                  <button type="button" class="btn btn-sm btn-outline-secondary" data-toggle="modal" data-target="#modal-profile">{{ __('locale.edit') }}</button>
                </div>
              </div>
              <hr>
              <div class="row">
                <div class="col-4 col-md-3">
                  <p class="font-weight-bold">{{ __('locale.name') }}</p>
                </div>
                <div class="col">
                  <p class="text-primary font-weight-bold">{{ $profile['name'] }}
                  @if ($profile['verified'] == 1)
                    <span class="d-inline-block badge-verified ml-25">
                      <img src="{{asset('images/icon/icon-verified.png')}}" class="w-100">
                    </span>
                  @endif
                  </p>
                </div>
              </div>
              <div class="row">
                <div class="col-4 col-md-3">
                  <p class="font-weight-bold">{{ __('locale.birthdate') }}</p>
                </div>
                <div class="col">
                  <p class="text-primary">
                    @if(!empty($profile['birthdate']))
                      {{ $profile['birthdate_formatted'] }}
                    @else
                      -
                    @endif
                  </p>
                </div>
              </div>
              <div class="row">
                <div class="col-4 col-md-3">
                  <p class="font-weight-bold">{{ __('locale.language') }}</p>
                </div>
                <div class="col">
                  <p class="text-primary">
                    @if(!empty($profile['language']))
                      @if ( Config::get('app.locale') == 'id')
                          @foreach($profile['language_name'] as $key => $data)
                              @if($key == 0)
                                  {{$data}}
                              @else
                                  , {{$data}}
                              @endif
                          @endforeach
                      @else
                          @foreach($profile['language_name_en'] as $key => $data)
                              @if($key == 0)
                                  {{$data}}
                              @else
                                  , {{$data}}
                              @endif
                          @endforeach
                      @endif
                    @else
                      -
                    @endif
                  </p>
                </div>
              </div>
              <div class="row">
                <div class="col-4 col-md-3">
                  <p class="font-weight-bold">{{ __('locale.gender') }}</p>
                </div>
                <div class="col">
                  <p class="text-primary">
                    @if(!empty($profile['gender']))
                      @if ( Config::get('app.locale') == 'id')
                          {{$profile['gender']}}
                      @else
                          {{$profile['gender_en']}}
                      @endif
                    @else
                      -
                    @endif
                  </p>
                </div>
              </div>
              <div class="row">
                <div class="col-4 col-md-3">
                  <p class="font-weight-bold">{{ __('locale.contact') }}</p>
                </div>
                <div class="col">
                  <p class="text-primary">
                    @if(!empty($profile['phone_number']))
                      {{ $profile['phone_number'] }}
                    @else
                      -
                    @endif
                  </p>
                </div>
              </div>
              <div class="row">
                <div class="col-4 col-md-3">
                  <p class="font-weight-bold">{{ __('locale.nationality') }}</p>
                </div>
                <div class="col">
                  <p class="text-primary">
                    @if(!empty($profile['nationality']))
                      @if ( Config::get('app.locale') == 'id')
                        {{ $profile['nationality_name'] }}
                      @else
                        {{ $profile['nationality_name_en'] }}
                      @endif
                    @else
                      -
                    @endif
                  </p>
                </div>
              </div>
              <div class="row">
                <div class="col-4 col-md-3">
                  <p class="font-weight-bold">{{ __('locale.location') }}</p>
                </div>
                <div class="col">
                  <p class="text-primary">
                    @if(!empty($profile['location_name']))
                      {{ $profile['location_name'] }}
                    @else
                      -
                    @endif
                  </p>
                </div>
              </div>
              <div class="row">
                <div class="col-4 col-md-3">
                  <p class="font-weight-bold">{{ __('locale.emergency_name') }}</p>
                </div>
                <div class="col">
                  <p class="text-primary">
                    @if(!empty($profile['emergency_name']))
                      {{ $profile['emergency_name'] }}
                    @else
                      -
                    @endif
                  </p>
                </div>
              </div>
              <div class="row">
                <div class="col-4 col-md-3">
                  <p class="font-weight-bold">{{ __('locale.emergency_phone') }}</p>
                </div>
                <div class="col">
                  <p class="text-primary">
                    @if(!empty($profile['emergency_phone']))
                      {{ $profile['emergency_phone'] }}
                    @else
                      -
                    @endif
                  </p>
                </div>
              </div>
              @role('buddy')
              <div class="row">
                <div class="col-4 col-md-3">
                  <p class="font-weight-bold">{{ __('locale.active_as_buddy') }}</p>
                </div>
                <div class="col">
                  <p class="text-primary">
                    @if(!empty($profile['upgraded_at']))
                      {{ $profile['upgraded_at'] }}
                    @else
                      -
                    @endif
                  </p>
                </div>
              </div>
              @endrole
              <div class="row">
                <div class="col-4 col-md-3">
                  <p class="font-weight-bold">{{ __('locale.vaccine') }}</p>
                </div>
                <div class="col">
                  <p class="text-primary">
                    @if($profile['has_vaccine'] == 2)
                      {{ __('locale.yes') }} <span class="badge bg-light-success ml-50">{{ __('locale.verified') }}</span>
                    @else
                      -
                    @endif
                  </p>
                </div>
              </div>
              <div class="row">
                <div class="col-4 col-md-3">
                  <p class="font-weight-bold">{{ __('locale.identity_card') }}</p>
                </div>
                <div class="col">
                  <p class="text-primary">
                    @if ($profile['has_identity'])
                      {{ __('locale.yes') }} <span class="badge bg-light-success ml-50">{{ __('locale.verified') }}</span>
                    @else
                      -
                    @endif
                  </p>
                </div>
              </div>
              @role('buddy')
              <div class="row">
                <div class="col-4 col-md-3">
                  <p class="font-weight-bold">{{ __('locale.family_card') }}</p>
                </div>
                <div class="col">
                  <p class="text-primary">
                    @if ($profile['has_kk'])
                      {{ __('locale.yes') }} <span class="badge bg-light-success ml-50">{{ __('locale.verified') }}</span>
                    @else
                      -
                    @endif
                  </p>
                </div>
              </div>
              <div class="row">
                <div class="col-4 col-md-3">
                  <p class="font-weight-bold">{{ __('locale.domisili') }}</p>
                </div>
                <div class="col">
                  <p class="text-primary">
                    @if ($profile['has_domisili'])
                      {{ __('locale.yes') }} <span class="badge bg-light-success ml-50">{{ __('locale.verified') }}</span>
                    @else
                      -
                    @endif
                  </p>
                </div>
              </div>
              <div class="row">
                <div class="col-4 col-md-3">
                  <p class="font-weight-bold">{{ __('locale.police_certificate') }}</p>
                </div>
                <div class="col">
                  <p class="text-primary">
                    @if ($profile['has_skck'])
                      {{ __('locale.yes') }} <span class="badge bg-light-success ml-50">{{ __('locale.verified') }}</span>
                    @else
                      -
                    @endif
                  </p>
                </div>
              </div>
              @endrole
              <div class="row mt-1">
                <div class="col-md-12">
                  <p class="font-weight-bolder">{{ __('locale.about_me') }}</p>
                  <p>
                  @if(!empty($profile['about']))
                    {{ $profile['about'] }}
                  @else
                      -
                  @endif
                  </p>
                </div>
                <div class="col-md-12 mt-2">
                  <p class="font-weight-bolder">{{ __('locale.activity') }}</p>
                  <div class="list-activity">
                    @if(!empty($profile['activity']))
                      @if ( Config::get('app.locale') == 'id')
                        @foreach($profile['activity_name'] as $key => $data)
                          <div class="btn btn-md btn-outline-primary disabled round mb-50">{{$data}}</div>
                        @endforeach
                      @else
                        @foreach($profile['activity_name_en'] as $key => $data)
                          <div class="btn btn-md btn-outline-primary disabled round mb-50">{{$data}}</div>
                        @endforeach
                      @endif
                    @else
                      -
                    @endif
                  </div>
                </div>
                <div class="col-md-12 mt-2">
                  <p class="font-weight-bolder">{{ __('locale.interest') }}</p>
                  <div class="list-interest">
                    @if(!empty($profile['interest']))
                      @if ( Config::get('app.locale') == 'id')
                        @foreach($profile['interest_name'] as $key => $data)
                          <div class="btn btn-md btn-outline-primary disabled round mb-50">{{$data}}</div>
                        @endforeach
                      @else
                        @foreach($profile['interest_name_en'] as $key => $data)
                          <div class="btn btn-md btn-outline-primary disabled round mb-50">{{$data}}</div>
                        @endforeach
                      @endif
                    @else
                      -
                    @endif
                  </div>
                </div>
              </div>
            </div>
          </div>
          <hr>
          <div class="row">
            <div class="col-md-12 text-center mb-2 mt-1">
              <p class="font-medium-3 font-weight-bolder">{{ __('locale.my_gallery') }}</p>
            </div>
          </div>
          <div class="row setting-galleries">
            <div class="col-md-12 slick-gallery">
                @foreach($galleries as $key => $data)
                <div class="gallery-container position-relative mx-50">
                  <a href="{{asset('images/gallery/' . $data['image'])}}" data-fslightbox>
                    <div class="img imgLiquidFill imgLiquid item-gallery mb-2">
                      <img src="{{asset('images/gallery/' . $data['image'])}}" alt="img-placeholder">
                    </div>
                  </a>
                  <button class="btn btn-light p-25 round btn-delete-gallery" data-gallery="{{$data->id}}">
                    <i data-feather="x"></i>
                  </button>
                </div>
                @endforeach
            </div>
          </div>
          <div class="d-block text-center mb-2 input-image-gallery @if (count($galleries) >= 12) hidden @endif">
            <button class="btn btn-primary" id="select-files-gallery">{{ __('locale.add_gallery') }}</button>
            <form class="dzGallery hidden" id="dzGallery" enctype="multipart/form-data">
              @csrf 
              <div class="fallback">
                <input name="file" type="file"/>
              </div>
            </form>
          </div>
          @role('buddy')
          <hr>
          <div class="row">
            <div class="col-md-12 text-center mb-2 mt-1">
              <p class="font-medium-3 font-weight-bolder">{{ __('locale.my_service') }}</p>
            </div>
            <div class="col-md-12 service-list">
              @if(!empty($services))
                @foreach($services as $key => $data)
                  <div class="card border">
                    <div class="card-body">
                      <div class="row">
                        <div class="col-md-10">
                          <div class="row">
                            <div class="col-md-12">
                              <p class="font-weight-bolder font-medium-5">
                                @if ( Config::get('app.locale') == 'id')
                                  {{ $data['service_name'] }}
                                @else
                                  {{ $data['service_name_en'] }}
                                @endif
                              </p>
                            </div>
                          </div>
                          <div class="row mb-1">
                            <div class="col-md-6 col-lg-4">
                              <p class="d-inline">{{ __('locale.price') }}: </p>
                              <p class="d-inline font-weight-bolder">Rp.</p>
                              <p class="d-inline font-weight-bolder">{{ number_format($data['price'], 0, ',', '.') }}</p>
                              <p class="d-inline">/{{ __('locale.hour') }}</p>
                            </div>
                            <div class="col-md-6 col-lg-4">
                              <p class="d-inline">{{ __('locale.max_participant') }}: </p>
                              <p class="d-inline font-weight-bolder">{{ $data['participant'] }}</p>
                            </div>
                          </div>
                          <div class="row">
                            <div class="col">
                              <p class="mb-25">{{ __('locale.description') }}:</p>
                              <p class="mb-25">{{ $data['description'] }}</p>
                            </div>
                          </div>
                        </div>
                        <div class="col-md-2 text-right">
                          <a class="btn btn-md btn-flat-primary mb-50" href="{{ url('member/settings/services/'.$data['id']) }}">{{ __('locale.edit') }}</a>
                        </div>
                      </div>
                      
                      <div class="service-schedules">
                        @foreach($data['schedules'] as $key => $schedule)
                        <hr>
                        <div class="row mb-1">
                          <div class="col-md-6">
                            <p class="mb-25 w-100">{{ __('locale.days') }}</p>
                            
                            @if ( Config::get('app.locale') == 'id')
                              @foreach($schedule['days_name'] as $key => $data)
                                <div class="btn btn-md btn-outline-primary disabled round mb-50">{{$data}}</div>
                              @endforeach
                            @else
                              @foreach($schedule['days_name_en'] as $key => $data)
                                <div class="btn btn-md btn-outline-primary disabled round mb-50">{{$data}}</div>
                              @endforeach
                            @endif

                          </div>
                          <div class="col-md-2">
                            <p class="mb-25">{{ __('locale.start_time') }}</p>
                            <p class="font-weight-bolder font-medium-1">{{ $schedule['start_time'] }}</p>
                          </div>
                          <div class="col-md-2">
                            <p class="mb-25">{{ __('locale.end_time') }}</p>
                            <p class="font-weight-bolder font-medium-1">{{ $schedule['end_time'] }}</p>
                          </div>
                        </div>
                        @endforeach
                      </div>
                    </div>
                  </div>
                @endforeach
              @else
                -
              @endif
            </div>
          </div>
          <div class="row mb-2">
            <div class="col-md-12 text-center">
              <a class="btn btn-success btn-block btn-create-service" href="{{ route('service-create'); }}">{{ __('locale.add_new_service') }}</a>
            </div>
          </div>
          @endrole
        </div>
      </div>
    </div>
  </div>
</section>

<div 
  class="modal fade text-left modal-profile" 
  id="modal-profile"
  tabindex="-1"
  role="dialog"
  aria-labelledby="modal-label"
  aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="modal-label">Edit Profile Detail</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form method="POST" enctype="multipart/form-data" action="{{route('update-profile')}}">
          @csrf  
          <div class="form-group row">
            <div class="col-md-6">
              <label class="form-label" for="name">{{ __('locale.name') }}</label>
              <input id="name" type="text" class="form-control @error('name') is-invalid @enderror" name="name" autocomplete="name" required autofocus value="@if(!empty($profile->name)){{$profile->name}}@endif">

              @error('name')
                <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
              @enderror
            </div>
            <div class="col-md-6">
              <label class="form-label" for="birthdate">{{ __('locale.birthdate') }}</label>
              <input id="birthdate" type="text" class="form-control flatpickr-date @error('birthdate') is-invalid @enderror" name="birthdate" value="{{ old('birthdate') }}" autocomplete="birthdate" autofocus data-date="@if(!empty($profile->birthdate)) {{ Carbon\Carbon::parse($profile->birthdate)->format('d-m-Y') }} @else - @endif" required>

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

          <div class="form-group row">
            <div class="col-md-6">
              <label class="form-label" for="language">{{ __('locale.language') }}</label>
              <select name="language[]" class="select2 form-control" data-minimum-results-for-search="Infinity" multiple required>
                @foreach($languages as $key => $data)  
                  @if(in_array($data->id, array_map('intval', json_decode($profile->language) ?? [])))
                    @if ( Config::get('app.locale') == 'id')
                      <option value="{{ $data->id }}" selected>{{ $data->name }}</option>
                    @else
                      <option value="{{ $data->id }}" selected>{{ $data->name_en }}</option>
                    @endif
                  @else
                    @if ( Config::get('app.locale') == 'id')
                      <option value="{{ $data->id }}">{{ $data->name }}</option>
                    @else
                      <option value="{{ $data->id }}">{{ $data->name_en }}</option>
                    @endif
                  @endif
                @endforeach
              </select>
            </div>
            <div class="col-md-6">
              <label class="form-label">{{ __('locale.gender') }}</label>
              <select name="gender" class="select2 form-control" data-minimum-results-for-search="Infinity" required>
                @foreach($genders as $key => $data)
                  @if ($profile->gender_id == $data->id)
                    @if ( Config::get('app.locale') == 'id')
                      <option value="{{ $data->id }}" selected>{{ $data->name }}</option>
                    @else
                      <option value="{{ $data->id }}" selected>{{ $data->name_en }}</option>
                    @endif
                  @else
                    @if ( Config::get('app.locale') == 'id')
                      <option value="{{ $data->id }}">{{ $data->name }}</option>
                    @else
                      <option value="{{ $data->id }}">{{ $data->name_en }}</option>
                    @endif
                  @endif
                @endforeach
              </select>
            </div>
          </div>

          <div class="form-group row">
            <div class="col-md-6">
              <label class="form-label">{{ __('locale.contact') }}</label>
              <input id="phone_number" type="number" class="form-control @error('phone_number') is-invalid @enderror" name="phone_number" value="@if(!empty($profile->phone_number)){{$profile->phone_number}}@endif" required autocomplete="phone_number" autofocus>

              @error('phone_number')
                  <span class="invalid-feedback" role="alert">
                      <strong>{{ $message }}</strong>
                  </span>
              @enderror
            </div>
            <div class="col-md-6">
              <label class="form-label">{{ __('locale.nationality') }}</label>
              <select name="nationality" class="select2 form-control" data-minimum-results-for-search="Infinity" required>
                @foreach($nationalities as $key => $data)
                  @if ($profile->nationality == $data->id)
                    @if ( Config::get('app.locale') == 'id')
                      <option value="{{ $data->id }}" selected>{{ $data->name }}</option>
                    @else
                      <option value="{{ $data->id }}" selected>{{ $data->name_en }}</option>
                    @endif
                  @else
                    @if ( Config::get('app.locale') == 'id')
                      <option value="{{ $data->id }}">{{ $data->name }}</option>
                    @else
                      <option value="{{ $data->id }}">{{ $data->name_en }}</option>
                    @endif
                  @endif
                @endforeach
              </select>
            </div>
          </div>

          <div class="form-group row">
            <div class="col-md-6">
              <label class="form-label">{{ __('locale.location') }}</label>
              <select name="location" class="select2 form-control" required>
                @foreach($cities as $key => $data)
                  @if ($profile->location == $data->id)
                    <option value="{{ $data->id }}" selected>{{ $data->city_name }}</option>
                  @else
                    <option value="{{ $data->id }}">{{ $data->city_name }}</option>
                  @endif
                @endforeach
              </select>
            </div>
          </div>

          <div class="form-group row">
            <div class="col-md-6">
              <label class="form-label">{{ __('locale.emergency_name') }}</label>
              <input id="emergency_name" type="text" class="form-control @error('emergency_name') is-invalid @enderror" name="emergency_name" value="@if(!empty($profile->emergency_name)){{$profile->emergency_name}}@endif" required autocomplete="emergency_name" autofocus>
            </div>
            <div class="col-md-6">
              <label class="form-label">{{ __('locale.emergency_phone') }}</label>
              <input id="emergency_phone" type="number" class="form-control @error('emergency_phone') is-invalid @enderror" name="emergency_phone" value="@if(!empty($profile->emergency_phone)){{$profile->emergency_phone}}@endif" required autocomplete="emergency_phone" autofocus>
            </div>
          </div>

          <div class="form-group">
            <label class="form-label">{{ __('locale.about_me') }}</label>
            <textarea class="form-control" rows="3" name="about" required>@if(!empty($profile->about)){{ $profile->about }}@endif</textarea>
          </div>

          <div class="form-group">
            <label class="form-label">{{ __('locale.activity') }}</label>  
            <select name="activity[]" class="select2 form-control" multiple required>
                @foreach($activities as $key => $data)  
                  @if(in_array($data->id, array_map('intval', json_decode($profile->activity) ?? []) ))
                    @if ( Config::get('app.locale') == 'id')
                      <option value="{{ $data->id }}" selected>{{ $data->name }}</option>
                    @else
                      <option value="{{ $data->id }}" selected>{{ $data->name_en }}</option>
                    @endif
                  @else
                    @if ( Config::get('app.locale') == 'id')
                      <option value="{{ $data->id }}">{{ $data->name }}</option>
                    @else
                      <option value="{{ $data->id }}">{{ $data->name_en }}</option>
                    @endif
                  @endif
                @endforeach
              </select>
          </div>

          <div class="form-group">
            <label class="form-label">{{ __('locale.interest') }}</label>  
            <select name="interest[]" class="select2 form-control" multiple required>
                @foreach($interests as $key => $data)  
                  @if(in_array($data->id, array_map('intval', json_decode($profile->interest) ?? []) ))
                    @if ( Config::get('app.locale') == 'id')
                      <option value="{{ $data->id }}" selected>{{ $data->name }}</option>
                    @else
                      <option value="{{ $data->id }}" selected>{{ $data->name_en }}</option>
                    @endif
                  @else
                    @if ( Config::get('app.locale') == 'id')
                      <option value="{{ $data->id }}">{{ $data->name }}</option>
                    @else
                      <option value="{{ $data->id }}">{{ $data->name_en }}</option>
                    @endif
                  @endif
                @endforeach
              </select>
          </div>

          <button class="btn btn-primary my-2" type="submit">Save</button>
        </form>
      </div>
    </div>
  </div>
</div>

<div 
  class="modal fade text-left modal-photo" 
  id="modal-photo"
  tabindex="-1"
  role="dialog"
  aria-labelledby="modal-label"
  aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="modal-label">Edit Photo</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form method="POST" enctype="multipart/form-data" id="photo-file" action="{{route('update-profile-image')}}">
        @csrf 
          <div class="form-group">
            <label class="form-label">Max. photo file size 500kb</label>
              <input id="image" type="file" class="form-control @error('image') is-invalid @enderror" name="image" value="{{ old('image') }}" required autocomplete="image" autofocus>

              @error('image')
                  <span class="invalid-feedback" role="alert">
                      <strong>{{ $message }}</strong>
                  </span>
              @enderror
          </div>
          <button class="btn btn-primary my-2" type="submit">Save</button>
        </form>
      </div>
    </div>
  </div>
</div>

<div 
  class="modal fade text-left modal-password" 
  id="modal-password"
  tabindex="-1"
  role="dialog"
  aria-labelledby="modal-label"
  aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="modal-label">Change Password</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <!-- <form method="POST" enctype="multipart/form-data" id="update-password" action="{{route('update-password')}}">
        @csrf  -->
          <div class="form-group">
            <label class="form-label" for="register-password">New Password</label>
            <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="new-password">

            @error('password')
                <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
          </div>
          <div class="form-group">
            <label class="form-label" for="register-password">Confirm New Password</label>
            <input id="password-confirm" type="password" class="form-control" name="password_confirmation" required autocomplete="new-password"> 
          </div>
          <button class="btn btn-primary my-2 btn-update-password" >Save</button>
        <!-- </form> -->
      </div>
    </div>
  </div>
</div>

@endsection
@section('page-script')
  {{-- Page js files --}}
  <script src="{{ asset(('js/scripts/member/settings.js')) }}"></script>
@endsection