@extends('web.layouts.app')
@section('content')

<div class="tpl-block-list tpl-component-slider" id="nc-block-379f70cfb1d929103a499f6c117c4222">

    <style>#owl-demo .item .carousel-caption p {
    font-weight: bold;
    line-height: 80px;
    text-align: left;
    font-size: 40px;
    text-shadow: 0.1em 0.1em 0.2em #006081a8 !important;
}
</style>

<div class="container wrapper" style="padding-top: 100px !important;padding-bottom: 50px !important;">
        <div class="row" style="padding-top: 0">



            <style type='text/css'>
                div.textarea {
                    width: 100%;
                }
            </style>

{{--            <h2 style="margin-top: 50px"><a href="" class="fontSemiBold">Habarlaşmak üçin <i class="fa fa-play-circle-o"></i></a></h2>--}}
            <div class="contact-form">

            <form id="demo-form" method='post' action='{{ url("contact/send") }}' onsubmit="onSubmit('6LelUOQZAAAAACceE0RqWbeFv0qBKjqeXxBjPQln')" class="col-lg-6 col-lg-offset-3 col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2 col-xs-12">
                @if($message = Session::get('success'))
                    <div class="alert alert-success alert-block">
                        <button type="button" class="close" data-dismiss="alert">
                            x
                        </button>
                        <strong>{{ $message }}</strong>
                    </div>
                 @endif
                {{ csrf_field() }}

                    <div class="form-group">
                        <label for="contact-email ">
                            <span class='nc-field-caption' style='' id='nc_capfld_460'>Ady (*):</span>
                            <input name='name' maxlength='255' type='text' class='form-control' id='contact-name'
                                size='100' style='margin-top: 5px;' value='' /> </label>
                    </div>

                    <div class="form-group">
                        <label for="contact-email">
                            <span class='nc-field-caption' style='' id='nc_capfld_461'>Email (*):</span>
                            <input name='email' maxlength='255' type='text' class='form-control' id='contact-name'
                                size='100' style='margin-top: 5px;' data-format='email' value='' />
                        </label>
                    </div>

                    <div class="form-group">
                        <label for="contact-email">
                            <span class='nc-field-caption' style='' id='nc_capfld_462'>Mowzuk (*):</span>
                            <input name='subject' maxlength='255' type='text' class='form-control' id='contact-name'
                                size='100' style='margin-top: 5px;' value='' /> </label>
                    </div>

                    <div class="form-group">
                        <label for="contact-message">
                            <span class='nc-field-caption' style='' id='nc_capfld_463'>Hat (*):</span>
                            <textarea id='message' name='message' class='form-control' id='contact-message'
                                rows='5' cols='100' style='margin-top: 5px;'></textarea> </label>
                    </div>
                    
                    <div class="form-group">
                        <div class="col-lg-10 col-lg-offset-1 col-md-10 col-md-offset-1 col-sm-12 col-xs-12">
                            <button class="btn btn-default g-recaptcha" 
                                data-sitekey="6LelUOQZAAAAACceE0RqWbeFv0qBKjqeXxBjPQln" 
                                style="width: 100%; margin-top: 20px"
                                data-callback='onSubmit' 
                                data-action='submit'>Ugrat</button>
                        </div>
                    </div>

                </form>
            </div>
        </div>
    </div>
    <script src="https://www.google.com/recaptcha/api.js?render=6LelUOQZAAAAACceE0RqWbeFv0qBKjqeXxBjPQln"></script>
    <script>
        function onSubmit(token) {
            console.log(token);
            document.getElementById("demo-form").submit();
        }
      </script>
@endsection