@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">Lets</span><span class="text-primary">Talk11211</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="Username">
                    </div>
                    <div class="form-group">
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <select class="form-control bg-primary" id="example-select" name="phone_code">
                                    <option value="+966" selected>+966</option>
                                    <option value="+20">+20</option>
                                </select>
                            </div>
                            <input type="text" class="form-control " id="example-group4-input1" name="phone" placeholder="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="Email">
                    </div>
                    <div class="form-group">
                        <textarea class="form-control " id="example-textarea-input-alt" name="more_details" rows="7" placeholder="More Details.."></textarea>
                    </div>
                    <div class="form-group">
                        <button type="submit" class="btn btn-block btn-hero-success"> 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"> City, State</p></div>
                    <div class="d-flex"><i class="fa fa-2x fa-phone-alt mr-5"></i><p class="font-w700"> (+966) 12122265</p></div>
                    <div class="d-flex"> <i class="fa fa-2x fa-envelope mr-5"></i><p class="font-w700"> EducationSite@gmail.com</p></div>
                </div>
                <div class="col-12 border-bottom d-flex justify-content-center">
                    <button type="button" class="btn btn-outline-success mr-1 mb-4" >
                        <i class="fab fa-whatsapp  mr-1"></i> Whatsapp
                    </button>
                    <button type="button" class="btn btn-outline-primary mr-1 mb-4" >
                        <i class="fab fa-facebook-f mr-1"></i> Facebook
                    </button>
                    <button type="button" class="btn btn-outline-danger mr-1 mb-4" >
                        <i class="fab fa-google mr-1"></i> Google
                    </button>
                </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