@extends('layouts.masterHome')
@section('publicContacts')
<div class="page-header-container" style="background-image: url('{{ asset('image/site-images/Pageheader.jpg') }}');">
    <div class="pageheader-content"><h1>Contacts</h1></div>
</div>

<div class="section-container">
    <div class="section-content">
        <div class="contact-container">
            <h1 class="header">FILL IN THE DETAILS BELOW</h1>
            @if (session('status'))
             <div class="alert alert-success" role="alert">
                 {{ session('status') }}
             </div>
             @endif 
             @if ($message = Session::get('success'))
                <div class="alert alert-success alert-block">
                    <button type="button" class="close" data-dismiss="alert">×</button>

                    <strong>{{ $message }}</strong>
                </div>
            @endif
             
            <form class="contact-content" method="post" action="/contact" enctype="multipart/form-data">
            @csrf
                <div class="form-group">
                    <img src="/image/site-images/validateMark.png" width="12">
                        <input name="name" type="text" class="form-control" id="name" placeholder="Enter your first name">
                        @if ($errors->has('name'))
                        <span class="invalid-feedback" style="display: block;">
                            <strong>{{ $errors->first('name') }}</strong>
                        </span>
                    @endif
                </div>
                 <div class="form-group">
                        <input name="name2" type="text" class="form-control" id="name2" placeholder="Enter your last name">
                </div>
                <div class="form-group">
                    <img src="/image/site-images/validateMark.png" width="12">
                    <input name="email" type="email" class="form-control" id="email" placeholder="Enter your email">
                     @if ($errors->has('email'))
                        <span class="invalid-feedback" style="display: block;">
                            <strong>{{ $errors->first('email') }}</strong>
                        </span>
                    @endif
                </div>

                <div class="form-group">
                    <input name="email2" type="email" class="form-control" id="email2" placeholder="Confirm your email">

                </div>
                
                <div class="form-group">
                    <img src="/image/site-images/validateMark.png" width="12">
                    <textarea class="form-control" rows="5" id="editor" placeholder="Description" name="description"></textarea>
                     @if ($errors->has('description'))
                        <span class="invalid-feedback" style="display: block;">
                            <strong>{{ $errors->first('description') }}</strong>
                        </span>
                    @endif
                </div>
             

                <div class="form-group{{ $errors->has('g-recaptcha-response') ? ' has-error' : '' }}">
                    <img src="/image/site-images/validateMark.png" width="12">
                        {!! app('captcha')->display() !!}
                     
                        @if ($errors->has('g-recaptcha-response'))
                            <span class="invalid-feedback" style="display: block;">
                                <strong>{{ $errors->first('g-recaptcha-response') }}</strong>
                            </span>
                        @endif
                </div>



                <div class="form-group btn-content">
                    <div class=""></div>
                    <button type="submit" class="girt-btn">Submit <i></i></button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script src='https://www.google.com/recaptcha/api.js'></script>

@endsection