@extends('landing.layouts.app')

@section('content')
    <div class="container">
        <div class="py-5">
            <div class="card card-body booking-details" style="width: 50%; margin: 0 auto;">

                <h2 class="font-weight-bold text-success mt-2  d-flex justify-content-center">
                    <i class="bi bi-check-circle-fill mr-2" style="font-size: 70px;"></i>
                </h2>
                <h2 class="font-weight-bold text-success  mb-4 d-flex justify-content-center">
                    Order Confirmed Successfully
                </h2>
                <div class="d-flex justify-content-between">
                    <h5 class="font-weight-bold mb-1 "><a href="{{ route('order.show',['order'=>$order]) }}"><span class="badge rounded-pill bg-primary">#{{$order->id}}</span></a>
                    </h5>
                    @if($order->grand_total != 0)
                        <a href="{{ route('order.invoice.download',['order'=>$order->id]) }}" class="btn btn-sm btn-danger text-white"><i class="bi bi-download"></i> Invoice</a>
                    @endif
                </div>

                <p class="text-secondary mb-3">
                <div class="table-responsive">
                    <table class="table table-striped">
                        <tbody>
                        <tr class="text-left">
                            <td>Name</td>
                            <td>{{$order->user->name}}</td>
                        </tr>
                        <tr>
                            <td>Email</td>
                            <td>{{$order->user->email}}</td>
                        </tr>
                        <tr>
                            <td>Phone</td>
                            <td>{{$order->user->phone}}</td>
                        </tr>
                        <tr class="font-weight-bold">
                            <td>Price</td>
                            <td><i class="bi bi-currency-rupee"></i>{{ $order->grand_total }}/-</td>
                        </tr>
                        </tbody>
                    </table>
                </div>


            </div>
        </div>
    </div>
@endsection