@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;
        }
        .alert {
            padding: 4px;
            border: medium none;
            border-radius: 0;
            color: #ed1c24;
        }
        .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_one_check))
                        {!! $offerAd->top_banner_one_check !!}
                    @else
                        <img src="{{asset('/assets')}}/images/banner/add.png" width="620" alt="">
                    @endif
                </div>
            </div>
        </div>
        <div class="container mt-5 pt-5 mb-5">
        <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>
            <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('/offertwo')}}" method="get">
                    <p class="buy-now text-left">Make an Offer</p>
                        <p class="offer-description text-left p-0">My offer for this domain is:</p>
                        <div class="input-group form-group-div mb-3">
                            <div class="input-group-prepend">
                                <span class="input-group-text dollar-sign">$</span>
                            </div>
                            <input type="text" name="price" value="{{old('price')}}" class="form-control offer-input price-input" placeholder="Price" required>
                            <input type="hidden" name="id" value="{{$id}}" class="form-control offer-input price-input" placeholder="Price">
                        </div>
                        @if(count($errors->all()))
                            <div class="alert custom-dark-alert-danger alert-dismissible ">
                                @foreach ($errors->all() as $error)
                                    <p class="text-left"> {{ $error }}</p>
                                @endforeach
                            </div>
                        @endif

                        <button class="btn secondary-btn btn-lg btn-block mt-3" type="submit" ><i class="icofont-arrow-right mr-3"></i>Send your offer</button>
                    </form>
                </div>
            </div>
        </div>
            <div class="row mt-5 pb-5">
                <div class="col-md-12">
                    <p class="text-justify">"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p>
                </div>
            </div>
        </div>
        <div class="container mt-55 mb-30">
            <div class="row">
                <div class="col-md-12 text-center">
                        @if(isset($offerAd->bottom_banner_one_check))
                            {!! $offerAd->bottom_banner_one_check !!}
                            @else
                    <img src="{{asset('/assets')}}/images/banner/add.png" width="620" alt="">
                            @endif
                </div>
            </div>
        </div>
    </div><!-- /.page-content -->


@endsection