@extends('layouts.buy')

@section('header')
    <meta name="csrf-token" content="{{ csrf_token() }}">
@endsection
@section('content')

    <div id="login-form">
        <div class="uk-container uk-container-expand uk-margin-medium-top">
            <div uk-grid>
                <div class="uk-width-xlarge@s uk-width-large uk-margin margin-auto" >
                    <div class="login-card">
                        <div class="uk-grid header-page uk-flex uk-flex-between">
                            <div class="uk-width-1-4">
                                <i class="material-icons">language</i>
                            </div>
                            <div class="uk-width-2-4 navbar-payment uk-position-top-center"> 
                                    <!-- This is a button toggling the modal -->
                                <button class="uk-button button-oauth" type="button">
                                    <div class="uk-grid navbar-payment-content">
                                        <div class="no-padding uk-flex-inline uk-flex-between">
                                            <img src="/media/images/avatar/KNgGqGw3ZN_1597662523.jpg" class="image-user">
                                            <p class="name-user">
                                                {{session()->get('user_information')->name}} 
                                            </p>
                                            <p class="type-user">
                                                برگزار کننده
                                            </p>
                                        </div>
                                        <div class="no-padding" style="margin-top: .5rem;">
                                            
                                        </div>
                                    </div>
                                </button>
                            </div>
                            <div class="uk-width-1-4 uk-text-left">
                                <a href="{{route('home.1')}}"><i class="material-icons">arrow_back</i></a>
                            </div>
                        </div>
                        
                        @if ($errors->has('has_domain'))
                            <div class="uk-alert-warning" uk-alert>
                                <a class="uk-alert-close" uk-close></a>
                                <p>{{ $errors->first('has_domain') }}</p>
                            </div>
                        @endif
                        

                        <div class="uk-flex uk-flex-center">
                            <h2 class="uk-text-center uk-margin-medium-bottom domain-registration"> ثبت دامنه</h2>
                        </div>

                        <div>
                            <p class="detail-domain">
                                پلتفرم یکیتا روی دامنه اختصاصی شما نصب می شود. اگر دامنه یا زیردامنه دارید، گزینه دامنه دارم را انتخاب کنید و اگر دامنه ندارید، می توانید یک دامنه رایگان سفارش دهید.
                            </p>
                            <p class="detail-domain">
                                برای سفارش دامنه ابتدا نام مورد نظر خود را وارد و بررسی را بزنید.
                            </p>
                        </div>
                        <div class="padding">
                            <div class="uk-margin uk-grid-small uk-child-width-auto uk-grid uk-flex">
                                <label class="margin-left haveing-domain" for="no-domain"><input class="uk-radio" type="radio" name="radio2" id="no-domain" checked> دامنه ندارم </label>
                                <label class="margin-left haveing-not-domain" for="yes-domain"><input class="uk-radio" type="radio" name="radio2" id="yes-domain"> دامنه / زیر دامنه دارم </label>
                            </div>
                        </div>

                        <div id="select-domain" class="padding uk-position-relative">
<!-- hmp creat -->
                            <div>
                                <p class="detail-domain">
                                هزینه دامنه ir رایگان است، ولی برای دامنه های دیگر باید هزینه ثبت جداگانه برای آن بپردازید .
                                </p>
                            </div>
                            <div class="uk-flex uk-flex-center uk-margin-large-right">
                                <h5 class="your-name-domain uk-margin-small-right">
                                    نام دامنه
                                </h5>
                            </div>
