@extends('layouts.default1400-profile', ['title' => 'مرحله ۳'])

@section('content')
<div class="md:flex border-gray-100 border-b-2 text-sm items-center truncate overflow-hidden">

    <a class="flex px-4 py-2 mx-1 justify-start hover:bg-blue-100 border-b-4 border-gray-100" href="#">
        نوع فعالیت
    </a>

    <a class="flex px-4 py-2 mx-1 justify-start hover:bg-blue-100 border-b-4 border-gray-100" href="#">
        نوع شخصیت
    </a>

    <a class="flex px-4 py-2 mx-1 justify-start hover:bg-blue-100 border-b-4 border-blue-500" href="#">
        اطلاعات کاربر
    </a>

    @if($utype=='legal')
    <a class=" flex px-4 py-2 mx-1 justify-start hover:bg-blue-100  border-b-4 border-gray-100" href="#">
        اطلاعات تماس و آدرس
    </a>
    @endif

    @if($type=='pro' || $utype=='legal')
    <a class=" flex px-4 py-2 mx-1 justify-start hover:bg-blue-100  border-b-4 border-gray-100" href="#">
        بارگذاری مدارک
    </a>
    @endif
</div>

<x-session-error></x-session-error>
<x-session-success></x-session-success>

<form method="POST" id="check-form1-data" class="px-0 md:px-2"
    action="{{ route('user.profile.wizard', ['step' => 'user-data', 'type' => $type, 'utype' => $utype]) }}">
    @csrf
    <input type="hidden" id="level1_verify" value="{{ $user->level1_verify == true ? '1' : '0' }}">
    <input type="hidden" id="force_pcode" value="0">
    <input type="hidden" id="utype" value="{{ $utype }}">
    <input type="hidden" id="type" value="{{ $type }}">
    <input type="hidden" id="ischange" value="{{ $user->profile_completed }}">

    <div class="mb-6 text-sm p-2">
        @if ($type=='default' && $utype== 'legal')
        اطلاعات نماینده شرکت
        @elseif ($type=='pro' && $utype== 'legal')
        اطلاعات نماینده کلینیک/بیمارستان/دانشگاه:
        @else
        لطفا فرم زیر را به دقت تکمیل نمایید:
        @endif
    </div>


    <div class="grid sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 md:gap-1">

        <x-newlayout.partials.input name='first_name' id="first_name"
            value="{{ old('first_name') ?? $user->first_name }}" label="نام: "
            readonly="{{ !$fieldsEnable['last_name'] }}">
        </x-newlayout.partials.input>

        <x-newlayout.partials.input name='last_name' id="last_name" value="{{ old('last_name') ?? $user->last_name }}"
            label="نام خانوادگی: " readonly="{{ !$fieldsEnable['last_name'] }}">
        </x-newlayout.partials.input>

        <x-newlayout.partials.dropdown name='gender' id="gender" label="جنسیت: "
            disabled="{{ !$fieldsEnable['gender'] }}">
            <option value="0" @if(old('gender') ?? $user->gender==0) selected="selected"
                @endif >انتخاب کنید...</option>
            <option value="1" @if(old('gender') ?? $user->gender==1) selected="selected"
                @endif>مرد</option>
            <option value="2" @if(old('gender') ?? $user->gender==2) selected="selected"
                @endif>زن</option>
        </x-newlayout.partials.dropdown>



        <input type="hidden" id="pre_mobile" value="{{ $user->mobile }}">
        <div>
            <x-newlayout.partials.input name='mobile' id="mobile" maxlength="11" class="direction-ltr"
                value="{{  $user->mobile }}" label="همراه: " readonly="{{ !$fieldsEnable['mobile'] }}">
            </x-newlayout.partials.input>
        </div>

        <input type="hidden" id="pcodeValidationCode"
            value="{{ $user->pcode_verified == true ? '1' : ($user->image_present_mobile != "" ? '2' : '') }}">


        <div>
            <x-newlayout.partials.input name='pcode' id="pcode" maxlength="10" class="direction-ltr" manualError="true"
                value="{{  old('pcode') ?? $user->pcode }}" label="کد ملی: " readonly="{{ !$fieldsEnable['pcode'] }}">
            </x-newlayout.partials.input>
        </div>

        <input type="hidden" id="pre_pcode" value="{{ $user->pcode }}">

        @if($user->pcode_verified == true)
        <input type="hidden" id="verified_pcode" value="1" />
        @else
        <input type="hidden" id="verified_pcode" value="0" />
        <div style="display: none;">
            <button type="button" class="btn btn-primary" id="btnVerifyPCode" disabled="disabled" data-toggle="modal"
                data-target="#verifyPCodeModal" style="width: auto;margin-top:30px;">تایید کد
                ملی</button>
        </div>
        @endif

        @if ($type=='pro' && $utype=='natural')
        <div>
            <x-newlayout.partials.dropdown name='field_activity' id="field_activity" label="زمینه فعالیت: "
                disabled="{{ !$fieldsEnable['field_activity'] }}">

                <option value="" @if(old('field_activity') ?? $user->
                    field_activity=='') selected="selected" @endif>انتخاب کنید...
                </option>
                <option value="پزشک / دندانپزشک" @if(old('field_activity') ?? $user->
                    field_activity=='پزشک / دندانپزشک')
                    selected="selected" @endif >پزشک / دندانپزشک</option>
                <option value="دانشجوی دندانپزشکی" @if(old('field_activity') ?? $user->
                    field_activity=='دانشجوی دندانپزشکی')
                    selected="selected" @endif>دانشجوی دندانپزشکی</option>

                <option value="سایر" @if(old('field_activity') ?? $user->
                    field_activity=='سایر') selected="selected" @endif>سایر</option>

            </x-newlayout.partials.dropdown>
        </div>
        @endif


        <div id="dvEmailRow1" class="min-w-[20%]">
            <x-newlayout.partials.input name='email' id="email" maxlength="50" class="direction-ltr"
                value="{{  old('email') ?? $user->email }}" label="ایمیل: " readonly="{{ !$fieldsEnable['email'] }}">
            </x-newlayout.partials.input>
        </div>

        @if($type == 'pro' && $utype == 'natural')

        <input type="hidden" id="pre_medical_number" value="{{ $user->medical_number }}">
        <x-newlayout.partials.input name='medical_number' id="medical_number" maxlength="15" class="direction-ltr"
            value="{{   old('medical_number') ?? $user->medical_number }}" label="شماره نظام پزشکی/دانشجویی
                : " readonly="{{ !$fieldsEnable['medical_number'] }}">
        </x-newlayout.partials.input>

        @endif

    </div>



    @if(!($user->profile_completed && $user->web_active))
    <div class="form-control">
        <label class="cursor-pointer label justify-start gap-1">
            <input type="checkbox" checked="checked" class="checkbox checkbox-primary" name="review_request"
                id="review_request" value="1">

            <span class="label-text">
                <a target="_blank" class="btn btn-link px-0" href="/pages/5/rules">قوانین و مقررات</a>
                دنت‌آنلاین را خوانده‌ام و با آنها موافق هستم.
            </span>

        </label>
        {!! $errors->first('review_request', '<span class="error">:message</span>') !!}
    </div>

    @endif

    <div class="text-left px-2">

        @if($user->profile_completed && $user->web_active)
        <a href="{{ route('user.profile.wizard', ['step' => 'user-edit', 'type'=> $type, 'utype'=> $utype]) }}"
            class="bg-green-500 hover:bg-green-600 mx-5 py-2 px-8 rounded-lg text-white text-sm">ویرایش</a>
        @else

        @if($user->web_active && !($type=='default' && $utype == 'natural') )
        <button type="button" id="btn-back-alert">مرحله قبل</button>
        @else
        <a href="{{ route('user.profile.wizard', ['step' => 'user-type', 'type'=> $type, 'utype'=> $utype]) }}"
            class="btn btn-link">مرحله قبل</a>
        @endif

        <x-newlayout.button type="submit" id="subUpdate" name="subUpdate">
            {{ $type == 'default' && $utype == 'natural' ? 'ثبت اطلاعات' : 'تایید و مرحله بعد' }}
        </x-newlayout.button>

        @endif
    </div>

</form>

<x-newlayout.profile-data-form1-models :type="$type" :utype="$utype" :user="$user"
    :dataHelpPresentMobile="$dataHelpPresentMobile">
</x-newlayout.profile-data-form1-models>

<x-newlayout.profile.change-mobile-model />

@stop

@section('scripts')
<script src="/js/profile-wzd.min.js?v=0.7" type="text/javascript"></script>
<script>
    $(document).ready(function () {
        $('#btn-back-alert').click(function () {
            alertify.confirm('هشدار', ' در صورت بازگشت به مرحله قبل دسترسی شما به امکانات سایت به صورت موقت قطع خواهد شد و اطلاعات شما می‌بایست مجدد بررسی و تایید شود.',
            function(){
                window.location.href = '{!! route('user.profile.wizard', ['step' => 'user-reset', 'type'=> $type, 'utype'=> $utype]) !!}';
           
            },function(){}).set('labels', {ok:'ادامه', cancel:'انصراف'});
        })
    });
</script>
@stop