@extends('seller.metronik.layout')

@section('style')
    <style>
        #user_type {
            display: none;
        }

        .border {
            border: 1px dashed #cecece;
            padding: 30px 20px;
            border-radius: 10px;
        }

        .error-message {
            height: 7px;
            font-size: 11px;
            margin-bottom: 3px;
        }

        /* HTML: <div class="loader"></div> */
        .loader-filter {
            display: none;
            transition: all ease .3s;
            position: fixed;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            background: rgba(255, 255, 255, .8);
            z-index: 9999999999999;
        }
  
        @keyframes spin {
            0% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(360deg);
            }
        }

        @keyframes pulse {
            50% {
                background: white;
            }
        }


        .loading-box {
      border-radius: 50%;
    width: 250px;
    height: 250px;
    border-top: 3px solid #330000;
    border-right: 3px solid transparent;
    /* border-top-color: #000; */
    animation: spin 1s infinite linear;
        }

        .loading--double-box {
    position: absolute;
    top: 40%;
    z-index: 999999999999999999999999999999999999999999999999999999;
    left: 40%;
    transform: translate(-50%, -50%);
        }

        /*//step2*/
        /*.active {*/
        /*    background-color: #0b2e13;*/
        /*    color: white;*/
        /*}*/

        .cart {
            width: 20px;
            height: 20px;
            border: 1px solid red;
            border-radius: 20px;
            right: 0;
            position: absolute;
            top: 0;
            background: red;
            color: white;
        }

        .fa-cart-plus {
            padding: 0 !important;
            font-size: 20px !important;
        }

        .w-90 {
            width: 90%;
        }

        .w-100 {
            width: 100% !important;
        }

        .border-none {
            border: none !important;
        }
    </style>
    {{--    //step3--}}
    <link rel="stylesheet" href="{{ asset('home/css/cart.css') }}">
    <link rel="stylesheet" type="text/css" href="{{asset('home/css/checkout.css')}}">
        <link rel="stylesheet" href="{{ asset('admin/assets/css/mds.bs.datetimepicker.style.css') }}">
    <style>
        .cart-main {
            padding: 5px 10px !important;
        }

        .active-box {
            border: 1px dashed #5014d0 !important;
            color: var(--bs-primary);
            background-color: var(--bs-primary-light) !important;
        }


.input-code,.input-code-new-user{
    width:50px !important;
        height:50px !important;
}
        .active-box i {
            color: #5014d0;
        }

        .cart-main label {
            font-size: 14px !important;
        }

        .cart-summary h5 {
            background-color: #191a71;
            color: white;
            padding: 10px;
            font-size: 16px !important;
        }

        /*.cart-summary {*/
        /*    */
        /*    border-radius: 5px;*/
        /*    overflow: hidden;*/
        /*}*/

        .remove_btn {
            display: flex !important;
            width: 20px;
            height: 20px;
            position: absolute;
            top: 0;
            right: 0;
            border-radius: 10px;
            background: red;
            color: white;
            justify-content: center;
            align-content: center;
            cursor: pointer;
        }

        .remove_btn > i {
            color: white !important;
            margin-top: 3px;
        }

        .p-relative {
            position: relative;
        }

        tr > td {
            text-align: center !important;
        }

        .number-input {
            border: none !important;
        }

        .shadow-box-md {
            width: 3rem;
            height: 3rem;
            display: flex;

            align-items: center;
        }

        .border-opacity-90 {
            width: 25%;
            border-width: 4px;
            border-color: rgb(34 197 94);

            border: 4px solid rgb(209 213 219);
        }

        .border-opacity-90.active {
            border: 4px solid rgb(34 197 94);
        }

        .flex {
            display: flex;
        }

        .h-full {
            height: 100%;
        }

        .font-semibold {
            font-weight: 600;
        }

        .shadow-box-md h1 {
            font-size: 1.6rem;
            line-height: 1.75rem;
            text-align: center;
            margin: 0;
        }

        .bg-gray-200 {
            --tw-bg-opacity: 1;
            background-color: rgb(229 231 235);
        }

        input[type=number] {
            -moz-appearance: textfield;
        }

        /*.order-total > label {*/
        /*    font-size: 1.6rem !important;*/
        /*}*/

        .table .btn-close {
            top: -8px;
            left: -7px;
            font-size: 16px;
        }

        .table .btn-close {
            position: absolute;
            padding: 0;
            background: #fff;
            border: 2px solid #fff;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            -webkit-box-shadow: 0 2px 6px 0 rgb(0 0 0 / 40%);
            box-shadow: 0 2px 6px 0 rgb(0 0 0 / 40%);
            top: 3px;
            right: 8px;
        }

        td, th {
            min-width: 80px;
            width: auto;
            text-align: center;
            font-size: 14px;
            vertical-align: initial;
            padding: 11px;
        }

        tr {
            border-bottom: 1px solid #d5d5d5;
        }

        @media screen and (max-width: 576px) {
            td, th {
                min-width: 150px;
                text-align: center;
            }

            .min-width-200 {
                min-width: 200px !important;
            }
        }

        .cart-thead {
            background: #191a71;
            color: white !important;
        }

        th {
            height: 85px;
            vertical-align: middle;
        }

        .cart-summary .divider {
            display: inline-block;
            /* vertical-align: middle; */
            margin-right: 0 !important;
            height: auto !important;
            width: 100% !important;
            background-color: #000 !important;
        }

        .z-20 {
            z-index: 20;
        }

        .inline-flex {
            display: inline-flex;
        }

        .w-full {
            width: 100%;
        }

        .justify-between {
            justify-content: space-between;
        }

        .title-cart {
            font-size: 1.5rem;
            line-height: 1.5rem;
        }

        .bg-green-400 {
            --tw-bg-opacity: 1;
            background-color: rgb(74 222 128);
        }

        .rounded-full {
            border-radius: 9999px;
        }

        .relative {
            position: relative;
        }

        .absolute {
            position: absolute;
        }

        .-top-10 {
            top: -2.5rem;
        }

        .top-0 {
            top: 0;
        }

        .header-cart {
            margin-bottom: 50px
        }
    </style>
@endsection

@section('script')

    <script src="{{ asset('admin/assets/js/mds.bs.datetimepicker.js') }}"></script>
    <script>

        $('.select-user-type').click(function () {
            $('.select-user-type').removeClass('active-box');
            $(this).addClass('active-box');
        });

        function OrderForUser() {
            $('#user_type').slideDown();
        }

        function SearchUser() {
            $('#SearchUser').slideDown();
        }

        function ShowUserOption(tag, id) {
            $('.users-type').removeClass('active-box');
            $(tag).find('.users-type').addClass('active-box');


            $('.user_option').addClass('d-none');
            $('#' + id).removeClass('d-none')
            $('#user_type_input').val(id);
            $('.next-btn').removeClass('d-none');
        }

        function GoAhead() {
            $('.error-message').empty(); // پاک کردن خطاها زمانی که اطلاعات درست ذخیره شوند
            let user_type_input = $('#user_type_input').val();
            if (user_type_input == 'add_new_user') {
                authorizeOtpNew()
            }
            if (user_type_input == 'search_user') {
                search_user()
            }
        }


        function add_new_user() {
            let first_name = $('#first_name').val();
            let last_name = $('#last_name').val();
            let national_code = $('#national_code').val();
            let cellphone = $('#cellphone').val();
            let father_name = $('#father_name').val();
            let identityNo = $('#identityNo').val();
            let birth_date = $('#birth_date').val();
            $.ajax({
                url: '{{ route('seller.user.save') }}', // URL درخواست
                method: 'POST',
                data: {
                    first_name: first_name,
                    last_name: last_name,
                    birth_date:birth_date,
                    father_name: father_name,
                    identityNo: identityNo,
                    national_code: national_code,
                    cellphone: cellphone,
                    _token: "{{ csrf_token() }}"
                },
                beforeSend:function(){
                                $('.loader-filter').show();
                },
                success: function (response) {

                                $('.loader-filter').hide();
                    if(response.status == 200){

                              swal({
                        text: 'اطلاعات با موفقیت ذخیره شدند   ',
                        icon: "success",
                        timer: 2000,
                        buttons: false,
                    })
                    $('.error-message').empty(); // پاک کردن خطاها زمانی که اطلاعات درست ذخیره شوند
                    let user_id = response.user_id
                    $('#user_id').val(user_id);
                    Step_2()

                    }

                    if(response.status == 400){

                     swal({
                        text: response.message,
                        icon: "error",
                        timer: 2000,
                        buttons: false,
                    })
                        if (response.invalidFields && Object.keys(response.invalidFields).length > 0) {
                            let inputs = transformResponse(response.invalidFields);
                            markInvalidInputsAndScroll(inputs);
                        }
                    }
                },
                error: function (xhr) {
                                $('.loader-filter').hide();
                    const errors = xhr.responseJSON.errors; // خطاهای بازگشتی
                    $('.error-message').empty(); // پاک کردن خطاهای قبلی
                    for (let key in errors) {
                        $('#error_' + key).text(errors[key].join(', ')); // نمایش خطا در مکان مشخص
                    }
                }
            });
        };

        function markInvalidInputsAndScroll(jsonData) {
        let firstInvalidInput = null;
        for (const key in jsonData) {
            if (jsonData.hasOwnProperty(key)) {
                const inputElement = document.getElementById(key);
                if (inputElement) {
                    // اگر input readonly باشد، آن را پاک کنید
                    if (inputElement.hasAttribute('disabled')) {
                        inputElement.removeAttribute('disabled');
                    }
                    inputElement.classList.add('is-invalid');

                    // پیدا کردن اولین ورودی نادرست
                    if (!firstInvalidInput) {
                        firstInvalidInput = inputElement;
                    }

                }
            }
        }
        if (firstInvalidInput) {
            firstInvalidInput.scrollIntoView({behavior: "smooth", block: "center"});
        }
    }


    function transformResponse(data) {
        const result = {};

        for (const key in data) {
            if (data.hasOwnProperty(key)) {
                // حذف "Similarity" از کلیدها
                const newKey = key.replace('Similarity', '');
                // تبدیل کلمه به snake_case
                const snakeCaseKey = newKey.replace(/([A-Z])/g, '_$1').toLowerCase();
                result[snakeCaseKey] = data[key];
            }
        }

        return result;
    }

        function search_user() {

            $('#error_user').addClass('d-none')
            let user_id = $('#user').val();
              console.log(user_id);
            if (user_id == null || user_id == '') {
                $('#error_user').removeClass('d-none')
                return;
            }
            $('#user_id').val(user_id);

            Step_2()
        }

        function Step_2() {

            let user_id = $('#user_id').val();
            $('.loader-filter').show();
            $('.stepper-item').removeClass('current');
            $('.icon_step_2').addClass('current');
            $('.steps').addClass('d-none');
            setTimeout(function () {
 $('.loader-filter').hide();
                window.location.href = '{{ route("seller.submit_user_order.step_2", ":user") }}'.replace(':user', user_id);

            }, 300);
        }


        let cart_items = [];

        function AddToCart(product_id, product_name, product_price) {
            // ایجاد یک شیء برای محصول
            const product = {
                id: product_id,
                name: product_name,
                price: product_price
            };

            // بررسی وجود محصول قبل از افزودن
            const existingProduct = cart_items.find(item => item.id === product_id);
            if (!existingProduct) {
                cart_items.push(product);
            }

            $('#cart_count').text(cart_items.length);
            ShowCart();
        }

        function ShowCart() {
            let cartContent = `
        <table class="table">
            <thead>
                <tr class="bg-dark text-white">
                    <th class="text-center" scope="col">شناسه</th>
                    <th class="text-center" scope="col">نام محصول</th>
                    <th class="text-center" scope="col">قیمت (تومان)</th>
                    <th class="text-center" scope="col">عملیات</th>
                </tr>
            </thead>
            <tbody>
    `;

            cart_items.forEach(item => {
                cartContent += `
            <tr>
                <td class="text-center">${item.id}</td>
                <td class="text-center">${item.name}</td>
               <td class="text-center">${Number(item.price).toLocaleString()}</td>
                <td class="text-center"><button class="btn btn-danger btn-sm" onclick="removeFromCart(${item.id})">حذف</button></td>
            </tr>
        `;
            });

            cartContent += `
            </tbody>
        </table>
    `;

            $('#cart_modal #content').html(cartContent);
            $('#cart_modal').modal('show');
            $('#add_order_btn').removeClass('d-none');
            if (cart_items.length == 0) {
                $('#add_order_btn').addClass('d-none');
                $('#choose_user_box').addClass('d-none');
            }
        }

        function removeFromCart(itemId) {
            cart_items = cart_items.filter(item => item.id !== itemId);
            $('#cart_count').text(cart_items.length);
            ShowCart(); // به‌روزرسانی جدول بعد از حذف
        }

        $('#add_order_btn').click(function () {
            // $('#choose_user_box').removeClass('d-none');
            const product_ids = cart_items.map(obj => obj.id);
            let user_id = $('#user_id').val();
            $.ajax({
                url: '{{ route('seller.cart.save') }}', // URL درخواست
                type: 'POST', // یا 'GET' بر اساس نیاز شما
                contentType: 'application/json',
                data: JSON.stringify({
                    _token: '{{ csrf_token() }}',
                    product_ids: product_ids,
                    user_id: user_id
                }),

                success: function (response) {

                    if (response[0] == 1) {
                        $('#step_3').html(response[2]);
                        Step_3();
                    }

                },

                error: function (jqXHR, textStatus, errorThrown) {

                    console.error('Error:', textStatus, errorThrown);

                }

            });
        });


        function Step_3() {
            $('#cart_modal').modal('hide');
            $('.loader-filter').show();
            $('.stepper-item').removeClass('current');
            $('.icon_step_3').addClass('current');
            $('.steps').addClass('d-none');
            setTimeout(function () {
                $('.loader-filter').hide();
                $('#step_3').removeClass('d-none');
            }, 1000);
        }

        function Step_4() {

            $('.loader-filter').show();
            $('.stepper-item').removeClass('current');
            $('.icon_step_4').addClass('current');
            $('.steps').addClass('d-none');
            setTimeout(function () {
                $('.loader-filter').hide();
                $('#step_4').removeClass('d-none');
            }, 1000);
        }

    new mds.MdsPersianDateTimePicker(document.getElementById('birth_date'), {
        targetTextSelector: '#birth_date',
        englishNumber: true,
        enableTimePicker: true,
        textFormat: 'yyyy-MM-dd ',
    });
        new mds.MdsPersianDateTimePicker(document.getElementById('birth_date_2'), {
        targetTextSelector: '#birth_date_2',
        englishNumber: true,
        enableTimePicker: true,
        textFormat: 'yyyy-MM-dd ',
    });
    </script>
    {{--    //step3--}}
    <script>
        function change_quantity(cart_id, type) {
            let quantity = $('#quantity_' + cart_id).val();
            if (type == 1) {
                quantity = parseInt(quantity) + 1;
            } else {
                quantity = parseInt(quantity) - 1;
            }
            if (quantity == 0) {
                quantity = 1;
                $('#quantity_' + cart_id).val(quantity);
            } else {
                $('#quantity_' + cart_id).val(quantity);
                updateQuantity(cart_id);
            }


        }

        function remove_cart(cart_id) {
            $.ajax({
                url: "{{ route('home.cart.remove') }}",
                data: {
                    _token: "{{ csrf_token() }}",
                    cart_id: cart_id,
                },
                dataType: "json",
                type: 'POST',
                beforeSend: function () {

                },
                success: function (msg) {
                    console.log(msg);
                    if (msg) {
                        if (msg[0] == 1) {
                            getCartInfo()
                            Step_3();
                        }
                        if (msg[0] == 0) {
                            let message = msg[1];
                            swal({
                                title: 'error',
                                text: message,
                                icon: 'error',

                            })
                        }
                    }
                },
            })
        }

        function remove_carts() {
            $.ajax({
                url: "{{ route('home.carts.remove') }}",
                data: {
                    _token: "{{ csrf_token() }}",
                },
                dataType: "json",
                type: 'POST',
                beforeSend: function () {

                },
                success: function (msg) {
                    console.log(msg);
                    if (msg) {
                        if (msg[0] == 1) {
                            let message = msg[1];
                            swal({

                                text: message,
                                icon: 'success',
                                timer: 5000,
                                button: false

                            })
                            setTimeout(function () {
                                window.location.href = "{{ route('home.index') }}";
                            }, 1500)
                        }
                        if (msg[0] == 0) {
                            let message = msg[1];
                            swal({
                                title: 'error',
                                text: message,
                                icon: 'error',

                            })
                        }
                    }
                },
            })
        }

        function updateQuantity(cart_id, tag) {
            let quantity = $('#quantity_' + cart_id).val();
            $.ajax({
                url: "{{ route('home.cart.update') }}",
                type: "POST",
                dataType: "json",
                data: {
                    quantity: quantity,
                    cart_id: cart_id,
                    _token: "{{ csrf_token() }}"
                },
                success: function (response) {
                    if (response[0] === 1) {
                        getCartInfo()
                        Step_3();
                    }
                    if (response[0] === 0) {
                        swal({
                            title: " دقت کنید",
                            text: "تعداد وارد شده بیش از موجودی کالا است",
                            icon: "error",
                        });

                        $(tag).val(response[1]);
                    }
                }
            });
        }

        function getCartInfo() {
            let user_id = $('#user_id').val();
            $.ajax({
                url: '{{ route('seller.cart.get') }}', // URL درخواست
                type: 'POST', // یا 'GET' بر اساس نیاز شما
                contentType: 'application/json',
                data: JSON.stringify({
                    _token: '{{ csrf_token() }}',
                    user_id: user_id
                }),
                success: function (response) {

                    if (response[0] == 1) {
                        $('#step_3').html(response[2]);
                        Step_3();
                    }

                },

                error: function (jqXHR, textStatus, errorThrown) {

                    console.error('Error:', textStatus, errorThrown);

                }

            });
        }

        function checkCart() {
            $.ajax({
                url: "{{ route('home.cart.checkCartAjax') }}",
                type: "POST",
                dataType: "json",
                data: {
                    _token: "{{ csrf_token() }}"
                },
                success: function (response) {
                    if (response[0] == 1) {
                        window.location.href = "{{ route('home.checkout') }}";
                    }
                    if (response[0] == 0) {
                        swal({
                            title: 'خطا',
                            text: response[1],
                            icon: 'error',
                            timer: 5000,
                            button: false
                        })
                        setTimeout(function () {
                            window.location.reload();
                        }, 5000)
                    }
                }
            });
        }

    </script>




    <script>
        function openSearchModal() {
    $('#searchUserModal').modal('show');
}

function searchUser() {
    const nationalCode = document.getElementById('national_code_search').value;
    $.ajax({
                url: "{{ route('home.search.user.national_code') }}",
                data: {
                    _token: "{{ csrf_token() }}",
                    nationalCode: nationalCode,
                },
                dataType: "json",
                type: 'POST',
                beforeSend: function () {
            $('.loader-filter').show();
                },
                success: function (msg) {
                      $('.loader-filter').hide();
                    console.log();
                    if(msg.status != null && msg.status == 400){
                    swal({
                        text:msg.message ,
                        icon: "error",
                        timer: 2000,
                        buttons: false,
                    })
                        return;
                    }




                 let user = msg.user;
                   if (user) {
        document.getElementById('user_info_first_name').innerText =user.first_name ;
        document.getElementById('user_info_last_name').innerText =user.last_name ;
        document.getElementById('user_info_national_code').innerText =user.national_code ;
        document.getElementById('user_info_cellphone').innerText =user.cellphone ;

        if(user.is_athorize){
            $('#user_info_athorize').attr('data-is-athorize',1);

                    $('#user_info_athorize').html('<a class="text-success">احراز شده </a>')  ;
        }else{

            $('#formAuthorizeUser input[name="first_name"]').val(user.first_name);
            $('#formAuthorizeUser input[name="last_name"]').val(user.last_name);
            $('#formAuthorizeUser input[name="cellphone"]').val(user.cellphone);
            $('#formAuthorizeUser input[name="national_code"]').val(user.national_code);
                        $('#user_info_athorize').attr('data-is-athorize',0);

                     $('#user_info_athorize').html('<a class="text-danger">احراز نشده</a>')  ;
        }
        document.getElementById('userDetails').classList.remove('d-none');
        document.getElementById('error_user').classList.add('d-none');
        $('#continue_button').data('user-id',user.id);

                   } else {
        document.getElementById('userDetails').classList.add('d-none');
        document.getElementById('error_user').classList.remove('d-none');



                        // Close the search modal
                closeSearchModal();
                // Open create user confirmation modal
                openCreateUserModal();

    }

                },
            })
}

function authorizeUser(){
      var formData = $('#formAuthorizeUser').serialize();
            $.ajax({
                url: '{{ route('athorize_user_exist.save') }}', // URL درخواست
                method: 'POST',
                data:formData,
                beforeSend:function(){
                                $('.loader-filter').show();
                },
                success: function (response) {

                                $('.loader-filter').hide();
                    if(response.status == 200){

                              swal({
                        text: 'اطلاعات با موفقیت احراز شدند   ',
                        icon: "success",
                        timer: 2000,
                        buttons: false,
                    })

                        $('#user').val($('#continue_button').data('user-id'));

                    search_user();


                    }

                    if(response.status == 400){



                    if(response.invalidFields){
                                swal({
                        text: 'برخی اطلاعات معتبر نیستند',
                        icon: "error",
                        timer: 2000,
                        buttons: false,
                    })
                                            let inputs = transformResponse(response.invalidFields);
                let firstInvalidInput = null;
        for (const key in inputs) {
            if (inputs.hasOwnProperty(key)) {
                const inputElement = document.getElementById('formAuthorizeUser').querySelector(`input[name="${key}"]`);
                if (inputElement) {
                    // اگر input readonly باشد، آن را پاک کنید
                    if (inputElement.hasAttribute('disabled')) {
                        inputElement.removeAttribute('disabled');
                    }
                    inputElement.classList.add('is-invalid');

                    // پیدا کردن اولین ورودی نادرست
                    if (!firstInvalidInput) {
                        firstInvalidInput = inputElement;
                    }

                }
            }
        }
        if (firstInvalidInput) {
            firstInvalidInput.scrollIntoView({behavior: "smooth", block: "center"});
        }
                    }else{
                                             swal({
                        text: 'تاریخ تولد معتبر نمیباشد',
                        icon: "error",
                        timer: 2000,
                        buttons: false,
                    })
                    }

                    }
                },
                error: function (xhr) {
                                $('.loader-filter').hide();
                    const errors = xhr.responseJSON.errors; // خطاهای بازگشتی
                    $('.error-message').empty(); // پاک کردن خطاهای قبلی
                    for (let key in errors) {
                        $('#error_' + key).text(errors[key].join(', ')); // نمایش خطا در مکان مشخص
                    }
                }
            });
}
function closeSearchModal() {
    $('#searchUserModal').modal('hide');
}
function closeModal()
{
    $('.modal').modal('hide');
}
function openCreateUserModal() {
    $('#createUserModal').modal('show');
}

function continueToNextStep(tag)
{

     $.ajax({
                url: '{{ route('athorize_user_exist.otp') }}', // URL درخواست
                method: 'POST',
                data:{
                    user_id:$(tag).data('user-id'),
                    _token:"{{csrf_token()}}"
                },
                beforeSend:function(){
                   $('.loader-filter').show();
                },
                success: function (response) {
                         $('.loader-filter').hide();
                   $('#searchUserModal').modal('hide');
                  $('#modal-otp').modal('show');

                },
                error: function (xhr) {
                    $('.loader-filter').hide();
                    const errors = xhr.responseJSON.errors; // خطاهای بازگشتی
                    $('.error-message').empty(); // پاک کردن خطاهای قبلی
                    for (let key in errors) {
                        $('#error_' + key).text(errors[key].join(', ')); // نمایش خطا در مکان مشخص
                    }
                }
            });


    //  $('#user').val($(tag).data('user-id'));
    //  if(!$('#user_info_athorize').data('is-athorize')){
    //      $('#athorize-user').modal('show');
    //  }else{
    //       search_user();
    //  }

}



function authorizeOtpNew()
{

     $.ajax({
                url: '{{ route('athorize_user_new.otp') }}', // URL درخواست
                method: 'POST',
                data:{
                    cellphone:$('#cellphone').val(),
                    _token:"{{csrf_token()}}"
                },
                beforeSend:function(){
                   $('.loader-filter').show();
                },
                success: function (response) {
                         $('.loader-filter').hide();
                   $('#searchUserModal').modal('hide');
                  $('#modal-otp-new-user').modal('show');

                },
                error: function (xhr) {
                    $('.loader-filter').hide();
                    const errors = xhr.responseJSON.errors; // خطاهای بازگشتی
                    $('.error-message').empty(); // پاک کردن خطاهای قبلی
                    for (let key in errors) {
                        $('#error_' + key).text(errors[key].join(', ')); // نمایش خطا در مکان مشخص
                    }
                }
            });



}
   const inputs_new = document.querySelectorAll('.input-code-new-user');

    inputs_new.forEach((input, index) => {
        input.addEventListener('input', function () {
            // اگر ورودی پر باشد به ورودی بعدی برود
            if (this.value.length === 1 && index < inputs.length - 1) {
                inputs[index + 1].focus();
            }
        });

        input.addEventListener('keydown', function (event) {
            // اگر کاربر کلید Backspace را فشار دهد و ورودی خالی باشد، به ورودی قبلی برود
            if (event.key === 'Backspace' && this.value.length === 0 && index > 0) {
                inputs[index - 1].focus();
            }
        });
    });


    $('#kt_sing_in_two_fact_submit_new_user').click(function () {
        let code = '';
        const inputs = document.querySelectorAll('.input-code');
        inputs.forEach(input => {
            code += input.value; // مقادیر ورودی‌ها را به هم وصل می‌کنیم
        });
        $.ajax({

            url: "{{route('athorize_user_new.otp.check')}}",  // URL را به Endpoint واقعی خود تغییر دهید
            type: 'POST',
            data: {'code': code,'_token':"{{csrf_token()}}"},
            beforeSend: function () {
                $('.loader-filter').show();

            },
            success: function (response) {

                // $('.loader-filter').hide();




if(response.status == 400){
    $('.loader-filter').hide();
                        swal({
                        text: 'کد احراز هویت شما اشتباه است',
                        icon: "error",
                        timer: 2000,
                        buttons: false,
                    })
}

                if (response.status == 200) {

                    // $('.loader-filter').hide();
                    $('#modal-otp-new-user').modal('hide');
                    // swal({
                    //     text: 'اطلاعات شما با موفقیت تایید شد',
                    //     icon: "success",
                    //     timer: 2000,
                    //     buttons: false,
                    // })

                  add_new_user();

                }


            },
            error: function (xhr, status, error) {
                console.log(xhr,status,error)
                // مدیریت خطا
                alert('مشکلی در ارسال فرم وجود دارد: ' + error);

            },
            complete: function () {
                // دوباره فعال کردن دکمه
                $('#submit-form').attr('disabled', false);
                $('#submit-form .indicator-label').text('ثبت');
                $('#submit-form .indicator-progress').hide();
            }
        });
    })

function showAddUser()
{
    $('#createUserModal').modal('hide');
    $('#add_new_user').removeClass('d-none');
                $('.next-btn').removeClass('d-none');

                 $('#user_type_input').val('add_new_user');


                 $('#national_code').val($('#national_code_search').val())

}

   const inputs = document.querySelectorAll('.input-code');

    inputs.forEach((input, index) => {
        input.addEventListener('input', function () {
            // اگر ورودی پر باشد به ورودی بعدی برود
            if (this.value.length === 1 && index < inputs.length - 1) {
                inputs[index + 1].focus();
            }
        });

        input.addEventListener('keydown', function (event) {
            // اگر کاربر کلید Backspace را فشار دهد و ورودی خالی باشد، به ورودی قبلی برود
            if (event.key === 'Backspace' && this.value.length === 0 && index > 0) {
                inputs[index - 1].focus();
            }
        });
    });


    $('#kt_sing_in_two_fact_submit').click(function () {
        let code = '';
        const inputs = document.querySelectorAll('.input-code');
        inputs.forEach(input => {
            code += input.value; // مقادیر ورودی‌ها را به هم وصل می‌کنیم
        });
        $.ajax({

            url: "{{route('athorize_user_exist.otp.check')}}",  // URL را به Endpoint واقعی خود تغییر دهید
            type: 'POST',
            data: {'code': code, user_id:$('#continue_button').data('user-id'),_token:"{{csrf_token()}}"},
            beforeSend: function () {
                $('.loader-filter').show();

            },
            success: function (response) {

                $('.loader-filter').hide();






                if (response.status == 200) {

                    $('.loader-filter').hide();
                    $('#modal-otp').modal('hide');
                    swal({
                        text: 'اطلاعات شما با موفقیت تایید شد',
                        icon: "success",
                        timer: 2000,
                        buttons: false,
                    })


                         $('#user').val($('#continue_button').data('user-id'));
     if(!$('#user_info_athorize').data('is-athorize')){
         $('#athorize-user').modal('show');
     }else{
          search_user();
     }


                }


            },
            error: function (xhr, status, error) {
                console.log(xhr,status,error)
                // مدیریت خطا
                alert('مشکلی در ارسال فرم وجود دارد: ' + error);

            },
            complete: function () {
                // دوباره فعال کردن دکمه
                $('#submit-form').attr('disabled', false);
                $('#submit-form .indicator-label').text('ثبت');
                $('#submit-form .indicator-progress').hide();
            }
        });
    })
    </script>
@endsection

@section('content')
<div class="modal fade" id="modal-otp" tabindex="-1" style="display: none;" aria-hidden="true">
    <!--begin::Modal dialog-->
    <div class="modal-dialog ">
        <!--begin::Modal content-->
        <div class="modal-content rounded">
            <!--begin::Modal header-->
            <div class="modal-header justify-content-end border-0 pb-0">
                <!--begin::Close-->
                <div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">
                    <i class="ki-outline ki-cross fs-1"></i>
                </div>
                <!--end::Close-->
            </div>
            <!--end::Modal header-->
            <!--begin::Modal body-->
            <div class="modal-body pt-0 pb-15 px-5 px-xl-20">
                <form class="form w-100 mb-13" novalidate="novalidate" data-kt-redirect-url="index.html"
                      id="kt_sing_in_two_fact_form">
                    <!--begin::Icon-->
                    <div class="text-center mb-10">
                        <img alt="Logo" class="mh-125px"
                             src="{{asset('home/profile/media/svg/misc/smartphone-2.svg')}}">
                    </div>

                    <div class="text-center mb-10">

                        <h1 class="text-gray-900 mb-3">کد را جهت تایید احراز هویت وارد نمایید</h1>

                    </div>

                    <div class="mb-10">

                        <div style="direction: ltr" class="d-flex box-code-input flex-wrap flex-stack">
                            <input type="text" name="code_1" data-inputmask="'mask': '9', 'placeholder': ''"
                                   maxlength="1"
                                   class="form-control input-code bg-transparent h-60px w-60px fs-2qx text-center mx-1 my-2"
                                   value="" inputmode="numeric">
                            <input type="text" name="code_2" data-inputmask="'mask': '9', 'placeholder': ''"
                                   maxlength="1"
                                   class="form-control input-code bg-transparent h-60px w-60px fs-2qx text-center mx-1 my-2"
                                   value="" inputmode="numeric">
                            <input type="text" name="code_3" data-inputmask="'mask': '9', 'placeholder': ''"
                                   maxlength="1"
                                   class="form-control input-code bg-transparent h-60px w-60px fs-2qx text-center mx-1 my-2"
                                   value="" inputmode="numeric">
                            <input type="text" name="code_4" data-inputmask="'mask': '9', 'placeholder': ''"
                                   maxlength="1"
                                   class="form-control input-code bg-transparent h-60px w-60px fs-2qx text-center mx-1 my-2"
                                   value="" inputmode="numeric">
                            <input type="text" name="code_5" data-inputmask="'mask': '9', 'placeholder': ''"
                                   maxlength="1"
                                   class="form-control input-code bg-transparent h-60px w-60px fs-2qx text-center mx-1 my-2"
                                   value="" inputmode="numeric">

                                                               <input type="text" name="code_6" data-inputmask="'mask': '9', 'placeholder': ''"
                                   maxlength="1"
                                   class="form-control input-code bg-transparent h-60px w-60px fs-2qx text-center mx-1 my-2"
                                   value="" inputmode="numeric">
                        </div>
                        <!--begin::Input group-->
                    </div>
                    <!--end::Section-->
                    <!--begin::ثبت-->
                    <div class="d-flex flex-center">
                        <button type="button" id="kt_sing_in_two_fact_submit" class="btn btn-lg btn-primary fw-bold">
                            <span class="indicator-label">ثبت</span>
                            <span class="indicator-progress">لطفا صبر کنید...
										<span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
                        </button>
                    </div>
                    <!--end::ثبت-->
                </form>
            </div>
            <!--end::Modal body-->
        </div>
        <!--end::Modal content-->
    </div>
    <!--end::Modal dialog-->
</div>

<div class="modal fade" id="modal-otp-new-user" tabindex="-1" style="display: none;" aria-hidden="true">
    <!--begin::Modal dialog-->
    <div class="modal-dialog ">
        <!--begin::Modal content-->
        <div class="modal-content rounded">
            <!--begin::Modal header-->
            <div class="modal-header justify-content-end border-0 pb-0">
                <!--begin::Close-->
                <div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">
                    <i class="ki-outline ki-cross fs-1"></i>
                </div>
                <!--end::Close-->
            </div>
            <!--end::Modal header-->
            <!--begin::Modal body-->
            <div class="modal-body pt-0 pb-15 px-5 px-xl-20">
                <form class="form w-100 mb-13" novalidate="novalidate" data-kt-redirect-url="index.html"
                      id="kt_sing_in_two_fact_form">
                    <!--begin::Icon-->
                    <div class="text-center mb-10">
                        <img alt="Logo" class="mh-125px"
                             src="{{asset('home/profile/media/svg/misc/smartphone-2.svg')}}">
                    </div>

                    <div class="text-center mb-10">

                        <h1 class="text-gray-900 mb-3">کد را جهت تایید احراز هویت وارد نمایید</h1>

                    </div>

                    <div class="mb-10">

                        <div style="direction: ltr" class="d-flex box-code-input flex-wrap flex-stack">
                            <input type="text" name="code_1" data-inputmask="'mask': '9', 'placeholder': ''"
                                   maxlength="1"
                                   class="form-control input-code bg-transparent h-60px w-60px fs-2qx text-center mx-1 my-2"
                                   value="" inputmode="numeric">
                            <input type="text" name="code_2" data-inputmask="'mask': '9', 'placeholder': ''"
                                   maxlength="1"
                                   class="form-control input-code bg-transparent h-60px w-60px fs-2qx text-center mx-1 my-2"
                                   value="" inputmode="numeric">
                            <input type="text" name="code_3" data-inputmask="'mask': '9', 'placeholder': ''"
                                   maxlength="1"
                                   class="form-control input-code bg-transparent h-60px w-60px fs-2qx text-center mx-1 my-2"
                                   value="" inputmode="numeric">
                            <input type="text" name="code_4" data-inputmask="'mask': '9', 'placeholder': ''"
                                   maxlength="1"
                                   class="form-control input-code bg-transparent h-60px w-60px fs-2qx text-center mx-1 my-2"
                                   value="" inputmode="numeric">
                            <input type="text" name="code_5" data-inputmask="'mask': '9', 'placeholder': ''"
                                   maxlength="1"
                                   class="form-control input-code bg-transparent h-60px w-60px fs-2qx text-center mx-1 my-2"
                                   value="" inputmode="numeric">

                                                               <input type="text" name="code_6" data-inputmask="'mask': '9', 'placeholder': ''"
                                   maxlength="1"
                                   class="form-control input-code bg-transparent h-60px w-60px fs-2qx text-center mx-1 my-2"
                                   value="" inputmode="numeric">
                        </div>
                        <!--begin::Input group-->
                    </div>
                    <!--end::Section-->
                    <!--begin::ثبت-->
                    <div class="d-flex flex-center">
                        <button type="button" id="kt_sing_in_two_fact_submit_new_user" class="btn btn-lg btn-primary fw-bold">
                            <span class="indicator-label">ثبت</span>
                            <span class="indicator-progress">لطفا صبر کنید...
										<span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
                        </button>
                    </div>
                    <!--end::ثبت-->
                </form>
            </div>
            <!--end::Modal body-->
        </div>
        <!--end::Modal content-->
    </div>
    <!--end::Modal dialog-->
</div>
<div class="modal" id="createUserModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">کاربر یافت نشد</h5>
                <button type="button" class="btn-close" onclick="closeModal()" aria-label="Close"></button>
            </div>
            <div class="modal-body">
             <p>کاربر با این کد ملی قبلا  در سیستم ثبت نام نکرده است . ایا قصد ایجاد کاربر را دارید ؟</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" onclick="closeModal()">خیر</button>
                <button type="button" class="btn btn-primary" onclick="showAddUser()">بله</button>
            </div>
        </div>
    </div>
</div>
<div class="modal" id="athorize-user" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">  احراز هویت کاربر</h5>

            </div>
            <div class="modal-body">
 <form id="formAuthorizeUser" action="" method="POST"
                                                  enctype="multipart/form-data">
     @csrf
                                                <div class="form-group row">

                                                    <div class="col-sm-6 mb-3">
                                                        <label>نام</label>
                                                        <input style="padding:5px !important" name="first_name"
                                                               class="form-control mb-2 border"
                                                               value="">
                                                        <div class="error-message text-danger"
                                                             id="error_first_name"></div> <!-- مکان نمایش خطا -->
                                                    </div>

                                                    <div class="col-sm-6 mb-3">
                                                        <label>نام خانوادگی</label>
                                                        <input style="padding:5px !important" name="last_name"
                                                               class="form-control mb-2 border"
                                                               value="">
                                                        <div class="error-message text-danger"
                                                             id="error_last_name"></div> <!-- مکان نمایش خطا -->
                                                    </div>

                                                    <div class="col-sm-6 mb-3">
                                                        <label>نام پدر</label>
                                                        <input style="padding:5px !important" name="father_name"
                                                               class="form-control mb-2 border"
                                                               value="">
                                                        <div class="error-message text-danger"
                                                             id="error_father_name"></div> <!-- مکان نمایش خطا -->
                                                    </div>

                                                <div class="col-sm-6 mb-3">
                                                        <label>شماره شناسنامه </label>
                                                        <input style="padding:5px !important" name="identityNo"
                                                               class="form-control mb-2 border"
                                                               value="">
                                                        <div class="error-message text-danger"
                                                             id="error_identityNo"></div> <!-- مکان نمایش خطا -->
                                                </div>


                                                <div class="col-sm-6 mb-3">
                                                    <label for="birth_date">تاریخ تولد:</label>
                                                    <input style="padding:5px !important" type="text" value=""
                                                           class="form-control mb-2 border"  id="birth_date_2" name="birth_date">

                                                </div>

                                                    <div class="col-sm-6 mb-3">
                                                        <label>کد ملی</label>
                                                        <input style="padding:5px !important" name="national_code"
                                                               class="form-control mb-2 border"
                                                               value="">
                                                        <div class="error-message text-danger"
                                                             id="error_national_code"></div> <!-- مکان نمایش خطا -->
                                                    </div>

                                                    <div class="col-sm-6 mb-3">
                                                        <label>شماره همراه</label>
                                                        <input style="padding:5px !important" name="cellphone"
                                                               class="form-control mb-2 border"
                                                               value="">
                                                        <div class="error-message text-danger"
                                                             id="error_cellphone"></div> <!-- مکان نمایش خطا -->
                                                    </div>

                                                </div>
                                            </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" >بستن</button>
                <button type="button" class="btn btn-primary" onclick="authorizeUser()">احراز هویت</button>
            </div>
        </div>
    </div>
</div>
    <div class="d-flex flex-column flex-root" id="kt_app_root">

        <div
            class="d-flex flex-column flex-lg-row flex-column-fluid stepper stepper-pills stepper-column stepper-multistep"
            id="kt_create_account_stepper">
            @include('seller.metronik.sidebar')
            <div class="d-flex flex-column flex-lg-row-fluid py-10 position-relative">
                <div class="loader-filter">
                    <div class='loading-box loading--double-box'></div>
                </div>
                <div class="w-90 mx-auto">
                    {{--                   //step1--}}
                    <div id="step_1" class="steps d-flex flex-center flex-column flex-column-fluid">
                        <form class="w-100 my-auto pb-5" novalidate="novalidate" id="kt_create_account_form">
                            <!--begin::مرحله 1-->
                            <div class="current" data-kt-stepper-element="content">
                                <!--begin::Wrapper-->
                                <div class="w-100">
                                    <!--begin::Heading-->
                                    <div class="pb-10 pb-lg-15">
                                        <!--begin::Title-->
                                        <h2 class="fw-bold d-flex align-items-center text-gray-900">
                                            ثبت سفارش
                                            <span class="ms-1" data-bs-toggle="tooltip"
                                                  title="برای چه کسی میخواهید ثبت سفارش انجام بدهید؟">
												<i class="ki-outline ki-information-5 text-gray-500 fs-6"></i>
											</span></h2>
                                        <!--end::Title-->
                                        <!--begin::Notice-->
                                        {{--                                        <div class="text-muted fw-semibold fs-6">اگر به اطلاعات بیشتری نیاز دارید ، لطفاً این مورد را بررسی کنید--}}
                                        {{--                                            <a href="#" class="link-primary fw-bold">صفحه راهنما</a>.</div>--}}
                                        <!--end::Notice-->
                                    </div>
                                    <!--end::Heading-->
                                    <!--begin::Input group-->
                                    <div class="fv-row">
                                        <!--begin::Row-->
                                        <div id="user_or_seller" class="row steps">
                                            <!--begin::Col-->
                                            <div class="col-lg-6">
                                                <!--begin::Option-->
                                                <label
                                                    class="select-user-type btn btn-outline btn-outline-dashed btn-active-light-primary p-7 d-flex align-items-center mb-10">
                                                    <i class="fa fa-user fs-3x me-5"></i>
                                                    <!--begin::Info-->
                                                    <span class="d-block fw-semibold text-start">
															<span class="text-gray-900 fw-bold d-block fs-4 mb-2">
                                                                برای خودم
                                                            </span>
{{--															<span class="text-muted fw-semibold fs-6">اگر به اطلاعات بیشتری نیاز دارید ، لطفاً آنها را بررسی کنید</span>--}}
														</span>
                                                    <!--end::Info-->
                                                </label>
                                                <!--end::Option-->
                                            </div>
                                            <!--end::Col-->
                                            <!--begin::Col-->
                                            <div onclick="openSearchModal()" class="col-lg-6">

                                                <label
                                                    class="select-user-type btn btn-outline btn-outline-dashed btn-active-light-primary p-7 d-flex align-items-center">
                                                    <i class="fa fa-users fs-3x me-5"></i>
                                                    <!--begin::Info-->
                                                    <span
                                                        class="d-block fw-semibold text-start">
															<span
                                                                class="text-gray-900 fw-bold d-block fs-4 mb-2"> کاربر</span>
{{--															<span class="text-muted fw-semibold fs-6">ساختن حساب شرکتی به کاربران مان</span>--}}
														</span>
                                                    <!--end::Info-->
                                                </label>
                                                <!--end::Option-->
                                            </div>
                                            <!--end::Col-->
                                        </div>
                                        <div id="user_type" class="steps">
                                            <div class="row">
                                                <div onclick="ShowUserOption(this,'search_user')" class="col-lg-6">
                                                    <label
                                                        class="users-type btn btn-outline btn-outline-dashed btn-active-light-primary p-7 d-flex align-items-center mb-10">
                                                        <i class="fa fa-search fs-3x me-5"></i>
                                                        <!--begin::Info-->
                                                        <span class="d-block fw-semibold text-start">
															<span class="text-gray-900 fw-bold d-block fs-4 mb-2">
                                                                جست و جوی کاربر
                                                            </span>
{{--															<span class="text-muted fw-semibold fs-6">اگر به اطلاعات بیشتری نیاز دارید ، لطفاً آنها را بررسی کنید</span>--}}
														</span>
                                                        <!--end::Info-->
                                                    </label>
                                                    <!--end::Option-->
                                                </div>

                                                <div onclick="ShowUserOption(this,'add_new_user')" class="col-lg-6">
                                                    <label
                                                        class="btn btn-outline btn-outline-dashed btn-active-light-primary p-7 d-flex align-items-center">
                                                        <i class="fa fa-plus fs-3x me-5"></i>
                                                        <!--begin::Info-->
                                                        <span class="d-block fw-semibold text-start">
															<span class="text-gray-900 fw-bold d-block fs-4 mb-2"> افزودن کاربر جدید</span>
{{--															<span class="text-muted fw-semibold fs-6">ساختن حساب شرکتی به کاربران مان</span>--}}
														</span>
                                                        <!--end::Info-->
                                                    </label>
                                                    <!--end::Option-->
                                                </div>
                                            </div>
                                        </div>
                                        <!--                                        <div class="row">-->
                                        <!--    <div class="col-12 col-md-6">-->
                                        <!--        <div id="search_user" class="mt-3 user_option d-none border">-->
                                        <!--            <label for="user" class="mb-3">جست و جوی کاربر: </label>-->
                                        <!--            <select id="user" name="user"-->
                                        <!--                    class="form-control form-control-sm selectpicker"-->
                                        <!--                    data-live-search="true">-->
                                        <!--                <option value="">انتخاب کنید</option>-->
                                        <!--                @foreach($users as $user)-->
                                        <!--                    <option-->
                                        <!--                        value="{{ $user->id }}">{{ $user->first_name.' '.$user->last_name }}</option>-->
                                        <!--                @endforeach-->
                                        <!--            </select>-->
                                        <!--            <div class="text-danger d-none" id="error_user">انتخاب کاربر-->
                                        <!--                الزامی است-->
                                        <!--            </div> <!-- مکان نمایش خطا -->
                                        <!--        </div>-->
                                        <!--    </div>-->

                                        <!--</div>-->

                                        <input name="user" type="hidden" id="user">
                                        <div id="add_new_user" class="mt-3 user_option d-none border">
                                            <form id="user_form_information" action="" method="POST"
                                                  enctype="multipart/form-data">
                                                <div class="form-group row">

                                                    <div class="col-sm-6 mb-3">
                                                        <label>نام</label>
                                                        <input style="padding:5px !important" name="first_name" id="first_name"
                                                               class="form-control mb-2 border"
                                                               value="{{ old('first_name') }}">
                                                        <div class="error-message text-danger"
                                                             id="error_first_name"></div> <!-- مکان نمایش خطا -->
                                                    </div>

                                                    <div class="col-sm-6 mb-3">
                                                        <label>نام خانوادگی</label>
                                                        <input style="padding:5px !important" name="last_name" id="last_name"
                                                               class="form-control mb-2 border"
                                                               value="{{ old('last_name') }}">
                                                        <div class="error-message text-danger"
                                                             id="error_last_name"></div> <!-- مکان نمایش خطا -->
                                                    </div>

                                                    <div class="col-sm-6 mb-3">
                                                        <label>نام پدر</label>
                                                        <input style="padding:5px !important" name="father_name" id="father_name"
                                                               class="form-control mb-2 border"
                                                               value="{{ old('father_name') }}">
                                                        <div class="error-message text-danger"
                                                             id="error_father_name"></div> <!-- مکان نمایش خطا -->
                                                    </div>

                                                <div class="col-sm-6 mb-3">
                                                        <label>شماره شناسنامه </label>
                                                        <input style="padding:5px !important" name="identityNo" id="identityNo"
                                                               class="form-control mb-2 border"
                                                               value="{{ old('identityNo') }}">
                                                        <div class="error-message text-danger"
                                                             id="error_identityNo"></div> <!-- مکان نمایش خطا -->
                                                </div>


                                                <div class="col-sm-6 mb-3">
                                                    <label for="birth_date">تاریخ تولد:</label>
                                                    <input style="padding:5px !important" type="text" value="{{ old('birth_date') }}"
                                                           class="form-control mb-2 border"  id="birth_date" name="birth_date">

                                                </div>

                                                    <div class="col-sm-6 mb-3">
                                                        <label>کد ملی</label>
                                                        <input style="padding:5px !important" name="national_code" id="national_code"
                                                               class="form-control mb-2 border"
                                                               value="{{ old('national_code') }}">
                                                        <div class="error-message text-danger"
                                                             id="error_national_code"></div> <!-- مکان نمایش خطا -->
                                                    </div>

                                                    <div class="col-sm-6 mb-3">
                                                        <label>شماره همراه</label>
                                                        <input style="padding:5px !important" name="cellphone" id="cellphone"
                                                               class="form-control mb-2 border"
                                                               value="{{ old('cellphone') }}">
                                                        <div class="error-message text-danger"
                                                             id="error_cellphone"></div> <!-- مکان نمایش خطا -->
                                                    </div>

                                                </div>
                                            </form>

                                        </div>
                                        <!--end::Row-->
                                    </div>
                                    <!--end::Input group-->
                                </div>
                                <!--end::Wrapper-->
                            </div>
                            <!--end::مرحله 1-->
                            <!--begin::مرحله 2-->
                            <div class="" data-kt-stepper-element="content">
                                <!--begin::Wrapper-->
                                <div class="w-100">
                                    <!--begin::Heading-->
                                    <div class="pb-10 pb-lg-15">
                                        <!--begin::Title-->
                                        <h2 class="fw-bold text-gray-900">اطلاعات اکانت</h2>
                                        <!--end::Title-->
                                        <!--begin::Notice-->
                                        <div class="text-muted fw-semibold fs-6">اگر به اطلاعات بیشتری نیاز دارید ،
                                            لطفاً این مورد را بررسی کنید
                                            <a href="#" class="link-primary fw-bold">صفحه راهنما</a>.
                                        </div>
                                        <!--end::Notice-->
                                    </div>
                                    <!--end::Heading-->
                                    <!--begin::Input group-->
                                    <div class="mb-10 fv-row">
                                        <!--begin::Tags-->
                                        <label class="d-flex align-items-center form-label mb-3">اندازه تیم را مشخص کنید
                                            <span class="ms-1" data-bs-toggle="tooltip"
                                                  title="حرفه ایvide your team size to help us setup your billing">
												<i class="ki-outline ki-information-5 text-gray-500 fs-6"></i>
											</span></label>
                                        <!--end::Tags-->
                                        <!--begin::Row-->
                                        <div class="row mb-2" data-kt-buttons="true">
                                            <!--begin::Col-->
                                            <div class="col">
                                                <!--begin::Option-->
                                                <label
                                                    class="btn btn-outline btn-outline-dashed btn-active-light-primary w-100 p-4">
                                                    <input type="radio" class="btn-check" name="account_team_size"
                                                           value="1-1"/>
                                                    <span class="fw-bold fs-3">1-1</span>
                                                </label>
                                                <!--end::Option-->
                                            </div>
                                            <!--end::Col-->
                                            <!--begin::Col-->
                                            <div class="col">
                                                <!--begin::Option-->
                                                <label
                                                    class="btn btn-outline btn-outline-dashed btn-active-light-primary w-100 p-4 active">
                                                    <input type="radio" class="btn-check" name="account_team_size"
                                                           checked="checked" value="2-10"/>
                                                    <span class="fw-bold fs-3">2-10</span>
                                                </label>
                                                <!--end::Option-->
                                            </div>
                                            <!--end::Col-->
                                            <!--begin::Col-->
                                            <div class="col">
                                                <!--begin::Option-->
                                                <label
                                                    class="btn btn-outline btn-outline-dashed btn-active-light-primary w-100 p-4">
                                                    <input type="radio" class="btn-check" name="account_team_size"
                                                           value="10-50"/>
                                                    <span class="fw-bold fs-3">10-50</span>
                                                </label>
                                                <!--end::Option-->
                                            </div>
                                            <!--end::Col-->
                                            <!--begin::Col-->
                                            <div class="col">
                                                <!--begin::Option-->
                                                <label
                                                    class="btn btn-outline btn-outline-dashed btn-active-light-primary w-100 p-4">
                                                    <input type="radio" class="btn-check" name="account_team_size"
                                                           value="50+"/>
                                                    <span class="fw-bold fs-3">50+</span>
                                                </label>
                                                <!--end::Option-->
                                            </div>
                                            <!--end::Col-->
                                        </div>
                                        <!--end::Row-->
                                        <!--begin::Hint-->
                                        <div class="form-text">مشتریان این نسخه کوتاه شده توصیفگر بیانیه شما را خواهد
                                            دید
                                        </div>
                                        <!--end::Hint-->
                                    </div>
                                    <!--end::Input group-->
                                    <!--begin::Input group-->
                                    <div class="mb-10 fv-row">
                                        <!--begin::Tags-->
                                        <label class="form-label mb-3">تیم اکانت نام</label>
                                        <!--end::Tags-->
                                        <!--begin::Input-->
                                        <input type="text" class="form-control form-control-lg form-control-solid"
                                               name="account_name" placeholder="" value=""/>
                                        <!--end::Input-->
                                    </div>
                                    <!--end::Input group-->
                                    <!--begin::Input group-->
                                    <div class="mb-0 fv-row">
                                        <!--begin::Tags-->
                                        <label class="d-flex align-items-center form-label mb-5">انتخاب پلن اکانت
                                            <span class="ms-1" data-bs-toggle="tooltip"
                                                  title="ماهانه billing will be based on your account plan">
												<i class="ki-outline ki-information-5 text-gray-500 fs-6"></i>
											</span></label>
                                        <!--end::Tags-->
                                        <!--begin::تنظیمات-->
                                        <div class="mb-0">
                                            <!--begin:Option-->
                                            <label class="d-flex flex-stack mb-5 cursor-pointer">
                                                <!--begin:برچسب-->
                                                <span class="d-flex align-items-center me-2">
														<!--begin::Icon-->
														<span class="symbol symbol-50px me-6">
															<span class="symbol-label">
																<i class="ki-outline ki-bank fs-1 text-gray-600"></i>
															</span>
														</span>
                                                    <!--end::Icon-->
                                                    <!--begin::توضیحات-->
														<span class="d-flex flex-column">
															<span class="fw-bold text-gray-800 text-hover-primary fs-5">کمپانی اکانت</span>
															<span class="fs-6 fw-semibold text-muted">از تصاویر برای افزایش جریان ارسال خود استفاده کنید</span>
														</span>
                                                    <!--end:توضیحات-->
													</span>
                                                <!--end:برچسب-->
                                                <!--begin:Input-->
                                                <span class="form-check form-check-custom form-check-solid">
														<input class="form-check-input" type="radio" name="account_plan"
                                                               value="1"/>
													</span>
                                                <!--end:Input-->
                                            </label>
                                            <!--end::Option-->
                                            <!--begin:Option-->
                                            <label class="d-flex flex-stack mb-5 cursor-pointer">
                                                <!--begin:برچسب-->
                                                <span class="d-flex align-items-center me-2">
														<!--begin::Icon-->
														<span class="symbol symbol-50px me-6">
															<span class="symbol-label">
																<i class="ki-outline ki-chart fs-1 text-gray-600"></i>
															</span>
														</span>
                                                    <!--end::Icon-->
                                                    <!--begin::توضیحات-->
														<span class="d-flex flex-column">
															<span class="fw-bold text-gray-800 text-hover-primary fs-5">توسعه دهنده اکانت</span>
															<span class="fs-6 fw-semibold text-muted">از تصاویر برای زمان ارسال خود استفاده کنید</span>
														</span>
                                                    <!--end:توضیحات-->
													</span>
                                                <!--end:برچسب-->
                                                <!--begin:Input-->
                                                <span class="form-check form-check-custom form-check-solid">
														<input class="form-check-input" type="radio" checked="checked"
                                                               name="account_plan" value="2"/>
													</span>
                                                <!--end:Input-->
                                            </label>
                                            <!--end::Option-->
                                            <!--begin:Option-->
                                            <label class="d-flex flex-stack mb-0 cursor-pointer">
                                                <!--begin:برچسب-->
                                                <span class="d-flex align-items-center me-2">
														<!--begin::Icon-->
														<span class="symbol symbol-50px me-6">
															<span class="symbol-label">
																<i class="ki-outline ki-chart-pie-4 fs-1 text-gray-600"></i>
															</span>
														</span>
                                                    <!--end::Icon-->
                                                    <!--begin::توضیحات-->
														<span class="d-flex flex-column">
															<span class="fw-bold text-gray-800 text-hover-primary fs-5">تست اکانت</span>
															<span class="fs-6 fw-semibold text-muted">از تصاویر برای تقویت رودخانه های سفر در زمان استفاده کنید</span>
														</span>
                                                    <!--end:توضیحات-->
													</span>
                                                <!--end:برچسب-->
                                                <!--begin:Input-->
                                                <span class="form-check form-check-custom form-check-solid">
														<input class="form-check-input" type="radio" name="account_plan"
                                                               value="3"/>
													</span>
                                                <!--end:Input-->
                                            </label>
                                            <!--end::Option-->
                                        </div>
                                        <!--end::تنظیمات-->
                                    </div>
                                    <!--end::Input group-->
                                </div>
                                <!--end::Wrapper-->
                            </div>
                            <!--end::مرحله 2-->
                            <!--begin::مرحله 3-->
                            <div class="" data-kt-stepper-element="content">
                                <!--begin::Wrapper-->
                                <div class="w-100">
                                    <!--begin::Heading-->
                                    <div class="pb-10 pb-lg-12">
                                        <!--begin::Title-->
                                        <h2 class="fw-bold text-gray-900">بیزینس جزییات</h2>
                                        <!--end::Title-->
                                        <!--begin::Notice-->
                                        <div class="text-muted fw-semibold fs-6">اگر به اطلاعات بیشتری نیاز دارید ،
                                            لطفاً این مورد را بررسی کنید
                                            <a href="#" class="link-primary fw-bold">صفحه راهنما</a>.
                                        </div>
                                        <!--end::Notice-->
                                    </div>
                                    <!--end::Heading-->
                                    <!--begin::Input group-->
                                    <div class="fv-row mb-10">
                                        <!--begin::Tags-->
                                        <label class="form-label required">نام تجارت</label>
                                        <!--end::Tags-->
                                        <!--begin::Input-->
                                        <input name="business_name"
                                               class="form-control form-control-lg form-control-solid"
                                               value="ساتراس وب Inc."/>
                                        <!--end::Input-->
                                    </div>
                                    <!--end::Input group-->
                                    <!--begin::Input group-->
                                    <div class="fv-row mb-10">
                                        <!--begin::Tags-->
                                        <label class="d-flex align-items-center form-label">
                                            <span class="required">توصیف مختصر</span>
                                            <span class="lh-1 ms-1" data-bs-toggle="popover" data-bs-trigger="hover"
                                                  data-bs-html="true"
                                                  data-bs-content="&lt;div class=&#039;p-4 rounded bg-light&#039;&gt; &lt;div class=&#039;d-flex flex-stack text-muted mb-4&#039;&gt; &lt;i class=&quot;ki-outline ki-bank fs-3 me-3&quot;&gt;&lt;/i&gt; &lt;div class=&#039;fw-bold&#039;&gt;INCBANK **** 1245 STATEMENT&lt;/div&gt; &lt;/div&gt; &lt;div class=&#039;d-flex flex-stack fw-semibold text-gray-600&#039;&gt; &lt;div&gt;مقدار&lt;/div&gt; &lt;div&gt;Transaction&lt;/div&gt; &lt;/div&gt; &lt;div class=&#039;separator separator-dashed my-2&#039;&gt;&lt;/div&gt; &lt;div class=&#039;d-flex flex-stack text-gray-900 fw-bold mb-2&#039;&gt; &lt;div&gt;USD345.00&lt;/div&gt; &lt;div&gt;کین تم*&lt;/div&gt; &lt;/div&gt; &lt;div class=&#039;d-flex flex-stack text-muted mb-2&#039;&gt; &lt;div&gt;USD75.00&lt;/div&gt; &lt;div&gt;Hosting fee&lt;/div&gt; &lt;/div&gt; &lt;div class=&#039;d-flex flex-stack text-muted&#039;&gt; &lt;div&gt;USD3,950.00&lt;/div&gt; &lt;div&gt;Payrol&lt;/div&gt; &lt;/div&gt; &lt;/div&gt;">
													<i class="ki-outline ki-information-5 text-gray-500 fs-6"></i>
												</span>
                                        </label>
                                        <!--end::Tags-->
                                        <!--begin::Input-->
                                        <input name="business_descriptیا"
                                               class="form-control form-control-lg form-control-solid" value="کین تم"/>
                                        <!--end::Input-->
                                        <!--begin::Hint-->
                                        <div class="form-text">مشتریان این نسخه کوتاه شده توصیفگر بیانیه شما را خواهد
                                            دید
                                        </div>
                                        <!--end::Hint-->
                                    </div>
                                    <!--end::Input group-->
                                    <!--begin::Input group-->
                                    <div class="fv-row mb-10">
                                        <!--begin::Tags-->
                                        <label class="form-label required">نوع</label>
                                        <!--end::Tags-->
                                        <!--begin::Input-->
                                        <select name="business_type"
                                                class="form-select form-select-lg form-select-solid"
                                                data-control="select2" data-placeholder="انتخاب..."
                                                data-allow-clear="true" data-hide-search="true">
                                            <option></option>
                                            <option value="1">شرکت</option>
                                            <option value="1">C Cیاpیاation</option>
                                            <option value="2">شرکت خصوصی</option>
                                            <option value="3">غیر انتفاعی</option>
                                            <option value="4">مسئولیت محدود</option>
                                            <option value="5">عمومی شراکت</option>
                                        </select>
                                        <!--end::Input-->
                                    </div>
                                    <!--end::Input group-->
                                    <!--begin::Input group-->
                                    <div class="fv-row mb-10">
                                        <!--end::Tags-->
                                        <label class="form-label">شرح تجارت</label>
                                        <!--end::Tags-->
                                        <!--begin::Input-->
                                        <textarea name="business_description"
                                                  class="form-control form-control-lg form-control-solid"
                                                  rows="3"></textarea>
                                        <!--end::Input-->
                                    </div>
                                    <!--end::Input group-->
                                    <!--begin::Input group-->
                                    <div class="fv-row mb-0">
                                        <!--begin::Tags-->
                                        <label class="fs-6 fw-semibold form-label required">تماس با ایمیل</label>
                                        <!--end::Tags-->
                                        <!--begin::Input-->
                                        <input name="business_email"
                                               class="form-control form-control-lg form-control-solid"
                                               value="cیاp@support.com"/>
                                        <!--end::Input-->
                                    </div>
                                    <!--end::Input group-->
                                </div>
                                <!--end::Wrapper-->
                            </div>
                            <!--end::مرحله 3-->
                            <!--begin::مرحله 4-->
                            <div class="" data-kt-stepper-element="content">
                                <!--begin::Wrapper-->
                                <div class="w-100">
                                    <!--begin::Heading-->
                                    <div class="pb-10 pb-lg-15">
                                        <!--begin::Title-->
                                        <h2 class="fw-bold text-gray-900">صورتحساب جزییات</h2>
                                        <!--end::Title-->
                                        <!--begin::Notice-->
                                        <div class="text-muted fw-semibold fs-6">اگر به اطلاعات بیشتری نیاز دارید ،
                                            لطفاً این مورد را بررسی کنید
                                            <a href="#" class="text-primary fw-bold">صفحه راهنما</a>.
                                        </div>
                                        <!--end::Notice-->
                                    </div>
                                    <!--end::Heading-->
                                    <!--begin::Input group-->
                                    <div class="d-flex flex-column mb-7 fv-row">
                                        <!--begin::Tags-->
                                        <label class="d-flex align-items-center fs-6 fw-semibold form-label mb-2">
                                            <span class="required">نام بر روی کارت</span>
                                            <span class="ms-1" data-bs-toggle="tooltip"
                                                  title="نام دارنده کارت را مشخص کنید">
													<i class="ki-outline ki-information-5 text-gray-500 fs-6"></i>
												</span>
                                        </label>
                                        <!--end::Tags-->
                                        <input type="text" class="form-control form-control-solid" placeholder=""
                                               name="card_name" value="مکس اندره"/>
                                    </div>
                                    <!--end::Input group-->
                                    <!--begin::Input group-->
                                    <div class="d-flex flex-column mb-7 fv-row">
                                        <!--begin::Tags-->
                                        <label class="required fs-6 fw-semibold form-label mb-2">شماره کارت</label>
                                        <!--end::Tags-->
                                        <!--begin::Input wrapper-->
                                        <div class="position-relative">
                                            <!--begin::Input-->
                                            <input type="text" class="form-control form-control-solid"
                                                   placeholder="شماره کارت را وارد کنید" name="card_number"
                                                   value="4111 1111 1111 1111"/>
                                            <!--end::Input-->
                                            <!--begin::کارت logos-->
                                            <div class="position-absolute translate-middle-y top-50 end-0 me-5">
                                                <img src="{{ asset('metronik/media/svg/card-logos/visa.svg') }}" alt=""
                                                     class="h-25px"/>
                                                <img src="{{ asset('metronik/media/svg/card-logos/mastercard.svg') }}"
                                                     alt="" class="h-25px"/>
                                                <img
                                                    src="{{ asset('metronik/media/svg/card-logos/american-express.svg') }}"
                                                    alt="" class="h-25px"/>
                                            </div>
                                            <!--end::کارت logos-->
                                        </div>
                                        <!--end::Input wrapper-->
                                    </div>
                                    <!--end::Input group-->
                                    <!--begin::Input group-->
                                    <div class="row mb-10">
                                        <!--begin::Col-->
                                        <div class="col-md-8 fv-row">
                                            <!--begin::Tags-->
                                            <label class="required fs-6 fw-semibold form-label mb-2">تاریخ انقضا</label>
                                            <!--end::Tags-->
                                            <!--begin::Row-->
                                            <div class="row fv-row">
                                                <!--begin::Col-->
                                                <div class="col-6">
                                                    <select name="card_expiry_month"
                                                            class="form-select form-select-solid" data-control="select2"
                                                            data-hide-search="true" data-placeholder="ماه">
                                                        <option></option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                        <option value="11">11</option>
                                                        <option value="12">12</option>
                                                    </select>
                                                </div>
                                                <!--end::Col-->
                                                <!--begin::Col-->
                                                <div class="col-6">
                                                    <select name="card_expiry_year"
                                                            class="form-select form-select-solid" data-control="select2"
                                                            data-hide-search="true" data-placeholder="سال">
                                                        <option></option>
                                                        <option value="2024">2024</option>
                                                        <option value="2025">2025</option>
                                                        <option value="2026">2026</option>
                                                        <option value="2027">2027</option>
                                                        <option value="2028">2028</option>
                                                        <option value="2029">2029</option>
                                                        <option value="2030">2030</option>
                                                        <option value="2031">2031</option>
                                                        <option value="2032">2032</option>
                                                        <option value="2033">2033</option>
                                                        <option value="2034">2034</option>
                                                    </select>
                                                </div>
                                                <!--end::Col-->
                                            </div>
                                            <!--end::Row-->
                                        </div>
                                        <!--end::Col-->
                                        <!--begin::Col-->
                                        <div class="col-md-4 fv-row">
                                            <!--begin::Tags-->
                                            <label class="d-flex align-items-center fs-6 fw-semibold form-label mb-2">
                                                <span class="required">CVV</span>
                                                <span class="ms-1" data-bs-toggle="tooltip"
                                                      title="Enter a card CVV code">
														<i class="ki-outline ki-information-5 text-gray-500 fs-6"></i>
													</span>
                                            </label>
                                            <!--end::Tags-->
                                            <!--begin::Input wrapper-->
                                            <div class="position-relative">
                                                <!--begin::Input-->
                                                <input type="text" class="form-control form-control-solid" minlength="3"
                                                       maxlength="4" placeholder="CVV" name="card_cvv"/>
                                                <!--end::Input-->
                                                <!--begin::CVV icon-->
                                                <div class="position-absolute translate-middle-y top-50 end-0 me-3">
                                                    <i class="ki-outline ki-credit-cart fs-2hx"></i>
                                                </div>
                                                <!--end::CVV icon-->
                                            </div>
                                            <!--end::Input wrapper-->
                                        </div>
                                        <!--end::Col-->
                                    </div>
                                    <!--end::Input group-->
                                    <!--begin::Input group-->
                                    <div class="d-flex flex-stack">
                                        <!--begin::Tags-->
                                        <div class="me-5">
                                            <label class="fs-6 fw-semibold form-label">کارت را برای صورتحساب بیشتر ذخیره
                                                کنید؟</label>
                                            <div class="fs-7 fw-semibold text-muted">اگر به اطلاعات بیشتری نیاز دارید ،
                                                لطفا برنامه ریزی بودجه را بررسی کنید
                                            </div>
                                        </div>
                                        <!--end::Tags-->
                                        <!--begin::Switch-->
                                        <label class="form-check form-switch form-check-custom form-check-solid">
                                            <input class="form-check-input" type="checkbox" value="1"
                                                   checked="checked"/>
                                            <span class="form-check-label fw-semibold text-muted">ذخیره کارت</span>
                                        </label>
                                        <!--end::Switch-->
                                    </div>
                                    <!--end::Input group-->
                                </div>
                                <!--end::Wrapper-->
                            </div>
                            <!--end::مرحله 4-->
                            <!--begin::مرحله 5-->
                            <div class="" data-kt-stepper-element="content">
                                <!--begin::Wrapper-->
                                <div class="w-100">
                                    <!--begin::Heading-->
                                    <div class="pb-8 pb-lg-10">
                                        <!--begin::Title-->
                                        <h2 class="fw-bold text-gray-900">انجام شد</h2>
                                        <!--end::Title-->
                                        <!--begin::Notice-->
                                        <div class="text-muted fw-semibold fs-6">اگر به اطلاعات بیشتری نیاز دارید ،
                                            لطفاً
                                            <a href="#" class="link-primary fw-bold">ورود</a>.
                                        </div>
                                        <!--end::Notice-->
                                    </div>
                                    <!--end::Heading-->
                                    <!--begin::Body-->
                                    <div class="mb-0">
                                        <!--begin::Text-->
                                        <div class="fs-6 text-gray-600 mb-5">نوشتن عناوین برای پست های وبلاگ به همان
                                            اندازه که یک علم است یک هنر است و احتمالاً پست خودش را تضمین می کند ، اما
                                            توصیه همه اینها این است که برای مخاطبان بزرگ و شگفت انگیز شما مفید است.
                                        </div>
                                        <!--end::Text-->
                                        <!--begin::Alert-->
                                        <!--begin::Notice-->
                                        <div
                                            class="notice d-flex bg-light-warning rounded border-warning border border-dashed p-6">
                                            <!--begin::Icon-->
                                            <i class="ki-outline ki-information fs-2tx text-warning me-4"></i>
                                            <!--end::Icon-->
                                            <!--begin::Wrapper-->
                                            <div class="d-flex flex-stack flex-grow-1">
                                                <!--begin::Content-->
                                                <div class="fw-semibold">
                                                    <h4 class="text-gray-900 fw-bold">ما به توجه شما نیاز داریم</h4>
                                                    <div class="fs-6 text-gray-700">برای شروع استفاده از ابزارهای عالی،
                                                        لطفا،
                                                        <a href="utilities/wizards/vertical.html" class="fw-bold">ساختن
                                                            تیم</a></div>
                                                </div>
                                                <!--end::Content-->
                                            </div>
                                            <!--end::Wrapper-->
                                        </div>
                                        <!--end::Notice-->
                                        <!--end::Alert-->
                                    </div>
                                    <!--end::Body-->
                                </div>
                                <!--end::Wrapper-->
                            </div>
                            <!--end::مرحله 5-->
                            <!--begin::Actions-->
                            <div class="d-flex flex-stack pt-15">
                                <div class="mr-2">
                                    <button type="button" class="btn btn-lg btn-light-primary me-3"
                                            data-kt-stepper-action="previous">
                                        <i class="ki-outline ki-arrow-left fs-4 me-1"></i>قبلی
                                    </button>
                                </div>
                                <div>
                                    <button type="button" class="btn btn-lg btn-primary"
                                            data-kt-stepper-action="submit">
											<span class="indicator-label">ثبت
											<i class="ki-outline ki-arrow-left fs-4 ms-2"></i></span>
                                        <span class="indicator-progress">لطفا صبر کنید...
											<span
                                                class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
                                    </button>
                                    <button onclick="GoAhead()" type="button"
                                            class="next-btn btn btn-lg btn-primary d-none"
                                        {{--                                            data-kt-stepper-action="next"--}}
                                    >
                                        ادامه
                                        <i class="ki-outline ki-arrow-left fs-4 ms-1"></i></button>
                                </div>
                            </div>
                            <!--end::Actions-->
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <input type="hidden" name="user_type" id="user_type_input" value="search_user">
        <input type="hidden" name="user_id" id="user_id" value="">
    </div>
                        <div class="modal" id="searchUserModal" tabindex="-1">
                            <div class="modal-dialog">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <h5 class="modal-title">جستجوی کاربر</h5>
                                        <button type="button" class="btn-close" onclick="closeSearchModal()" aria-label="Close"></button>
                                    </div>
                                    <div class="modal-body">
                                        <label for="national_code_search">کد ملی:</label>
                                        <input placeholder="جستجوی کاربر" type="text" id="national_code_search" class="form-control mb-3">
                                        <div id="search_result">
                                                  <div id="userDetails" class="d-none">


                                                      <div class="border border-hover-primary p-7 rounded mb-7">

                            <h4>جزئیات کاربر</h4>
                            <div id="user_info">
                                <div  class="mb-3">
                                    <span>نام:</span>
                                    <span id="user_info_first_name"></span>
                                </div>
                                                                <div class="mb-3">
                                    <span>نام خانوادگی:</span>
                                    <span id="user_info_last_name"></span>
                                </div>
                                                                <div class="mb-3">
                                    <span>کد ملی:</span>
                                    <span id="user_info_national_code"></span>
                                </div>
                                                                                                <div class="mb-3">
                                    <span> تلفن همراه:</span>
                                    <span id="user_info_cellphone"></span>
                                </div>

                                <div class="mb-3 d-flex">
                                    <span >وضعیت احراز هویت:</span>
                                    <div data-is-athorize="" class="mx-3" id="user_info_athorize">

                                    </div>
                                </div>
                            </div>
                            <button data-user-id="" id="continue_button" class="btn btn-primary mt-3" type="button" onclick="continueToNextStep(this)">انتخاب کاربر</button>

							</div>
                        </div>
                                        </div>
                                        <div class="text-danger d-none" id="error_user">کاربر یافت نشد</div>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-secondary" onclick="closeSearchModal()">بستن</button>
                                        <button type="button" class="btn btn-primary" onclick="searchUser()">جستجو</button>
                                    </div>
                                </div>
                            </div>
                        </div>
    @include('seller.metronik.cart_modal')
@endsection