@extends('frontend.main')
@section('content')
    <style>
        .domain-section{
            padding-top: 20px !important;
            background-image: linear-gradient(to bottom, #30468a 0%, #2d76ebad 100%) !important;
        }
        .domain-section .sec-title{
            padding-bottom: 35px !important;
        }
        .app-section{
            padding-top: 30px;
        }
        .sec-title{
            padding-bottom: 30px !important;
        }

    </style>
    <!--Domain Section-->
    <section class="domain-section">
        <div class="auto-container">
            <div class="sec-title light centered">
                <h3 style="color: #ffffff;">Searching for that perfect domain? </h3>
                {{--<div class="text"> Providing our clients with high-quality website hosting for the lowest price is our top priority. </div>--}}
            </div>
            <!--Domain Form-->
            <div class="domain-form">
                <form method="GET" action="{{route('domainCheck')}}" accept-charset="UTF-8" class="form form-validate-domain form-lg" role="form" novalidate>
                    <div class="form-group clearfix">
                        <input class="form-control" placeholder="Search for a domain" minlength="3" required name="domain" type="text">
                        <button type="submit" class="theme-btn checked-btn">CHECK IT NOW <span class="arrow fa fa-angle-right"></span></button>
                    </form>
                </div>
            </div>
            <ul class="domain-list">
                @foreach(config('awt.tld') as $key => $tld)
                    <li> <img class="img-responsive" src="{{ asset('img/logos/'.$tld['slug'].'_logo.png') }}" style="height: 40px !important;"/> </li>
                @endforeach
            </ul>
        </div>
    </section>
    <!--End Domain Section-->
@endsection