@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-gray-100" href="#">
        اطلاعات کاربر
    </a>

    @if($utype=='legal')
    <a class=" flex px-4 py-2 mx-1 justify-start hover:bg-blue-100  border-b-4 border-blue-500" 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-form2-legal" class="px-0 md:px-2"
    action="{{ route('user.profile.wizard', ['step' => 'user-data-legal', 'type' => $type, 'utype' => $utype]) }}">

    @csrf
    <input type="hidden" id="type" value="{{ $type }}">
    <input type="hidden" id="utype" value="{{ $utype }}">
    <input type="hidden" id="ischange" value="{{ $user->profile_completed }}">
    <input name='registration_number' id="registration_number" type="hidden" value="">
    <input type="hidden" id="zipcode_need" value="{{ $user->gnaf_id == '' ? 'yes' : 'no' }}">
    <input type="hidden" name='address_details' id="address_details" value="{{ $user->address_details }}">

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


    <div>

        <span class="text-red-500 text-sm block" id="span_national_id"></span>
        <span class="text-red-500 text-sm block" id="span_registration_number"></span>
        <span class="text-red-500 text-sm block" id="span_company_phone"></span>
        <span class="text-red-500 text-sm block" id="span_eco_code"></span>
        <span class="text-red-500 text-sm block" id="span_company_zipcode"></span>
        <span class="text-red-500 text-sm block" id="span_company_address"></span>
    </div>

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

        @php
        if($type=='pro' && $utype=='natural')
        $companyLabel= 'عنوان:';
        else if ($type=='pro' && $utype== 'legal')
        $companyLabel= 'کلینیک/شرکت:';
        else
        $companyLabel= 'نام شرکت:';
        @endphp

        <div>
            <x-newlayout.partials.input name='company' id="company" value="{{ old('company') ?? $user->company }}"
                label="{{ $companyLabel }}" readonly="{{ !$fieldsEnable['company'] }}">
            </x-newlayout.partials.input>
        </div>

        <div>
            <x-newlayout.partials.input name='company_phone' id="company_phone"
                value="{{ old('company_phone') ?? $user->company_phone }}" label="تلفن ثابت:"
                readonly="{{ !$fieldsEnable['company_phone'] }}">
            </x-newlayout.partials.input>
        </div>



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

        <div>
            <x-newlayout.partials.input name='national_id' id="national_id"
                value="{{ old('national_id') ?? $user->national_id }}" label="شناسه ملی:"
                readonly="{{ !$fieldsEnable['national_id'] }}">
            </x-newlayout.partials.input>
        </div>


        <div>
            <x-newlayout.partials.input name='eco_code' id="eco_code" value="{{ old('eco_code') ?? $user->eco_code }}"
                label="کد اقتصادی:" readonly="{{ !$fieldsEnable['eco_code'] }}">
            </x-newlayout.partials.input>
        </div>


        @endif

    </div>

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

        <x-newlayout.partials.input name='company_zipcode' id="company_zipcode"
            value="{{ old('company_zipcode') ?? $user->company_zipcode }}" label="کدپستی:"
            readonly="{{ !$fieldsEnable['company_zipcode'] }}">
        </x-newlayout.partials.input>

        {{-- <button type="button" id="btn-get-address-manual" data-zipcode-target="company_zipcode"
            class="bg-blue-500 w-32 mr-2 md:mr-2 py-2  rounded-lg text-white text-sm">
            <span class="inline-flex align-middle"> <img class="h-4" src="/svgs-new1400/location-plus-white.svg"></span>
            دریافت آدرس
        </button> --}}
        <div>
            <x-newlayout.partials.input name='company_address' id="company_address" value="{{ old('company_address') ?? $user->company_address ?? '' }}"
                label="آدرس:" readonly="{{ !$fieldsEnable['company_address'] }}">
            </x-newlayout.partials.input>
        </div>
    </div>

    {{-- <div class="md:flex my-4 mx-2 items-center">
        <p>
            <span class="inline-flex"> <img class="h-4" src="/svgs-new1400/location-dot.svg"></span>
            <span>
                <span id="profile-address" class="text-blue-600 text-sm">کدپستی را وارد و بر روی دریافت آدرس کلیک
                    نمایید!</span>
            </span>
        </p>
    </div> --}}

    {{-- <div class="grid lg:grid-cols-2 xl:grid-cols-2 md:gap-1">
        <x-newlayout.partials.input name='address_details' id="address_details" classGroup="md:max-w-none"
            class=" md:text-right md:pr-2" withoutWidth="true"
            value="{{ old('address_details') ?? $user->address_details }}" label="توضیحات:"
            readonly="{{ !$fieldsEnable['company_address'] }}">
        </x-newlayout.partials.input>

    </div> --}}

    <div class="text-left px-2">
        <a href="{{ route('user.profile.wizard', ['step'=> 'user-data', 'type'=> $type, 'utype'=> $utype]) }}"
            class="btn btn-link">مرحله قبل</a>


        <x-newlayout.button type="submit" id="subUpdate" name="subUpdate">
            تایید و مرحله بعد
        </x-newlayout.button>

    </div>

</form>



<!-- Modal -->
<div class="modal fade" id="alertModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel">پیام سیستم</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
            </div>
            <div class="modal-body">
                <div id="modalAlertMessage"></div>
            </div>
            <div class="modal-footer">
                <button type="button" class="button button-default" data-dismiss="modal">بستن</button>
                <button type="button" id="btnPresentMobile" class="button button-primary display-none">معرفی شماره
                    همراه</button>
            </div>
        </div>
    </div>
</div>

@stop

@section('scripts')
<script src="/js/profile-wzd.min.js?v=0.7" type="text/javascript"></script>
@stop