@extends('layout')

@section('title', 'Luas Jajar Genjang')

@section('content')
<div class="container text-center">
        <br>
        <br>
        <div class="row text-center">
            <div class="col-md-6 offset-3">
                <h1 class="text-black-50 text-center">Luas Jajar Genjang</h1>
            </div>
        </div>
        <br>
        <form action="/lJajarGC" class="form-horizontal" method="POST">
        {{ csrf_field() }}
            <div class="row text-center">
                <div class="col-md-3 offset-2">
                    <h5 class="text-black-50 text-center">Alas</h3>
                    <input type="number" class="form-control" name="alas" placeholder="Masukkan alas jajar genjang" required>
                </div>
                <div class="col-md-3">
                    <h5 class="text-black-50 text-center">Tinggi</h3>
                    <input type="number" class="form-control" name="tinggi" placeholder="Masukkan tinggi jajar genjang" required>
                </div>
                <div class="col-md-1">
                    <br>
                    <button class="btn btn-primary" type="submit">Hitung</button>
                </div>
            </div>
        </form>
        <br>
        <br>
        <div class="row text-center">
            <div class="col md-2"></div>
            <div class="col md-6">
                @if(session('info'))
                    <div class="alert alert-info">
                        {{ session('info') }}
                    </div>
                @endif
            </div>
            <div class="col md-2"></div>
        </div>
    </div>
@endsection
