@extends('mainlayout')


@section('content')


<div class="page-title-section section" style="padding-bottom: 2px;">
    <div class="row justify-content-between align-items-center" style="padding:0em 3.5em">
        <div class="col-sm-auto col-12">
            <h3 class="title" style="text-align:left;font-size: 32px;">{{ __('messages.checkout') }}</h3>
        </div>
    </div>
</div>

<div class="reviews-section section">
    <div class="container">
        <div class="row">
            <div class="col-lg-7">
                    <p>You are about to buy/book plot <b>123</b> Bagamoyo, pay atleast 20% to reserve.</p>
                    <h4 class="checkout-title">Details</h4>

                    <table class="lp-list-table table">
                       
                        <tbody>
                            <tr>
                                <td>Area</td>
                                <td class="column-course">
                                    500 SQM
                                </td>
                                <td></td>
                            </tr>
                            <tr>
                                <td>Price</td>
                                <td class="column-course">
                                    500,000
                                </td>
                                <td class="column-course">
                                    <a class="btn btn-warning" style="height:24px;width:45%">Pay Full Amount</a>
                                </td>
                            </tr>
                            <tr>
                                <td>Installment</td>
                                <td class="column-course">
                                    550,000
                                </td>
                                <td class="column-course">
                                    <a class="btn btn-warning" style="height:24px; width:45%">Pay 20%</a>
                                </td>
                            </tr>


                        </tbody>
                    </table>

                    <p style="margin:3em 0em">Payment reservations will be held for <b>10</b> Minutes for completion, if payment is not complete within said time, the plot will be unreserved.</p>
            </div>
        </div>
    </div>
</div>


@endsection