@extends('frontend.layouts.app')
<style type="text/css">
  .TextField_inputField__ugUAn input {
    color: var(--inputColor);
    font-family: var(--inputFont);
    border-radius: 0!important;
    background:#6e6e6e;
 }
.css-r7k7ic {
    font: inherit;
    letter-spacing: inherit;
    color: currentcolor;
    border: 0px;
    box-sizing: content-box;
    background: none;
    height: 1.4375em;
    margin: 0px;
    -webkit-tap-highlight-color: transparent;
    display: block;
    min-width: 0px;
    width: 100%;
    animation-name: mui-auto-fill-cancel;
    animation-duration: 10ms;
    padding: 16px 12px 17px;
}
</style>
@section('main-content')
{{--     <div class="container-fluid margin-top-20">
        <div class="row sticky-wrapper">
            @include('frontend.account.partials._sidebar')
            <div class="col-lg-9 col-md-9 padding-left-30">
                <div class="row mt-sm-4">
                    <div class="col-12 col-md-12 col-lg-4">
                        <div class="card profile-widget">
                            <div class="profile-widget-header">
                                <img alt="image" src="{{ $user->image }}" class="rounded-circle profile-picture">
                            </div>
                            <div class="profile-widget-description">

                                <dl class="row mt-5">
                                    <dt class="col-sm-4">{{ __('levels.name') }}</dt>
                                    <dd class="col-sm-8">{{ $user->name }}</dd>
                                    <dt class="col-sm-4">{{ __('levels.email') }}</dt>
                                    <dd class="col-sm-8">{{ $user->email }}</dd>
                                    <dt class="col-sm-4">{{ __('levels.username') }}</dt>
                                    <dd class="col-sm-8">{{ $user->username }}</dd>
                                    <dt class="col-sm-4">{{ __('levels.phone') }}</dt>
                                    <dd class="col-sm-8">{{ $user->phone }}</dd>
                                    <dt class="col-sm-4">{{ __('levels.address') }}</dt>
                                    <dd class="col-sm-8">
                                        <p>{{ $user->address }}</p>
                                    </dd>
                                    <dt class="col-sm-4">{{ __('levels.limit') }}</dt>
                                    <dd class="col-sm-8">
                                        {{ isset($user->deposit->limit_amount) ? currencyFormat($user->deposit->limit_amount) : '' }}
                                    </dd>
                                    <dt class="col-sm-4">{{ __('levels.deposit') }}</dt>
                                    <dd class="col-sm-8">
                                        {{ isset($user->deposit->deposit_amount) ? currencyFormat($user->deposit->deposit_amount) : '' }}
                                    </dd>
                                    <dt class="col-sm-4">{{ __('levels.credit') }}</dt>
                                    <dd class="col-sm-8">
                                        {{ currencyFormat($user->balance->balance ) }}</dd>
                                    @if(auth()->user()->myrole == \App\Enums\UserRole::DELIVERYBOY)
                                        <dt class="col-sm-4">{{ __('C.O.D. Amount') }}</dt>
                                        <dd class="col-sm-8">
                                            {{ currencyFormat($user->deliveryBoyAccount->balance > 0 ? $user->deliveryBoyAccount->balance : 0 ) }}
                                            </p>
                                        </dd>
                                    @endif
                                </dl>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-12 col-lg-8">
                        <form action="{{ route('account.profile.update', $user) }}" method="POST"
                              enctype="multipart/form-data">
                            @csrf
                            @method('PUT')
                            <div class="card">
                                <div class="card-body">
                                    <div class="form-row">
                                        <div class="form-group col">
                                            <label>{{ __('levels.first_name') }} <span class="text-danger">*</span></label>
                                            <input type="text" name="first_name"
                                                   class="form-control @error('first_name') is-invalid @enderror"
                                                   value="{{ old('first_name', $user->first_name) }}">
                                            @error('first_name')
                                            <div class="invalid-feedback">
                                                {{ $message }}
                                            </div>
                                            @enderror
                                        </div>
                                        <div class="form-group col">
                                            <label>{{ __('levels.last_name') }}<span class="text-danger">*</span></label>
                                            <input type="text" name="last_name"
                                                   class="form-control @error('last_name') is-invalid @enderror"
                                                   value="{{ old('last_name', $user->last_name) }}">
                                            @error('last_name')
                                            <div class="invalid-feedback">
                                                {{ $message }}
                                            </div>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="form-row">
                                        <div class="form-group col">
                                            <label>{{ __('levels.email') }} <span class="text-danger">*</span></label>
                                            <input type="text" name="email"
                                                   class="form-control @error('email') is-invalid @enderror"
                                                   value="{{ old('email', $user->email) }}">
                                            @error('email')
                                            <div class="invalid-feedback">
                                                {{ $message }}
                                            </div>
                                            @enderror
                                        </div>
                                        <div class="form-group col">
                                            <label>{{ __('levels.phone') }}</label>
                                            <input type="text" name="phone"
                                                   class="form-control @error('phone') is-invalid @enderror"
                                                   value="{{ old('phone', $user->phone) }}">
                                            @error('phone')
                                            <div class="invalid-feedback">
                                                {{ $message }}
                                            </div>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="form-row">
                                        <div class="form-group col">
                                            <label>{{ __('levels.username') }}</label>
                                            <input type="text" name="username"
                                                   class="form-control @error('username') is-invalid @enderror"
                                                   value="{{ old('username', $user->username) }}">
                                            @error('username')
                                            <div class="invalid-feedback">
                                                {{ $message }}
                                            </div>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="form-row">
                                        <div class="form-group col-6">
                                            <label for="customFile">{{ __('levels.image') }}</label>
                                            <div class="custom-file">
                                                <input name="image" type="file"
                                                       class="custom-file-input @error('image') is-invalid @enderror"
                                                       id="customFile" onchange="readURL(this);">
                                                <label class="custom-file-label"
                                                       for="customFile">{{ __('levels.choose_file') }}</label>
                                            </div>
                                            @if ($errors->has('image'))
                                                <div class="help-block text-danger">
                                                    {{ $errors->first('image') }}
                                                </div>
                                            @endif
                                            <img class="img-thumbnail image-width mt-4 mb-3" id="previewImage"
                                                 src="{{ $user->image }}" alt="{{ $user->name }} {{ __('profile image') }}" />
                                        </div>
                                        <div class="form-group col">
                                            <label>{{ __('levels.address') }}</label>
                                            <textarea name="address" class="form-control " id="address">{{ old('address', $user->address) }}</textarea>
                                            @error('address')
                                            <div class="invalid-feedback">
                                                {{ $message }}
                                            </div>
                                            @enderror
                                        </div>
                                    </div>

                                </div>
                                <div class="form-group col">
                                    <button type="submit" class="button medium border"><i class="sl sl-icon-docs"></i> {{ __('frontend.update_profile') }}</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div> --}}
