@extends('layout')

@section('title', 'Keliling Trapesium')

@section('content')
    <div class="containet text-center">
        <br>
        <br>
        <div class="row text-center">
            <div class="col-md-6 offset-2">
                <h1 class="text-black-50 text-center">Keliling Trapesium</h1>
            </div>
        </div>
        <br>
        <form action="/kTrapesiumC" class="form-horizontal" method="POST">
        {{ csrf_field() }}
            <div class="row text-center">
                <div class="col-md-2 offset-1">
                    <h5 class="text-black-50 text-center">Nilai ab</h3>
                    <input type="number" class="form-control" name="ab" placeholder="Masukkan nilai ab" required>
                </div>
                <div class="col-md-2">
                    <h5 class="text-black-50 text-center">Nilai bc</h3>
                    <input type="number" class="form-control" name="bc" placeholder="Masukkan nilai bc" required>
                </div>
                <div class="col-md-2">
                    <h5 class="text-black-50 text-center">Nilai cd</h3>
                    <input type="number" class="form-control" name="cd" placeholder="Masukkan nilai cd" required>
                </div>
                <div class="col-md-2">
                    <h5 class="text-black-50 text-center">Nilai da</h3>
                    <input type="number" class="form-control" name="da" placeholder="Masukkan nilai da" required>
                </div>
                <div class="col-md-2">
                    <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
