@extends('responsive.layouts.app')

@section('content')

<div class="container subscribe">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-body">
                    @if($isPost)
                        @if (session('status'))
                            <div class="alert alert-danger">
                                {{ session('status') }}
                            </div>
                        @endif

                        @if (count($errors) > 0)
                            <div class="alert alert-danger">
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif

                        @if ($isUnsubcribe == 0)
                            You email '{{ $email }}' and information has been added to our mailing list.
                        @elseif ($subcriberId == 0)
                            You email '{{ $email }}' was not in our mailing list.
                        @else
                            You email '{{ $email }}' has been removed from our mailing list.
                        @endif

                    @else
                        <div class="about_us_links_div">
                            <ul>
                            	<li><a href="/about-us/about">The Kallir Research Institute</a></li>
                            	<li><a href="/about-us/terms-and-conditions">Terms and Conditions</a></li>
                            	<li><a href="/about-us/cookie-policy">Cookie Policy</a></li>
                            	<li><a href="#" class="active">Subscribe</a></li>
                            </ul>
                        </div>
                        <p>Subscribe to our email list to receive news about the KRI’s activities:</p>
                        <br>
                        <form action="{{ route('about-us-subscribe-post') }}" method="post">
                            @csrf
                            <div class="label_n_input">
                            	<label for="first_name">First name:</label>
                            	<input type="text" name="first_name" id="first_name" required>
                            </div>
                            <div class="label_n_input">
                            	<label for="last_name">Last name:&nbsp;</label>
                            	<input type="text" name="last_name" id="last_name" required>
                            </div>
                            <div class="label_n_input">
                            	<label for="email">Email address:</label>
                            	<input type="email" name="email" id="email" required>
                            </div>
                            <div class="label_n_input">
                            	<label for="organization">Organization (optional):</label>
                            	<input type="text" name="organization" id="organization">
                            </div>
                            <div>
                            	<p class="no_share_info_text">Your contact information will only ever be used for correspondence pertaining to the Kallir Research Institute, and will never be shared.</p>
                            </div>
                            <div class="subscr_agree_div">
                            	<label class="container">
                                    I agree to my email address being stored to receive KRI newsletters.
                                    <input type="checkbox" name="agree" id="agree" required>
                                    <span class="checkmark"></span>
                                </label>
                            </div>
                            <div class="subscr_btns_div">
                            	<button class="subscr_btn" type="submit" name = "subscr_btn">SUBSCRIBE</button>
                            </div>

                        </form>
                        <hr>
                        <br>
                        <form action="{{ route('about-us-subscribe-post') }}" method="post">
                            @csrf
                            <div class="label_n_input">
                            	<label for="email">Email address:</label>
                            	<input type="email" name="email" id="email" required>
                            </div>
                            <div class="subscr_btns_div">
                                <button class="unsubscr_btn" type="submit" name = "unsubscr_btn">UNSUBSCRIBE</button>
                            </div>
                        </form>

                    @endif
                </div>
            </div>
        </div>
    </div>
</div>


@endsection