@extends('front.layouts.app')

@section('content')

    <div class="main-content-box ">
        <form id="step-form" action="{{route('front.step.five.submit')}}" method="post" @if(!empty($detail->review_pages) && !in_array(5,$detail->review_pages)) class="from-overlayer" @endif>
            @csrf
            <div class="height-counter d-flex  justify-content-between flex-column">
                <div class="login-box pad-t">
                    <div id="first-part" class="container">
                        <div class="row">
                            @include('front.common.review-alert',['number'=>5])
                            <div class="col-sm-12  pad-x-100">
                                <div class="login-box-des">
                                    <div class="login-title">
                                        {{__('Provide details for your stores domain & application accounts.')}}
                                    </div>
                                    <h4 class="cat-title mb-0">
                                        {{__('Enter your domain name and credentials')}}
                                    </h4>
                                    <div class="step-need-help">
                                        ({{__('Need help booking your domain?')}} <a href="#mydiv" class="html5lightbox"
                                                                                     data-width="800"
                                                                                     data-height="400">{{__('Check this video')}}</a>
                                        )
                                        <div id="mydiv" style="display:none;">
                                            <div class="lightboxcontainer">
                                                <div class="lightboxright">
                                                    <iframe src="https://www.youtube.com/embed/RN3i1sc2_u8"
                                                            frameborder="0"
                                                            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                                                            allowfullscreen></iframe>
                                                </div>
                                                <div style="clear:both;"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 pad-x-100">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="input-style">
                                            <label>{{__('Domain Name')}} <div class="characters">{{__('e.g. www.domain.com')}}</div><span class="text-danger"> * {{__('(Mandatory)')}}</span></label>
                                            <div class="sub-label">{{__('A domain name is the address where Internet users can access your store.')}}
                                            </div>
                                            <input type="text"
                                                   placeholder="{{__('e.g. www.domain.com')}}"
                                                   class="ctm-input" name="domain_name"
                                                   value="{{isset($store->domain_name) && $store->domain_name != ''? $store->domain_name: old('domain_name')}}"
                                                   required>
                                            @include('front.common.alert',['input' => 'domain_name'])
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="input-style">
                                            <label>{{__('Domain Service Provider')}}
                                                <div class="characters">{{__('e.g. www.godaddy.com')}}</div>
                                                <span class="text-danger"> * {{__('(Mandatory)')}}</span></label>
                                            <input type="text" placeholder="{{__('e.g www.godaddy.com')}}"
                                                   class="ctm-input" name="domain_url"
                                                   value="{{isset($store->domain_url) && $store->domain_url != ''? $store->domain_url: old('domain_url')}}"
                                                   required>
                                            @include('front.common.alert',['input' => 'domain_url'])
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="input-style">
                                            <label>{{__('Email/Username')}}<span class="text-danger"> * {{__('(Mandatory)')}}</span></label>
                                            <input type="text" placeholder="{{__('Email/Username')}}" class="ctm-input"
                                                   name="domain_email"
                                                   value="{{isset($store->domain_email) && $store->domain_email != ''? $store->domain_email: old('domain_email')}}"
                                                   required>
                                            @include('front.common.alert',['input' => 'domain_email'])
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="input-style">
                                            <label>{{__('Password')}}<span class="text-danger"> * {{__('(Mandatory)')}}</span></label>
                                            <input type="text" placeholder="{{__('Password')}}" class="ctm-input"
                                                   name="domain_password"
                                                   value="{{isset($store->domain_password) && $store->domain_password != ''? $store->domain_password: old('domain_password')}}"
                                                   required>
                                            @include('front.common.alert',['input' => 'domain_password'])
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="container">
                        <div class="row">

                            <div class="col-sm-12  pad-x-100">
                                <div class="login-box-des">
                                    <h4 class="cat-title mb-0">
                                        {{__('Enter Google Play Store credentials')}}
                                    </h4>
                                    <div class="step-need-help">
                                        ({{__('Need help creating a Play-store account?')}} <a href="#mydiv"
                                                                                               class="html5lightbox"
                                                                                               data-width="800"
                                                                                               data-height="400">{{__('Check this video')}}</a>
                                        )
                                        <div id="mydiv" style="display:none;">
                                            <div class="lightboxcontainer">
                                                <div class="lightboxright">
                                                    <iframe src="https://www.youtube.com/embed/MagVFNEiVWE"
                                                            frameborder="0"
                                                            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                                                            allowfullscreen></iframe>

                                                    <!--                    <iframe width="100%" height="100%" src="https://www.youtube.com/embed/wswxQ3mhwqQ" frameborder="0" allowfullscreen></iframe>-->
                                                </div>
                                                <div style="clear:both;"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-12 pad-x-100">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="input-style">
                                            <label>{{__('Email')}}<span class="text-danger"> * {{__('(Mandatory)')}}</span></label>
                                            <input type="email" placeholder="{{__('Email *')}}" class="ctm-input"
                                                   name="gp_email"
                                                   value="{{isset($store->gp_email)? $store->gp_email : old('gp_email')}}"
                                                   required>
                                            @include('front.common.alert',['input' => 'gp_email'])
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="input-style">
                                            <label>{{__('Password')}}<span class="text-danger"> * {{__('(Mandatory)')}}</span></label>
                                            <input type="text" placeholder="{{__('Password')}}" class="ctm-input"
                                                   name="gp_password"
                                                   value="{{isset($store->gp_password)? $store->gp_password : old('gp_password')}}"
                                                   required>
                                            @include('front.common.alert',['input' => 'gp_password'])
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-sm-12  pad-x-100">
                                <div class="login-box-des">
                                    <h4 class="cat-title mb-0">
                                        {{__('Enter App Store credentials')}}
                                    </h4>
                                    <div class="step-need-help">
                                        ({{__('Need help creating a App-store account?')}} <a href="#mydiv1"
                                                                                              class="html5lightbox"
                                                                                              data-width="800"
                                                                                              data-height="400">{{__('Check this video')}}</a>
                                        )<br>
                                        ({{__('Need help creating a App-store account?')}} <a href="#mydiv2" class="html5lightbox" data-width="800" data-height="400">{{__('Check this video')}}</a> {{__('in Arabic')}})
                                        <div id="mydiv1" style="display:none;">
                                            <div class="lightboxcontainer">
                                                <div class="lightboxright">
                                                    <iframe src="https://www.youtube.com/embed/CeXN07NT7CY"
                                                            frameborder="0"
                                                            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                                                            allowfullscreen></iframe>

                                                    <!--                    <iframe width="100%" height="100%" src="https://www.youtube.com/embed/wswxQ3mhwqQ" frameborder="0" allowfullscreen></iframe>-->
                                                </div>
                                                <div style="clear:both;"></div>
                                            </div>
                                        </div>

                                        <div id="mydiv2" style="display:none;">
                                            <div class="lightboxcontainer">
                                                <div class="lightboxright">
                                                    <iframe src="https://www.youtube.com/embed/in43b1CgVEYZQ"
                                                            frameborder="0"
                                                            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                                                            allowfullscreen></iframe>

                                                    <!--                    <iframe width="100%" height="100%" src="https://www.youtube.com/embed/wswxQ3mhwqQ" frameborder="0" allowfullscreen></iframe>-->
                                                </div>
                                                <div style="clear:both;"></div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>

                            <div class="col-12 pad-x-100">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="input-style">
                                            <label>{{__('Email')}}<span class="text-danger"> * {{__('(Mandatory)')}}</span></label>
                                            <input type="email" placeholder="{{__('Email *')}}" class="ctm-input"
                                                   name="as_email"
                                                   value="{{isset($store->as_email)? $store->as_email: old('as_email')}}"
                                                   required>
                                            @include('front.common.alert',['input' => 'as_email'])
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="input-style">
                                            <label>{{__('Password')}}<span class="text-danger"> * {{__('(Mandatory)')}}</span></label>
                                            <input type="text" placeholder="{{__('Password')}}" class="ctm-input"
                                                   name="as_password"
                                                   value="{{isset($store->as_password)? $store->as_password: old('as_password')}}"
                                                   required>
                                            @include('front.common.alert',['input' => 'as_password'])
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                @include('front.common.step-pages')
            </div>


        </form>
    </div>



@endsection

@push('script-page-level-above-jquery')
    <!-- JavaScript Libraries -->
    <script type="text/javascript" src="{{asset('assets/front/html5lightbox/html5lightbox.js')}}"></script>

@endpush