@extends('layouts.app')
@section('pagetitle') Request Key @endsection

@section('content')

    <h2>Get your personal key</h2>

    @if(Session::has('message'))
        <div class="alert alert-success">
            {{ Session::get('message') }}
        </div>
    @endif
    @if($errors->any())
        <div class="alert alert-danger">
            There were errors. Please check entered data and submit again.
        </div>
    @endif

    <form action="/request/generate" method="POST" id="generate">
        @csrf
        <div class="form-group">
            <label for="name">Name</label>
            <input type="text" name="name" class="form-control" id="name">
        </div>
        <div class="form-group">
            <label for="email">E-mail address</label>
            <input type="text" name="email" class="form-control" id="email">
        </div>
        <div class="form-group">
            <label for="domain">Domain name without http:// or https://</label>
            <input type="text" name="domain" class="form-control" id="domain" placeholder="domain.com">
        </div>
        <div class="form-group">
            {!! NoCaptcha::renderJs() !!}
            {!! NoCaptcha::display() !!}
        </div>
        <button type="submit" class="btn btn-primary">Get your personal key</button>
    </form>

    @if(isset($data))
        <div class="well" style="margin-top: 20px;">
            <div class="row" style="line-height: 4rem;">
                <div class="col-md-3">
                    <strong>Only for domain:</strong>
                </div>
                <div class="col-md-9">
                    {{ $data['domain'] }}
                </div>
                <div class="col-md-3">
                    <strong>User ID:</strong>
                </div>
                <div class="col-md-9">
                    {{ $data['user_id'] }}
                </div>
                <div class="col-md-3">
                    <strong>Key:</strong>
                </div>
                <div class="col-md-9">
                    {{ $data['user_key'] }}
                </div>
            </div>
        </div>
        <p>Follow the API instructions to start using this tool.</p>
    @endif

@endsection