@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-blue-500" 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>

</div>

<div class="m-4">
    <form method="POST" id="form-profile"
        action="{{ route('user.profile.wizard', ['step' => 'user-type', 'type' => $type]) }}">
        @csrf

        <div class="mb-6 font-bold">
            لطفا نوع شخصیت را انتخاب نمایید:
        </div>
        @if ( $type == 'pro')

        <div class="form-group">
            <input type="radio" name="utype" id="utype-natural" value="natural">
            <label for="utype-natural">
                شخص حقیقی
            </label>
            <br>
            <small>
                اعضای سازمان نظام پزشکی، کلینیک‌های حقیقی و دانشجویان
                رشته های پزشکی
            </small>
        </div>

        <div class="form-group">
            <input type="radio" name="utype" id="utype-legal" value="legal">
            <label for="utype-legal">
                شخص حقوقی
            </label>
            <br>
            <small>
                دانشگاه های علوم پزشکی، بیمارستانها، کلینیک‌های حقوقی،
                شرکت ها و موسسات پزشکی حقوقی
            </small>
        </div>

        @elseif( $type == 'default')
        <div class="form-group">
            <input type="radio" name="utype" id="utype-natural" value="natural">
            <label for="utype-natural"> شخص حقیقی</label>
        </div>

        <div class="form-group">
            <input type="radio" name="utype" id="utype-legal" value="legal">
            <label for="utype-legal">شخص حقوقی (شرکت ها و موسسات)</label>
        </div>
        @endif

        <div class="text-left">
            <a href="{{ route('user.profile.wizard') }}">مرحله قبل</a>
            <x-newlayout.button type="button" id="btn-submit">تایید و مرحله بعد</x-newlayout.button>
        </div>

    </form>
</div>

@stop

@section('scripts')
<script type="text/javascript">
    $(document).ready(function () {  
         $('#btn-submit').click(function () { 
            var type = $('input[name=utype]:checked').val(); 
            if (type !== 'natural' && type !== 'legal') {  
                alertify.alert('هشدار', 'لطفا نوع شخصیت را انتخاب نمایید').set('label', 'تایید');  
                return false;
            } 

            $('#form-profile').submit();
        });
 
    });
     
</script>
@stop