@extends('layout.master')


@section('header')
    <div class="container">
        <div class="row align-items-center terms_condition_banner">

        </div><!-- /.row -->
    </div>
@endsection

@section('content')
    <style>
        .footer-calltoaction{
            display:none !important;
        }
        .rt-site-footer.has-callto-action .footer-top {
            padding-top: 41px;
        }
        .rt-site-footer.has-callto-action {
            margin-top:15px !important;
        }
        .fa-check:before {
            font-size:17px !important;
        }
        .alert-dismissible .close {
            padding: 0 !important;
        }
        .rt-site-header .sticky-logo{
            left: 93px !important;
            top: 45px !important;

        }
    </style>
    <!--custom css-->
    <link rel="stylesheet" href="{{asset('assets/css')}}/domain_porofile.css">
    <!--responsive css-->
    <link rel="stylesheet" href="{{asset('assets/css')}}/responsive.css">
    <div class="page-content">
        <div class="container mb-30">
            <div class="row">
                <div class="col-md-12 text-center">
                    @if(isset($offerAd->top_banner_two_check))
                        {!! $offerAd->top_banner_two_check !!}
                    @else
                        <img src="{{asset('/assets')}}/images/banner/add.png" width="100%" alt="">
                    @endif

                </div>
            </div>
        </div>
        <br>
        {{--<div class="row background border-1 mt-55">--}}
            {{--<div class="container mt-5">--}}
                {{--<div class="row mt-55">--}}
                    {{--<div class="col-md-6 mt-5">--}}
                        {{--<div class="line-height-50">--}}
                            {{--<span class="text-white font-size-40">The domain name</span> <br>--}}
                            {{--<span class="font-weight-bolder font-size-52 text-white">LOREMIPSUM.COM</span>--}}
                            {{--<i class="icofont-info-circle circular-icon ml-2 text-white"></i>--}}
                            {{--<span class="text-white font-size-40">is for sale !</span>--}}
                        {{--</div>--}}
                        {{--<br><br>--}}
                        {{--<p class="text-white font-size-20">Here is the domain details below:</p>--}}
                        {{--<br>--}}
                        {{--<div class="card offer-card">--}}
                            {{--<div class="card-header bg-theme">--}}
                                {{--<h5 class="domain-card-heading">Domain Seller</h5>--}}
                            {{--</div>--}}
                            {{--<div class="card-body">--}}
                                {{--<div class="container">--}}
                                    {{--<form action="">--}}
                                        {{--<div class="row mt-4">--}}
                                            {{--<div class="col-md-2">--}}
                                                {{--<img src="{{asset('/assets')}}/images/logo/z-logo.png" width="60" alt="">--}}
                                            {{--</div>--}}
                                            {{--<div class="col-md-10">--}}
                                                {{--<h6 class="font-weight-bolder">zDomainName.com</h6>--}}
                                                {{--<small><span class="dot"></span> <span class="font-size-14">Lorem ipsum</span>--}}
                                                {{--</small>--}}
                                                {{--<p><span class="font-weight-bold">2279</span> domain on offer. Responds within 11 minute</p>--}}
                                            {{--</div>--}}
                                        {{--</div>--}}
                                    {{--</form>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                        {{--</div>--}}
                    {{--</div>--}}
                    {{--<div class="col-md-1"></div>--}}
                    {{--<div class="col-md-5">--}}
                        {{--<div class="card offer-card">--}}
                            {{--<div class="card-body">--}}
                                {{--<h4 class="text-dark font-weight-semibold text-center mb-5">Make an Offer</h4>--}}
                                {{--<div class="container">--}}
                                    {{--<form action="{{asset('domain/make/offer')}}" method="post">--}}
                                        {{--@csrf--}}

                                        {{--@if(count($errors->all()))--}}
                                            {{--<div class="alert custom-dark-alert-danger alert-dismissible">--}}
                                                {{--<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>--}}
                                                {{--@foreach ($errors->all() as $error)--}}
                                                    {{--<p><strong><i class="fa fa-times"></i></strong> {{ $error }}</p>--}}
                                                {{--@endforeach--}}
                                            {{--</div>--}}
                                        {{--@endif--}}
                                        {{--@if (Session::has('message'))--}}
                                            {{--<div class="alert custom-dark-alert-danger alert-dismissible">--}}
                                                {{--<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>--}}

                                                {{--<p><strong><i class="fa fa-times"></i></strong> {{ Session::get('message') }}</p>--}}

                                            {{--</div>--}}
                                        {{--@endif--}}
                                        {{--<div class="row mt-4">--}}
                                            {{--<div class="col-md-12">--}}
                                                {{--<input type="text" value="{{old('name')}}" name="name" class="form-control offer-input" placeholder="Your Full Name">--}}
                                            {{--</div>--}}
                                        {{--</div>--}}
                                        {{--<div class="row mt-4">--}}
                                            {{--<div class="col-md-12">--}}
                                                {{--<input type="email" value="{{old('email')}}" name="email" class="form-control offer-input" placeholder="Your Email Address">--}}
                                            {{--</div>--}}
                                        {{--</div>--}}

{{--<!--                                        <div class="row mt-4">--}}
                                            {{--<div class="col-md-12">--}}
                                                {{--<input type="text" value="{{old('code')}}" name="code" class="form-control offer-input" placeholder="Phone Number">--}}
                                            {{--</div>--}}
                                        {{--</div>-->--}}

{{--                                        <div class="row mt-4">--}}
{{--                                            <div class="col-md-12">--}}
{{--                                                <input type="text" class="form-control offer-input" placeholder="Phone Number">--}}
{{--                                            </div>--}}
{{--                                        </div>--}}


                                        {{--<div class="row mt-4">--}}
                                            {{--<div class="col-md-12">--}}
                                                {{--<div class="input-group">--}}
                                                    {{--<input type="tel" value="{{old('phone')}}" name="phone" class="tel form-control offer-input">--}}
                                                    {{--<input type="hidden" name="id" value="{{$id}}">--}}
                                                    {{--<input type="hidden" name="price" value="{{$price}}">--}}
                                                {{--</div>--}}
                                            {{--</div>--}}
                                        {{--</div>--}}
                                        {{--<div class="row mt-4">--}}
                                            {{--<div class="col-md-12">--}}
                                                {{--<label for="">Do you represent a company?</label>--}}
                                                {{--<br>--}}
                                                {{--<input type="radio"  value="no" name="have_company_check"><span class="ml-2"> No </span>--}}
                                                {{--<input type="radio" value="yes" name="have_company_check"><span class="ml-2"> Yes</span>--}}
                                            {{--</div>--}}
                                        {{--</div>--}}
                                        {{--<div class="row mt-4">--}}
                                            {{--<div class="col-md-12">--}}
                                                {{--<input type="text" value="{{old('company_name')}}" name="company_name" class="form-control offer-input" placeholder="Your company name">--}}
                                            {{--</div>--}}
                                        {{--</div>--}}
                                        {{--<hr>--}}
                                        {{--<div class="row mt-4">--}}
                                            {{--<div class="col-md-12">--}}
                                                {{--<span> <input type="checkbox" name="terms_policy_check"></span><span>  My offer is legally binding, and I accept the <span><a--}}
                                                                {{--href="">terms of use</a></span></span>--}}
                                            {{--</div>--}}
                                        {{--</div>--}}
                                        {{--<div class="row mt-4">--}}
                                            {{--<div class="col-md-12 text-center">--}}
                                                {{--<button type="submit" class="btn btn-success btn-block next-btn btn-lg">Send Your Offer</button>--}}
                                            {{--</div>--}}
                                        {{--</div>--}}
                                    {{--</form>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                        {{--</div>--}}
                    {{--</div>--}}
                {{--</div>--}}
            {{--</div><!-- /.container -->--}}

        {{--</div>--}}
        <div class="container mt-5 mb-5">
            <div class="row">
                <div class="col-md-12  mb-3 text-center">
                    <h4>You are about to make an offer of ${{number_format($price)}} for {{$domain->domain_name}}</h4>

                </div>
            </div>
            <div class="row equal">
                <div class="col-md-6 col-lg-6 col-sm-6" style="display:block">
                    <div class="single-promo single-promo-1 rounded text-center white-bg py-4 px-3">
                        <form action="">
                            <span class="buy-now">Domain Seller</span>
                            <div class="row mt-4">
                                <div class="col-md-2 col-4 text-right">
                                    <img src="{{asset('/assets')}}/images/logo/z-logo.png" class="domain-icon" width="50" alt="">
                                </div>
                                <div class="col-md-10 col-8 text-left">
                                    <h4 class="font-weight-bolder">{{$domain->domain_name}}</h4>
                                    <div class="small-div"><small><span class="dot small-text"></span> <span class="small-text">Lorem ipsum</span>
                                        </small></div>
                                    <p><span class="font-weight-bold domain-offers">${{number_format($domain->price)}}</span> domain on offer. Responds within 11 minute</p>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="row">
                        <div class="col-md-12 mt-5">
                            <img src="{{asset('/assets')}}/images/all-img/shape-lelft2.png" class="img-thumbnail border-0"  alt="">
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-6 col-sm-6">
                    <div class="single-promo single-promo-1 rounded text-center white-bg py-4 px-3 h-100" style="display:block">
                        <form action="{{asset('domain/make/offer')}}" method="post">
                            @csrf

                            <div class="row mt-4">
                                <div class="col-md-12">
                                    <input type="text" value="{{old('name')}}" name="name" class="form-control offer-input" placeholder="Your Full Name" required>
                                </div>
                            </div>
                            <div class="row mt-4">
                                <div class="col-md-12">
                                    <input type="email" value="{{old('email')}}" name="email" class="form-control offer-input" placeholder="Your Email Address" required>
                                </div>
                            </div>

                        <!--                                        <div class="row mt-4">
                                            <div class="col-md-12">
                                                <input type="text" value="{{old('code')}}" name="code" class="form-control offer-input" placeholder="Phone Number">
                                            </div>
                                        </div>-->

                            {{--                                        <div class="row mt-4">--}}
                            {{--                                            <div class="col-md-12">--}}
                            {{--                                                <input type="text" class="form-control offer-input" placeholder="Phone Number">--}}
                            {{--                                            </div>--}}
                            {{--                                        </div>--}}


                            <div class="row mt-4">
                                <div class="col-md-12">
                                    <div class="input-group">
                                        <input type="tel" value="{{old('phone')}}" name="phone" class="tel form-control offer-input" required>
                                        <input type="hidden" name="id" value="{{$id}}">
                                        <input type="hidden" name="price" value="{{$price}}">
                                    </div>
                                </div>
                            </div>
                            <div class="row mt-4">
                                <div class="col-md-12 text-left">
                                    <label for="">Do you represent a company?</label>
                                    <br>
                                    <input type="radio"  value="no" name="have_company_check"><span class="radio-label"> No </span>
                                    <input type="radio" value="yes" name="have_company_check"><span class="radio-label"> Yes</span>
                                </div>
                            </div>
                            <div class="row mt-4">
                                <div class="col-md-12">
                                    <textarea rows="3" value="{{old('note')}}" name="note" class="form-control offer-input" placeholder="Note"></textarea>
                                    <span style="color: #a7a7a7; font-size: 10px; text-align: left">Maximum word limit 60</span>
                                </div>
                            </div>
                            <hr>
                            <div class="row mt-4">
                                <div class="col-md-12 text-left">
                                    <span> <input type="checkbox" name="terms_policy_check"></span><span class="offer-terms text-left">  My offer is legally binding, and I accept the <span><a
                                                    href="" class="offer-terms">terms of use</a></span></span>
                                </div>
                            </div>
                            <div class="row mt-4">
                                <div class="col-md-12 text-left">
                                    <div class="g-recaptcha" data-sitekey="{{ env('GOOGLE_RECAPCHA_SITE_KEY') }}" ></div>
                                </div>
                            </div>
                            <div class="row mt-4">
                                <div class="col-md-12 text-center">
                                    <button type="submit" class="btn secondary-btn btn-lg btn-block mt-3">Send Your Offer</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <br>
        <div class="container mt-55 mb-30">
            <div class="row">
                <div class="col-md-12 text-center">
                    @if(isset($offerAd->bottom_banner_two_check))
                        {!! $offerAd->bottom_banner_two_check !!}
                    @else
                        <img src="{{asset('/assets')}}/images/banner/add.png" width="620" alt="">
                    @endif
                </div>
            </div>
        </div>
    </div><!-- /.page-content -->


@endsection

@section('script')
    <script>
        @if(Session::has('message'))
        display_success("{{ Session::get('message')}}")
        @endif
        @if(count($errors->all()))
        @php
            $message = '';
        @endphp
        @foreach ($errors->all() as $error)
        @php
            $message = '<p>'.$message.'</p>'.'<p>'.$error.'</p>'
        @endphp
        @endforeach

        display_error('{!! $message !!}')
        @endif


    </script>
@endsection
<script>
    import Index from "../../public/admin/assets/libs/bootstrap-editable/js";
    export default {
        components: {Index}
    }
</script>