@extends('upgrade.layouts.app')
@section('content')
    @php( $auth = auth('client')->user() )
    <main>
        <!-- start edit profile form -->
        <section class='uk-section uk-margin-xlarge-top uk-margin-xlarge-top'>
            <div class="full-container">
                <ul>
                    @forelse ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @empty
                    @endforelse
                </ul>
                <form action="{{ route('client.update_profile') }}" method="POST">
                    @csrf
                    <div class="uk-width-3-4@m uk-width-1-1">
                        <div class="uk-grid uk-grid-large uk-child-width-1-2@m uk-child-width-1-2@s">
                            <div class="uk-margin-small-bottom">
                                <label for="">الأسم الكامل</label>
                                <input type="text" class="uk-input x-input" name='name'  minlength="3" value="{{$auth->name}}" required>
                                @error('name')
                                    {{ $message }}
                                @enderror
                            </div>
                            @if (!$auth->hasVerifiedPhone())
                                <div class="uk-margin-small-bottom">
                                    <label for="">رقم الموبيل</label>
                                    <input type="text" class="uk-input x-input" name='phone' minlength="10" maxlength="15" value="{{$auth->phone}}" required>
                                    @error('phone')
                                    {{ $message }}
                                    @enderror
                                </div>
                            @else
                                <div class="uk-margin-small-bottom">
                                    <label for="">رقم الموبيل</label>
                                    <input type="text" class="uk-input x-input disabled"  disabled readonly  value="{{$auth->phone}}" required>
                                </div>
                            @endif
                            <div class="uk-margin-small-bottom">
                                <label for="">البريد الألكتروني</label>
                                <input type="email" class="uk-input x-input" value="{{$auth->email}}" required minlength="7" name='email'>
                                @error('email')
                                {{ $message }}
                                @enderror
                            </div>
                            {{--                                <div class="uk-margin-small-bottom">--}}
                            {{--                                    <label for="">كلمة المرور</label>--}}
                            {{--                                    <input type="password" class="uk-input" required name='password'>--}}
                            {{--                                </div>--}}
                        </div>

                    </div>
                    <div class="uk-margin-large-bottom uk-margin-large-top" >
                        <div class="uk-width-1-3@s">
                            <button class="btn active" type="submit">تعديل</button>
                        </div>
                    </div>
                </form>
                @if (!$auth->hasVerifiedPhone())
                <section uk-modal id="phone-verify" class='uk-modal uk-flex uk-open'>
                    <div class="uk-modal-dialog form-box uk-margin-auto-vertical">
                        <button class="uk-modal-close-default uk-light" type="button" uk-close></button>
                        <div class="modal-title x-padding-small main-bg uk-position-relative uk-light center">
                            <h2 class='uk-margin-remove'>تاكيد رقم الهاتف</h2>
                        </div>
                        <div class="uk-padding">
                            <form action="{{ route('client.verify.phone') }}" method="POST">@csrf
                                <input type="hidden" name="id" value="{{ $auth->phone_verify_id }}" />
                                <input type="text" name="token" maxlength="6" minlength="6" required class="uk-input x-input" placeholder='رسالة التاكيد'>
                                @error('token')
                                {{ $message }}
                                @enderror
                                <small class='send_sms'>
                                    <a href="{{ route('client.resend.verify.phone') }}">اعادة ارسال</a>
                                </small>
                                <div class="uk-margin-small-top" >
                                    <div class="uk-width-1-3@s">
                                        <button class="btn active" type="submit">تاكيد</button>
                                    
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </section>
                @endif
                <!-- @if (!$auth->hasVerifiedPhone())
                    <div class="row uk-width-1-4@l uk-width-1-1">
                        <form action="{{ route('client.verify.phone') }}" method="POST">@csrf
                            <input type="hidden" name="id" value="{{ $auth->phone_verify_id }}" />
                            <input type="text" name="token" maxlength="6" minlength="6" required class="uk-input x-input" placeholder='رسالة التاكيد'>
                            @error('token')
                            {{ $message }}
                            @enderror
                            <small>
                                <a href="{{ route('client.resend.verify.phone') }}">اعادة ارسال</a>
                            </small>
                            <div class="uk-margin-large-bottom uk-margin-large-top" >
                                <div class="uk-width-1-3@s">
                                    <button class="btn active" type="submit">تاكيد</button>
                                </div>
                            </div>
                        </form>
                    </div>
                @endif -->
            </div>
        </section>
        <!-- end edit profile form -->
    </main>

@endsection