@extends('layouts.app')
@section('content')
<!--middle body-->
<div class="container" style="margin-top: 120px; margin-bottom: 120px;">

    <div class="row ml-0">

        <div class="col-md-8 m-auto bg-white p-5 rounded dashed-bdr border-danger">

            <h1 class="font-2-bold text-center text-danger">THANK YOU</h1>
            <h2 class="font-2-bold text-center m-0">FOR PURCHASING REALTY MAGAZINE</h2>
            <hr class="bdr-solid-t border-danger">

            <table width="100%" border="1" class="table table-bordered mb-5 mt-5 table-striped table-hover">
                <thead>
                    <tr>
                        <th>Payment id</th>
                        <th>Total Amount</th>
                        <th>Email</th>
                        <th>Phone</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>{{$details->payment->payment_id}}</td>
                        <td>{{$details->payment->amount}}</td>
                        <td>{{$details->payment->buyer_email}}</td>
                        <td>{{$details->payment->buyer_phone}}</td>
                    </tr>
                </tbody>
            </table>



            <p class="text-muted font-2 mt-3"></p>

        </div>


    </div>

</div>
<!--middle body-->
@endsection