@extends('layouts.app')
@section('content')
<div class="page-header-banner" style="background-image: url('{{ asset('images/slider-2.jpg') }}');">
  <div class="overlay">
    <h1>CONTACT US</h1>
  </div>
</div>

<div class="page-section">
<div class="container">
    <h2 class="pageheader">Contact GIRT</h2>
    @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>

            {{ $message }}
        </div>
    @endif

    <form class="row contact-form" method="post" enctype="multipart/form-data">
        @csrf
        <div class="form-group col-md-6">
            <label for="">First Name</label>
            <input name="fname" type="text"
                class="form-control form-input-control{{ $errors->has('fname') ? ' is-invalid' : '' }}"
                id="first-name"
                value="{{ old('fname') }}">
            @if ($errors->has('fname'))
                <div class="invalid-feedback">
                    {{ $errors->first('fname') }}
                </div>
            @endif
        </div>
        <div class="form-group col-md-6">
            <label for="">Last Name</label>
            <input name="sname" type="text"
                class="form-control form-input-control{{ $errors->has('sname') ? ' is-invalid' : '' }}"
                id="last-name"
                value="{{ old('sname') }}">
            @if ($errors->has('sname'))
                <div class="invalid-feedback">
                    {{ $errors->first('sname') }}
                </div>
            @endif
        </div>
        <div class="form-group col-md-6">
            <label for="">Email</label>
            <input name="email" type="email"
                class="form-control form-input-control{{ $errors->has('email') ? ' is-invalid' : '' }}"
                id="email"
                value="{{ old('email') }}">
            @if ($errors->has('email'))
                <div class="invalid-feedback">
                    {{ $errors->first('email') }}
                </div>
            @endif
        </div>

        <div class="form-group col-md-6">
            <label for="">Confirm Email</label>
            <input name="email_confirmation" type="email"
                class="form-control form-input-control{{ $errors->has('email_confirmation') ? ' is-invalid' : '' }}"
                id="email-confirmation"
                value="{{ old('email_confirmation') }}">
        </div>

        <div class="form-group col-md-12">
            <label for="">Description</label>
            <textarea class="form-control form-input-control{{ $errors->has('description') ? ' is-invalid' : '' }}"
                rows="5" 
                name="description">{{ old('description') }}</textarea>
                @if ($errors->has('description'))
                <div class="invalid-feedback">
                    {{ $errors->first('description') }}
                </div>
            @endif
        </div>

        <div class="form-group col-md-12">
            {!! NoCaptcha::display(['data-theme' => 'dark']) !!}

            @if ($errors->has('g-recaptcha-response'))
                <div class="invalid-feedback" style="display:block">
                        {{ $errors->first('g-recaptcha-response') }}
                </div>
            @endif
        </div>

        <div class="form-group col-md-12 btn-content mb-0">
            <div class=""></div>
            <button class="girt-btn form-btn">Submit <i></i></button>
        </div>
    </form>
    </div>
</div>
</div>
<div class="page-section background-grey">
    <div class="container">
        <h2 class="pageheader mb-50">Other contacts of interest</h2>
        <div class="row">
            @foreach ($contacts as $key => $categoryGroup)
            <div class="col-lg-6">
                
                <h2 class="pageheader-sub">{{ $key }}</h2>
                <div class="contact-group">
                @foreach ($categoryGroup as $category)
                    <a href="http://{{ $category->link }}" target="_blank">{{ $category->name }}</a>
                @endforeach
                </div>
            </div>
            @endforeach
    </div>
</div>
@endsection

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

@endsection