@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-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>

    <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' => 'activity-type']) }}">
        @csrf


        <div class="mb-6 font-bold">
            لطفا نوع فعالیت خود را انتخاب نمایید:
        </div>

        <div class="pb-3">
            <input type="radio" name="type" id="type-pro" value="pro">
            <label for="type-pro">
                کاربر حرفه ای | دسترسی و خرید تجهیزات پزشکی تخصصی و عمومی
            </label>
            <br>
            <small>
                اعضای سازمان نظام پزشکی، دانشگاه‌های علوم پزشکی، بیمارستانها، کلینیک‌ها، دانشجویان
                رشته های پزشکی و صاحبان حرف پزشکی
            </small>
        </div>

        <div class="pb-3">
            <input type="radio" name="type" id="type-default" value="default">
            <label for="type-default">
                کاربر عمومی | دسترسی و خرید کالاهای پزشکی عمومی (غیر تخصصی)
            </label>
            <br>
            <small> افراد بالای ۱۸ سال</small>
        </div>

        <div class="text-left">
            <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=type]:checked').val(); 
            if (type !== 'pro' && type !== 'default') {  
                alertify.alert('هشدار', 'لطفا نوع فعالیت خود را انتخاب نمایید').set('label', 'تایید'); 
   
                return false;
            } 

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