<!-- hmp creat -->
                            <div class="register-domain uk-flex uk-flex-center">
                                <select name="domain_suff" id="domain_suffix_option" class="uk-select ">
                                    @foreach($suffix as $value)
                                        <option value="{{$value->id}}" class="domain-option">{{$value->name}}.</option>
                                    @endforeach
                                </select>
                                
                                <div class="uk-inline">
                                    <!--hmp <i class="tooltip uk-form-icon material-icons-help" title="در این قسمت میتوانید نام دامنه خود را به صورت کامل وارد کنید. در صورتی که میخواهید سامانه شما روی زیر دامنه نصب شود,زیر دامنه خود را وارد کنید و سپس آن را در میزبانی وارد کنید">help</i> hmp-->
                                    <input class="uk-input uk-input-domain uk-margin-small-right" placeholder="domain name" id="domain_name" type="text" autocomplete="off">
                                </div>
                                <!--hmp <i class="material-icons-check alert-domain hidden" id="accept-domain-icon">
                                    check_circle
                                </i> hmp-->
                                <!--hmp <i class="material-icons-cancel alert-domain hidden" id="reject-domain-icon" >
                                    cancel
                                </i> hmp-->

                            </div>

                            <div id="recordable-norecordable">
<!-- hmp creat -->
                                <div>
                                    <p class="detail-domain">
                                        - نام دامنه فقط حروف انگلیسی باشد.
                                    </p>
                                    <p class="detail-domain">
                                        - کاراکترهای " ! @ # $ % ^ & * ." و غیره قابل ثبت نیست.
                                    </p>
                                    <p class="detail-domain">
                                        - حروف بزرگ و کوچک، تأثیری در نام دامنه ندارد.
                                    </p>
                                </div>
<!--// hmp creat -->
                                <button id="postbutton" class="uk-button uk-button-description-inner  button-submit">بررسی دامنه</button>
                            </div>
<!-- hmp creat -->
                            <div id="submit-domain" class="hidden alert-domain" >
                                <div class="uk-flex uk-flex-center">
                                    <div class="uk-flex uk-flex-between successful-domain-registration">
                                        <div>
                                            <a href="{{route('home.1')}}"><i class="material-icons icon-check_circle_outline">check_circle_outline</i></a>
                                        </div>

                                        <p class="detail-domain uk-padding-remove-left">
                                        نام دامنه مورد نظر شما ثبت شد.
                                        </p>
                                    </div>
                                </div>

                                
                            </div>

                            <div  class="hidden alert-domain" id="reject-domain-icon">
                                <div class="uk-flex uk-flex-center">
                                    <div class="uk-flex uk-flex-between successful-domain-registration">
                                        <div>
                                            <div><a href="{{route('home.1')}}"><i class="material-icons icon-cancel">cancel</i></a></div>
                                        </div>

                                        <p class="detail-domain uk-padding-remove-left">
                                        نام دامنه مورد نظر شما قابل ثبت نیست.
                                        </p>
                                    </div>
                                </div>
                            </div>
<!--// hmp creat -->
                            <!--hmp <span class="uk-text-danger alert-domain hidden" id="reject-domain-icon">دامنه مجاز به ثبت نیست</span> hmp-->
                            <div class="">
                                <form action="{{route('home_add_basket')}}" method="post">
                                    @csrf
                                    <input name="domain_prefix" id="domain_prefix" type="hidden">
                                    <input name="domain_suffix" id="domain_suffix" type="hidden">
                                    <input name="domain_id" id="domain_id" type="hidden">
                                    <div class="uk-flex uk-flex-center hidden" id="back-Confirmation">
                                        <div class="uk-flex uk-flex-between back-Confirmation-btn uk-margin-top">
                                            <button class="uk-button uk-text-right" id="back">بازگشت</button>
                                            <button class="uk-button" id="Confirmation">تایید</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <div id="have-domain" class="padding" style="display: none">
                            <div id="name-domain">

                            </div>
<!-- hmp creat -->
                            <div class="uk-flex uk-flex-center">
                                <h5 class="enter-domain-text">
                                   نام دامنه خود را وارد کنید.
                                </h5>
                            </div>

