@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-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-blue-500" href="#">
        بارگذاری مدارک
    </a>
    @endif
</div>

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

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

    <div class="mb-6 text-sm p-2">
        لطفا فرم زیر را به دقت تکمیل نمایید:
    </div>

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

    <input type="hidden" id="hiddImage" value="{{ $user->image_medical }}">
    <x-newlayout.partials.file name='image_medical' id="image_medical" label="تصویر کارت نظام پزشکی / دانشجویی ... (اجباری) |
                فرمت های مورد قبول jpg/png" disabled="{{ !$fieldsEnable['image_medical'] }}">
        <x-slot name="help">
            <a data-target="#help-modal" data-name="help-upload-medical-card" data-title="راهنمای الصاق کارت نظام پزشکی"
                class="text-blue-500 mr-4 whitespace-nowrap" href="#">
                <span class="inline-flex"> <img class="h-3" src="/svgs-new1400/circle-info-blue.svg"></span>
                نیاز به راهنما دارید ؟
            </a>

        </x-slot>
        <x-slot name="preview">
            @if($user->image_medical != '')
            <a href="/img/users/docs/{{ $user->image_medical }}" target="_blank" class="btn btn-link btn-sm">
                <img src="/img/users/docs/{{ $user->image_medical }}" style="height: 80px" alt="">
            </a>
            @else
            <img src="" style="height: 80px;display:none; padding: .25rem .5rem;" id="pvimage_medical" alt="">
            @endif
        </x-slot>

    </x-newlayout.partials.file>


    @endif



    @php

    if ($type=='pro' && $utype== 'natural')
    $label = 'تصویر کارت ملی';
    else
    $label = 'تصویر کارت ملی نماینده';

    if( $user->samava_verified == !false)
    $label .= ' (اجباری) | ';
    else
    $label .= ' (اختیاری) | ';


    $label .= 'فرمت های مورد قبول jpg/png';
    @endphp

    <input type="hidden" id="hiddImage_pcode"
        value="{{ $user->image_pcode != '' ? $user->image_pcode : ( $user->samava_verified == !true ? 'optinal' : '') }}">

    <x-newlayout.partials.file name='image_pcode' id="image_pcode" label="{{ $label }}"
        disabled="{{ !$fieldsEnable['image_pcode'] }}">
        <x-slot name="help">
            <a data-target="#help-modal" data-name="help-upload-pcode" data-title="راهنمای الصاق تصویر کارت  ملی"
                class="text-blue-500 mr-4 whitespace-nowrap" href="#">
                <span class="inline-flex"> <img class="h-3" src="/svgs-new1400/circle-info-blue.svg"></span>
                نیاز به راهنما دارید ؟
            </a>

        </x-slot>
        <x-slot name="preview">
            @if($user->image_pcode != '')
            <a href="/img/users/docs/{{ $user->image_pcode }}" target="_blank" class="btn btn-link btn-sm">
                <img src="/img/users/docs/{{ $user->image_pcode }}" style="height: 80px;" alt="">
            </a>
            @else
            <img src="" style="height: 80px;display:none; padding: .25rem .5rem;" id="pvimage_pcode" alt="">
            @endif
        </x-slot>

    </x-newlayout.partials.file>




    @if( ($type=='pro' && $utype=='natural' && $user->samava_verified == !false) ||
    !($type=='pro' && $utype=='natural') )

    <div id="dvImagePresentMobile">
        @php
        $label='';
        if ($type=='pro' && $utype== 'natural')
        $label = 'تصویر معرفی نامه موبایل (اجباری) |';
        elseif ( $utype== 'legal')
        $label .= 'تصویر معرفی نامه نماینده (اجباری) |';
        else
        $label .= 'تصویر معرفی نامه نماینده / مسئول خرید (اجباری) |';

        $label .= 'فرمت های مورد قبول jpg/png';
        @endphp

        <input type="hidden" id="hiddImage_presentMobile" value="{{ $user->image_present_mobile }}">
        <input type="hidden" id="link-help-present-mobile" value="">
        <x-newlayout.partials.file name='image_present_mobile' id="image_present_mobile" label="{{ $label }}"
            disabled="{{ !$fieldsEnable['image_present_mobile'] }}">
            <x-slot name="help">
                <a data-target="#help-modal" data-title="راهنمای الصاق"
                    data-name="{{ $type=='default' ? 'help-responsible-purchasing' : 'help-upload-mobile-verification' }}"
                    class="text-blue-500 mr-4 whitespace-nowrap" href="#">
                    <span class="inline-flex"> <img class="h-3" src="/svgs-new1400/circle-info-blue.svg"></span>
                    نیاز به راهنما دارید ؟
                </a>

            </x-slot>
            <x-slot name="preview">
                @if($user->image_present_mobile != '')
                <a href="/img/users/docs/{{ $user->image_present_mobile }}" target="_blank" class="btn btn-link btn-sm">
                    <img src="/img/users/docs/{{ $user->image_present_mobile }}" style="height: 80px;" alt="">
                </a>
                @else
                <img src="" style="height: 80px;display:none;  padding: .25rem .5rem;" id="pvimage_present_mobile"
                    alt="">
                @endif
            </x-slot>

        </x-newlayout.partials.file>

    </div>


    @endif

    @if($type == 'pro' )

    @php
    if($utype == 'legal')
    $label = 'تصویر پروانه کلینیک (اجباری) |';
    else
    $label = 'تصویر پروانه مطب / کلینیک (اختیاری) |';

    $label .= 'فرمت های مورد قبول jpg/png';
    @endphp

    <div class="row" id="dvImageBusinessLicense_">
        <x-newlayout.partials.file name='image_business_license' id="image_business_license" label="{{ $label }}"
            disabled="{{ !$fieldsEnable['image_business_license'] }}">
            <x-slot name="help">
                <a data-target="#help-modal" data-name="help-upload-business-license"
                    data-title="راهنمای الصاق تصویر پروانه کلینیک" class="text-blue-500 mr-4 whitespace-nowrap"
                    href="#">
                    <span class="inline-flex"> <img class="h-3" src="/svgs-new1400/circle-info-blue.svg"></span>
                    نیاز به راهنما دارید ؟
                </a>

            </x-slot>
            <x-slot name="preview">
                @if($user->image_business_license != '')
                <a href="/img/users/docs/{{ $user->image_business_license }}" target="_blank"
                    class="btn btn-link btn-sm">
                    <img src="/img/users/docs/{{ $user->image_business_license }}" style="height: 80px;" alt="">
                </a>
                @else
                <img src="" style="height: 80px;display:none; padding: .25rem .5rem;" id="pvimage_business_license"
                    alt="">
                @endif
            </x-slot>
        </x-newlayout.partials.file>
    </div>


    @endif


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

        <x-newlayout.button type="submit" id="subUpdate" name="subUpdate">
            تایید
        </x-newlayout.button>

    </div>

</form>

@stop

@section('scripts')

<script src="/js/profile-wzd.min.js?v=0.7" type="text/javascript"></script>
<script>
    var helpData = {!! json_encode($pageData) !!}; 
    $('a[data-target="#help-modal"]').click(function(){
        var name = $(this).data('name');
        var title = $(this).data('title');
        var content = helpData[name]; 
        alertify.alert(title, content).set('label', 'بستن');
    });
 
</script>
@stop