<section class="ModulesContainer_modulesBlock__dxsT6" style="--grid-template-xs:&quot;first&quot; &quot;second&quot; &quot;third&quot; &quot;fourth&quot; &quot;fifth&quot;;--grid-template-s:&quot;first&quot; &quot;second&quot; &quot;third&quot; &quot;fourth&quot; &quot;fifth&quot;;--grid-template-m:&quot;first&quot; &quot;second&quot; &quot;third&quot; &quot;fourth&quot; &quot;fifth&quot;;--grid-template-l:&quot;first&quot; &quot;second&quot; &quot;third&quot; &quot;fourth&quot; &quot;fifth&quot;;--grid-template-xl:&quot;first&quot; &quot;second&quot; &quot;third&quot; &quot;fourth&quot; &quot;fifth&quot;">
  <div class="ProfileDetails_profileDetails__AJBJa">
    <div class="ProfileDetails_profileDetailsForm__BR_YH">
      <div class="ProfileDetails_profileHeaderTitle__4B3IS">Profile Details</div>
      <form>
        <div class="ProfileDetails_textField__BLeEL">
          <div class="TextField_fieldGroup__fRjeo MuiFormControl-root css-13sljp9">
            <label class="TextField_fieldLabel__Xh4e9">First Name</label>
            <div class="MuiFormControl-root TextField_inputField__ugUAn MuiTextField-root css-i44wyl">
              <div class="MuiFilledInput-root MuiFilledInput-underline MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-formControl MuiInputBase-hiddenLabel css-q44vsa">
                <input aria-invalid="false" id="firstName" type="text" class="MuiFilledInput-input MuiInputBase-input MuiInputBase-inputHiddenLabel css-r7k7ic" value="{{ $user->name }} ">
              </div>
            </div>
          </div>
        </div>
        <div class="ProfileDetails_textField__BLeEL">
          <div class="TextField_fieldGroup__fRjeo MuiFormControl-root css-13sljp9">
            <label class="TextField_fieldLabel__Xh4e9">Last Name</label>
            <div class="MuiFormControl-root TextField_inputField__ugUAn MuiTextField-root css-i44wyl">
              <div class="MuiFilledInput-root MuiFilledInput-underline MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-formControl MuiInputBase-hiddenLabel css-q44vsa">
                <input aria-invalid="false" id="lastName" type="text" class="MuiFilledInput-input MuiInputBase-input MuiInputBase-inputHiddenLabel css-r7k7ic" value="{{ $user->lastname }}">
              </div>
            </div>
          </div>
        </div>
        <div class="ProfileDetails_textField__BLeEL">
          <div class="TextField_fieldGroup__fRjeo MuiFormControl-root css-13sljp9">
            <label class="TextField_fieldLabel__Xh4e9">Email</label>
            <div class="MuiFormControl-root TextField_inputField__ugUAn MuiTextField-root css-i44wyl">
              <div class="MuiFilledInput-root MuiFilledInput-underline MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-formControl MuiInputBase-hiddenLabel css-q44vsa">
                <input aria-invalid="false" id="lastName" type="text" class="MuiFilledInput-input MuiInputBase-input MuiInputBase-inputHiddenLabel css-r7k7ic" value="{{ $user->email }}">
              </div>
            </div>
          </div>
        </div>

        <div class="ProfileDetails_textField__BLeEL">
          <div class="TextField_fieldGroup__fRjeo MuiFormControl-root css-13sljp9">
            <label class="TextField_fieldLabel__Xh4e9">User Name</label>
            <div class="MuiFormControl-root TextField_inputField__ugUAn MuiTextField-root css-i44wyl">
              <div class="MuiFilledInput-root MuiFilledInput-underline MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-formControl MuiInputBase-hiddenLabel css-q44vsa">
                <input aria-invalid="false" id="lastName" type="text" class="MuiFilledInput-input MuiInputBase-input MuiInputBase-inputHiddenLabel css-r7k7ic" value="{{ $user->username }}">
              </div>
            </div>
          </div>
        </div>

        
        <div class="ProfileDetails_textField__BLeEL">
          <div class="TextField_fieldGroup__fRjeo MuiFormControl-root css-13sljp9">
            <label class="TextField_fieldLabel__Xh4e9">Address</label>
            <div class="MuiFormControl-root TextField_inputField__ugUAn MuiTextField-root css-i44wyl">
              <div class="MuiFilledInput-root MuiFilledInput-underline MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-formControl MuiInputBase-hiddenLabel css-q44vsa">
                <input aria-invalid="false" id="lastName" type="text" class="MuiFilledInput-input MuiInputBase-input MuiInputBase-inputHiddenLabel css-r7k7ic" value="{{ $user->address }}">
              </div>
            </div>
          </div>
        </div>
        <div class="ProfileDetails_textField__BLeEL">
          <div class="TextField_fieldGroup__fRjeo MuiFormControl-root css-13sljp9">
            <label class="TextField_fieldLabel__Xh4e9">PHONE NUMBER</label>
            <div class="MuiFormControl-root TextField_inputField__ugUAn MuiTextField-root css-i44wyl">
              <div class="MuiFilledInput-root MuiFilledInput-underline MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-formControl MuiInputBase-hiddenLabel css-q44vsa">
                <input aria-invalid="false" id="phoneNumber" type="text" class="MuiFilledInput-input MuiInputBase-input MuiInputBase-inputHiddenLabel css-r7k7ic" value="{{ $user->phone }}">
              </div>
            </div>
          </div>
        </div>
{{--         <div class="ProfileDetails_editAndSaveBlock__hw0Pi">
          <a href="https://prodc3citizens.b2clogin.com/prodc3citizens.onmicrosoft.com/oauth2/v2.0/authorize?p=B2C_1_IDENTITY_C3_CITIZENS_PROD&amp;client_id=25fa0d10-e6b9-441f-92b6-399ef12c98d6&amp;nonce=73b1e07f69a5430c98ac34e3011a140b&amp;redirect_uri=https://gobycitizens.com/authenticate/web&amp;scope=openid+25fa0d10-e6b9-441f-92b6-399ef12c98d6+offline_access&amp;response_type=code+id_token&amp;prompt=login&amp;resetPasswordPolicy=combined" class="ProfileDetails_edit__inDMj">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
              <g clip-path="url(#clip0_5513_29370)">
                <path d="M10.834 20.1016H23.9993" fill="currentColor" stroke="currentColor" stroke-opacity=".6" stroke-width="2" stroke-linejoin="round"></path>
                <path d="M12.5438 2.83608C13.0791 2.30075 13.8052 2 14.5623 2C14.9371 2 15.3083 2.07384 15.6547 2.21729C16.001 2.36075 16.3157 2.57101 16.5807 2.83608C16.8458 3.10115 17.0561 3.41583 17.1995 3.76216C17.343 4.1085 17.4168 4.47969 17.4168 4.85456C17.4168 5.22942 17.343 5.60062 17.1995 5.94695C17.0561 6.29328 16.8458 6.60796 16.5807 6.87303L4.69711 18.7567H0.660156V14.7197L12.5438 2.83608Z" fill="currentColor" stroke="currentColor" stroke-opacity="0.3" stroke-width="2" stroke-linecap="round"></path>
              </g>
              <defs>
                <clipPath id="clip0_5513_29370">
                  <rect width="24" height="24" fill="currentColor"></rect>
                </clipPath>
              </defs>
            </svg> Change Password </a>
        </div> --}}
        <div class="ProfileDetails_buttonBox__rQ_ji">
          <button class="Button_button___7IH9 ProfileDetails_buttonBoxBttn__NkL5g" type="submit">SAVE CHANGES</button>
        </div>
      </form>
    </div>
  </div>
</section>
@endsection
@section('extra-js')
@endsection