<!--// hmp creat -->
                            <div class="">
                                <form action="{{route('home_add_basket')}}" method="post">
                                    @csrf
                                    <div class="uk-margin-medium-bottom uk-flex uk-flex-center uk-flex-row-reverse">
                                        <input class="uk-input uk-input-domain-subdomain-domainname uk-margin-small-right" placeholder="زیر دامنه" type="text" autocomplete="off" name="has_domain_prefix">
                                        <input class="uk-input uk-input-domain-subdomain-domainname uk-margin-small-right" placeholder="دامنه" type="text" autocomplete="off" name="has_domain">
                                        <input class="uk-input uk-input-domain-subdomain-domainname uk-margin-small-right" placeholder="پسوند دامنه" type="text" autocomplete="off" name="has_domain_suffix">
                                    </div>
                                    <input name="domain_prefix" value="0" type="hidden">
                                    <input name="domain_suffix" value="0" type="hidden">
                                    <button type="submit" class="uk-button button-submit uk-button-register">ادامه</button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="loading" class="uk-flex-top" uk-modal>
        <div class="uk-modal-dialog uk-modal-body uk-margin-auto-vertical" style="width: 21rem">
            <div class="uk-text-center">
                <img src="{{asset('images/loading.gif')}}" alt="" width="100">
                <p class="uk-text-lead">لطفا صبر کنید !</p>
            </div>
        </div>
    </div>
    <script src="{{ asset('front/buy/js/jquery.js') }}"></script>
    <script src="{{ asset('front/buy/js/uikit-icons.min.js') }}"></script>
    <script src="{{ asset('front/buy/js/uikit.min.js') }}"></script>
    <script>
        $.ajaxSetup({
        beforeSend: function(xhr) {
            xhr.setRequestHeader('Csrf-Token', $('meta[name="csrf-token"]').attr('content'));
        }
    });
        $("#domain_suffix_option").change(function() {
            $("#back-Confirmation").addClass("hidden"),$("#submit-domain").addClass("hidden"), $("#accept-domain-icon").addClass("hidden"), $("#domain_prefix").val(""), $("#domain_suffix").val("")
        }), $("#postbutton").click(function() {
            var a = $("#domain_name").val(),
                o = $("select[name='domain_suff'] option:selected").text().replace('.', '');
                $('#loading').addClass("uk-flex uk-open"),$(".alert-domain").addClass("hidden"), $(".loader").removeClass("hidden"), $("#submit-domain").addClass("hidden"), $("#domain_prefix").val(""), $("#domain_suffix").val(""), $.ajax({
                url: "{{route('home_check_domain')}}",
                type: "POST",
                data: {
                    _token: $('meta[name="csrf-token"]').attr('content'),
                    domain: a,
                    suffix: o
                },

                success: function(a) {
                    $('#loading').removeClass("uk-flex uk-open");
                    1 == a.status ? setTimeout(function() {
                        $("#back-Confirmation").removeClass("hidden");
                        $("#domain_id").val($("select[name='domain_suff'] option:selected").val()), $("#domain_prefix").val(a.name), $("#domain_suffix").val(a.suffix), $(".loader").addClass("hidden"), $("#accept-domain-icon").removeClass("hidden"), $("#submit-domain").removeClass("hidden")
                    }, 500) : setTimeout(function() {
                        $("#back-Confirmation").addClass("hidden");
                        $(".loader").addClass("hidden"), $("#reject-domain-icon").removeClass("hidden")
                    }, 500)
                }
            })
        })
        $(document).ready(function(){
            $("#no-domain").click(function(){
                $("#have-domain").hide();
                $("#select-domain").show();
            });
            $("#yes-domain").click(function(){
                $("#select-domain").hide();
                $("#have-domain").show();
            });
        });
    </script>
    <script>
        $(document).ready(function(){
            $("#no-domain").click(function(){
                $("#have-domain").hide();
                $("#select-domain").show();
            });
            $("#yes-domain").click(function(){
                $("#select-domain").hide();
                $("#have-domain").show();
            });
        });
        // hmp-creat
        $(document).ready(function(){
            $("#no-domain").click(function(){
                $(".haveing-domain").css("color", "#0f73ed");
            });
            $("#yes-domain").click(function(){
                $(".haveing-not-domain").css("color", "#0f73ed");
            });
        });

        // hmp-creat
    </script>
@endsection