@extends('layouts.app')
@section('content')
<!-- Page Content -->
<div class="content content-full">
    <div class="row text-center">
        <div class="col-md-6">
            <div class="block-content block-content-full px-lg-5 py-md-5 py-lg-6">
                <!-- Header -->
                <div class="mb-2 text-center">
                    <a class="link-fx text-success font-w700 font-size-h1" href="{{route('index')}}">
                        <span class="text-dark">{{trans('web.connect')}}</span>
                    </a>
                </div>
                <!-- END Header -->

                <!-- Sign Up Form -->
                <!-- jQuery Validation (.js-validation-signup class is initialized in js/pages/op_auth_signup.min.js which was auto compiled from _js/pages/op_auth_signup.js) -->
                <!-- For more info and examples you can check out https://github.com/jzaefferer/jquery-validation -->
                <form class="js-validation-signup" action="{{route('save_contact')}}" method="POST" novalidate="novalidate">
                    @csrf
                    <div class="form-group">
                        <input type="text" class="form-control " id="signup-username" name="name" placeholder="{{trans('web.name')}}">
                    </div>
                    <div class="form-group">
                        <div class="input-group">
                            <input type="text" class="form-control " id="example-group4-input1" name="phone" placeholder="{{trans('web.phone')}}" aria-label="Text input with dropdown button">
                        </div>
                    </div>
                    <div class="form-group">
                        <input type="email" class="form-control " id="signup-email" name="email" placeholder="{{trans('web.email')}}">
                    </div>
                    <div class="form-group">
                        <textarea class="form-control " id="example-textarea-input-alt" name="more_details" rows="7" placeholder="{{trans('web.more_details')}}"></textarea>
                    </div>
                    <div class="form-group">
                        <button type="submit" class="btn btn-block btn-hero-success"> {{trans('web.submit')}} </button>
                    </div>
                </form>
                <!-- END Sign Up Form -->
            </div>
        </div>
        <div class="col-md-6 d-flex align-items-center">
            <div class="row items-push d-flex flex-column px-lg-5 py-md-5 py-lg-6 ">
                <div class="col-12 border-bottom">
                    <div class="d-flex"><i class="fa fa-2x fa-map-marker-alt mr-5"></i> <p class="font-w700"> {{settings('website_address',app()->getLocale())}}</p></div>
                    <div class="d-flex"><i class="fa fa-2x fa-phone-alt mr-5"></i><p class="font-w700"> {{settings('website_phone',app()->getLocale())}}</p></div>
                    <div class="d-flex"> <i class="fa fa-2x fa-envelope mr-5"></i><p class="font-w700"> {{settings('website_email',app()->getLocale())}}</p></div>
                </div>
                <div class="col-12 border-bottom d-flex justify-content-center">
                    <a href="https://wa.me/{{settings('website_whatsapp',app()->getLocale())}}" class="btn btn-outline-success mr-1 mb-4" >
                        <i class="fab fa-whatsapp  mr-1"></i> Whatsapp
                    </a>
                    <a href="{{settings('website_facebook',app()->getLocale())}}" class="btn btn-outline-primary mr-1 mb-4" >
                        <i class="fab fa-instagram mr-1"></i> Instagram
                    </a>
                    <a href="{{settings('website_google',app()->getLocale())}}" class="btn btn-outline-danger mr-1 mb-4" >
                        <i class="fab fa-google mr-1"></i> Google
                    </a>
                </div>
                <div class="col-12 d-flex justify-content-center">
                    <p class="fw-600">© ALL OF THE RIGHTS RESERVED</p>
                </div>
            </div>
        </div>
        <div class="col-md-12 d-flex justify-content-center" style="overflow: hidden;">
{{--            <div class="mapouter"><div class="gmap_canvas"><iframe width="1080" height="500" id="gmap_canvas" src="https://maps.google.com/maps?q=2880%20Broadway,%20New%20York&t=&z=11&ie=UTF8&iwloc=&output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe><a href="https://fmovies-online.net">fmovies</a><br><style>.mapouter{position:relative;text-align:right;height:500px;width:1080px;}</style><a href="https://www.embedgooglemap.net"></a><style>.gmap_canvas {overflow:hidden;background:none!important;height:500px;width:1080px;}</style></div></div>--}}
        </div>
    </div>
</div>
<!-- END Page Content -->
@endsection