
                <div class="row">
                  <div class="d-print-none" style="float: right;">
                    <a href="javascript:void(0);" class="btn btn-default print"><i class="fa fa-print"></i> Print</a>
                  </div>
                  <div class="col-xl-12 col-md-12 col-12 mb-md-0 mb-4">
                    <div class=" invoice-preview-card">
                      <div class="card-body">
                        <div class="d-flex justify-content-between flex-xl-row flex-md-column flex-sm-row flex-column m-sm-3 m-0">
                          <div class="mb-xl-0 mb-4">
                            <div class="d-flex svg-illustration mb-4 gap-2 align-items-center">
                              <div class="app-brand-logo demo">



                              </div>
                              <span class="app-brand-text fw-bold fs-4">
                                The HeadBarber
                              </span>
                            </div>
                            <p class="mb-2">{{$bookings->branch->address}}</p>
                            <p class="mb-2">{{$bookings->branch->email}}</p>
                            <p class="mb-0">{{$bookings->branch->phone}}</p>
                          </div>
                          <div>
                            <h4 class="fw-medium mb-2">BOOKING #{{$bookings->id}}</h4>
                            <div class="mb-2 pt-1">
                              <span>Booked Date:</span>
                              <span class="fw-medium">{{ Common::DateFormat($bookings->booking_date)}} {{$bookings->booking_time}}</span>
                            </div>
                            <div class="pt-1">
                              <span>Booking Created:</span>
                              <span class="fw-medium">{{ Common::DateFormat($bookings->created_at)}}</span>
                            </div>
                          </div>
                        </div>
                      </div>
                      <hr class="my-0">
                      <div class="card-body">
                        <div class="row p-sm-3 p-0">
                          <div class="col-xl-6 col-md-12 col-sm-5 col-12 mb-xl-0 mb-md-4 mb-sm-0 mb-4">
                            <h6 class="mb-3">Customer:</h6>
                            <p class="mb-1">{{$bookings->name}}</p>
                            <p class="mb-1">{{$bookings->email}}</p>
                            <p class="mb-1">{{$bookings->phone}}</p>

                          </div>
                          <div class="col-xl-6 col-md-12 col-sm-7 col-12">
                            <h6 class="mb-4">Bill To:</h6>
                            <table>
                              <tbody>

                                @foreach($bookings->payments as $payment)
                                <tr>
                                  <td class="pe-4">{{$payment->payment_type}}:</td>
                                  <td>{{$bookings->branch->currency_symbol}}{{$payment->amount}}</td>
                                </tr>
                                @endforeach
                                <tr>
                                  <td class="pe-4">Total Paid:</td>
                                  <td class="fw-medium">{{$bookings->branch->currency_symbol}}{{$bookings->amount}}</td>
                                </tr>

                              </tbody>
                            </table>
                          </div>
                        </div>
                      </div>
                      <div class="table-responsive border-top">
                        <table class="table m-0">
                          <thead>
                            <tr>
                              <th>Item</th>
                              <th>Description</th>
                              <th>Qty</th>
                              <th>Discount</th>
                              <th>Amount</th>
                            </tr>
                          </thead>
                          <tbody>
                            @foreach($bookings->items as $item)
                            <tr class="@if($item->status == 0)bg-gradient-danger text-white @endif">
                              <td class="text-nowrap">{{$item->item_name}}</td>
                              <td class="text-nowrap">{{$item->category_name}}</td>
                              <td>{{$item->quantity}}</td>
                              <td>{{$bookings->branch->currency_symbol}}{{$item->discount}}</td>
                              <td>{{$bookings->branch->currency_symbol}}{{$item->amount}}</td>
                            </tr>
                            @if($item->status == 0)
                            <tr class="bg-gradient-danger text-white"><td colspan="5" class="text-center p-0">{{$item->reason}}</td></tr>
                           @endif
                           @endforeach
                            <tr>
                              <td colspan="3" class="align-top px-4 py-4">
                                <p class="mb-2 mt-3">
                                  <span class="ms-3 fw-medium">Staff:</span>
                                  <span>{{@$bookings->staff->name}}</span>
                                </p>
                                <span class="ms-3">Thanks for coming</span>
                              </td>
                              <td class="text-end pe-3 py-4">
                                <p class="mb-2 pt-3">Subtotal:</p>
                                <p class="mb-2">Discount:</p>
                                <p class="mb-2">Tax:</p>
                                <p class="mb-0 pb-3">Total:</p>
                              </td>
                              <td class="ps-2 py-4">
                                <p class="fw-medium mb-2 pt-3">{{$bookings->branch->currency_symbol}}{{$bookings->subtotal??0.00}}</p>
                                <p class="fw-medium mb-2">{{$bookings->branch->currency_symbol}}{{$bookings->discount}}</p>
                                <p class="fw-medium mb-2">0.00</p>
                                <p class="fw-medium mb-0 pb-3">{{$bookings->branch->currency_symbol}}{{$bookings->amount}}</p>
                              </td>
                            </tr>
                          </tbody>
                        </table>
                      </div>

                      {{-- <div class="card-body mx-3">
                        <div class="row">
                          <div class="col-12">
                            <span class="fw-medium">Note:</span>
                            <span>It was a pleasure working with you and your team. We hope you will keep us in mind for future. Thank You!</span>
                          </div>
                        </div>
                      </div> --}}
                    </div>
                  </div>
                    {{-- @include('bookings.show_fields') --}}
                </div>

