@if (Auth::user()->verified == 0)
    <div class="row mt-1">
        @if (Auth::user()->verified_by != null)
            <div class="col-md-12">
                <div class="alert alert-primary" role="alert">
                    <div class="alert-body p-2">
                        <i data-feather="alert-circle"></i>
                        <span>{{ __('locale.reject_new_member') }} {{$reason}}</span>
                    </div>
                </div>
            </div>
            @else
            <div class="col-md-12">
                <div class="alert alert-primary" role="alert">
                    <div class="alert-body p-2">
                        <i data-feather="alert-circle"></i>
                        <span>{{ __('locale.verify_desc') }}</span>
                    </div>
                </div>
            </div>
        @endif
        <div class="col-md-12">
            <div class="card">
                <div class="card-body">
                    @if (Auth::user()->verified_by != null)
                    <div class="form-group row">
                        <div class="col-md-6 mb-2">
                            <label class="form-label">{{ __('locale.name') }}</label>
                            <input id="name" type="text" class="form-control input-name" required autocomplete="name" value="{{Auth::user()->name}}" autofocus>
                        </div>
                        <div class="col-md-6 mb-2">
                            <label class="form-label">{{ __('locale.address') }}</label>
                            <input id="address" type="text" class="form-control input-address" required autocomplete="address" value="{{Auth::user()->address}}" autofocus>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-6 mb-2">
                            <label class="form-label">{{ __('locale.phone_number') }}</label>
                            <input id="phone_number" type="number" class="form-control input-phone" required autocomplete="phone_number"  value="{{Auth::user()->phone_number}}" autofocus>
                        </div>
                        <div class="col-md-6 mb-2">
                            <label class="form-label">{{ __('locale.gender') }}</label>
                            <select name="gender" class="form-select form-control input-gender" data-item="{{Auth::user()->gender}}"> 
                                <option value="1" @if (Auth::user()->gender == 1) selected="selected" @endif>{{ __('locale.male') }}</option>
                                <option value="2" @if (Auth::user()->gender == 2) selected="selected" @endif>{{ __('locale.female') }}</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label class="form-label">{{ __('locale.emergency_name') }}</label>
                            <input type="text" class="form-control input-emergency-name" name="emergency_name" value="{{Auth::user()->emergency_name}}" autocomplete="emergency_name" autofocus>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label"">{{ __('locale.emergency_phone') }}</label>
                                <input type="number" class="form-control input-emergency-phone" name="emergency_phone" value="{{Auth::user()->emergency_phone}}" autocomplete="emergency_phone" autofocus>
                        </div>
                    </div>
                    @endif
                    <div class="form-group row">
                        <div class="col-md-3">
                            <div class="form-group mb-2 input-image input-image-id" data-file="">
                                <label class="form-label">{{ __('locale.image_id') }}</label>
                                <button type="button" class="btn btn-block btn-outline-primary mb-1" id="select-identity">
                                    {{ __('locale.upload_image') }}
                                </button>
                                <div class="image-add-preview hidden">
                                    <img src="" alt="" class="w-100">
                                    <button class="btn btn-block btn-danger btn-delete-preview" data-item="1">{{ __('locale.delete') }}</button>
                                </div>
                            </div>
                            <form class="dzIdentity hidden" id="dzIdentity" enctype="multipart/form-data">
                                @csrf 
                                <div class="fallback">
                                    <input name="image_identity" type="file"/>
                                </div>
                            </form>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group mb-2 input-image input-image-selfie" data-file="">
                                <label class="form-label">{{ __('locale.image_selfie') }}</label>
                                <button type="button" class="btn btn-block btn-outline-primary mb-1" id="select-selfie">
                                    {{ __('locale.upload_image') }}
                                </button>
                                <div class="image-add-preview hidden">
                                    <img src="" alt="" class="w-100">
                                    <button class="btn btn-block btn-danger btn-delete-preview" data-item="2">{{ __('locale.delete') }}</button>
                                </div>
                            </div>
                            <form class="dzSelfie hidden" id="dzSelfie" enctype="multipart/form-data">
                                @csrf 
                                <div class="fallback">
                                    <input name="image_selfie" type="file"/>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12">
                            @if (Auth::user()->verified_by != null)
                                <button class="btn btn-primary btn-update">{{ __('locale.send') }}</button>
                            @else
                                <button class="btn btn-primary btn-verify">{{ __('locale.verify') }}</button>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@else
<div class="row mt-1">
    <div class="col-md-12">
        <div class="alert alert-primary" role="alert">
            <div class="alert-body p-2">
                <i data-feather="alert-circle"></i>
                <span>{{ __('locale.waiting_verify_desc') }}</span>
            </div>
        </div>
    </div>
</div>
@endif