@extends('client/layouts/contentNavbarLayout')

@section('title')
  {{ __('client.change_password') }}
@endsection

@section('page-script')
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
@endsection

@section('content')
<h4 class="fw-bold py-3 mb-4">{{ __('client.change_password') }}</h4>

<div class="row">
  <div class="col-md-12">
    <div class="card mb-4">
      <div class="card-body">
        @include('client.responses.messages')

        <form id="formAccountSettings" method="POST" action="{{ route('company-client.password.update') }}">
          @csrf
          <div class="row">
            <div class="mb-3">
              <label for="current-password" class="form-label">{{ __('client.current_password') }}</label>
              <input class="form-control" type="password" id="current-password" name="current_password" placeholder="{{ __('client.password_placeholder') }}" required maxlength="255"/>
            </div>
            <div class="mb-3">
              <label for="password" class="form-label">{{ __('client.new_password') }}</label>
              <input class="form-control" type="password" name="password" id="password" placeholder="{{ __('client.new_password') }}" required minlength="8" maxlength="255"/>
            </div>
            <div class="mb-3">
              <label for="password-confirmation" class="form-label">{{ __('client.confirm') }}</label>
              <input type="password" class="form-control" id="password-confirmation" name="password_confirmation" placeholder="{{ __('client.confirm_new_password') }}" required minlength="8" maxlength="255"/>
            </div>
          </div>
          <div class="mt-2 text-end">
            <button type="submit" class="btn btn-primary me-2">{{ __('client.save') }}</button>
          </div>
        </form>
      </div>
      <!-- /Account -->
    </div>
  </div>
</div>

@endsection

@section('scripts')

@endsection