@extends('layouts.acorn.acorn_frontend_app')
@section('header_styles')

@endsection
@section('content')
<div class="row">
  <div class="col mb-5">
    
    <h5><b>Name :</b> {{$user_data['name'].' '.$user_data['last_name']}}</h5>
    <h5><b>Order Number :</b> {{$order_data['id']}}</h5>
    <h5><b>Order Date :</b> {{$order_data['created_date']}}</h5>
    <h5><b>Email :</b> {{$user_data['email']}}</h5>
  </div>
</div>
<div class="row">
  </div>
  <div class="col-12 order-summery-wrapper">
    <div class="card text-white bg-infox cart-summary-box">
      <div class="card-header" style="padding:15px;">
      <h3 style="margin: 0;">Order Summary</h3>
      </div>
      <div class="card-body" style="padding: 15px;">
                <div class="row g-0 mb-2">
          <div class="col">
            <div class="card-body d-flex flex-column pt-0 pb-0 ps-3 pe-4 h-100 justify-content-center">
              <div class="d-flex flex-column">
                <div class="mt-n1 lh-1-25" style="color: #000;">Order Total</div>
              </div>
            </div>
          </div>
          <div class="col-auto">
            <div class="d-inline-block d-flex justify-content-end align-items-center h-100">
              <div class="ms-2 mt-n1 lh-1-25" style="color: #000;">{{number_format($order_data['total'], 2)}}</div>
            </div>
          </div>
        </div>
                
              </div>
    </div>
  </div>
</div>
<div class="row">
    </div>
@endsection
@section('footer_scripts')

@endsection