@extends('fronts.orders.admin_master_order')
@section('content')
<div>
    <section class="content">
        <div class="card card-primary">
            <div class="card-body">
                <div class="row">

                  <div class="col-md-12">
                    <div class="invoice p-3 mb-3">
          <!-- title row -->
          <div class="row">
            <div class="col-12">
              <h4>
                <i class="fas fa-globe"></i> {{ setting()->shop_name ?? 'Glamours World' }}
                <b class="float-right">Order: INV-00-{{$data->id ?? '001'}}</b><br/>
                <small class="float-right">Date: {{$data->date ?? 'N/A' }}</small><br/>
                <small class="float-right">Status: {{$data->status ?? 'N/A'}}</small><br/>
                <small class="float-right">Payment Method: {{ $data->paymentmethod->name ?? 'N/A' }}</small>
                  @if($data->screen_shot)
                        <br/>
                        <a href="{{asset($data->screen_shot)}}" target="_blank" class="float-right btn btn-sm btn-info">View Screenshot</a>
                      <br/>
                  @endif
                  <br/>
                  <button onclick="window.print()" class="btn btn-primary float-right" style="margin-right: 5px;">
                    <i class="fas fa-print"></i> Print Invoice
                  </button>
              </h4>
            </div>
            <!-- /.col -->
          </div>
          <!-- info row -->
          <div class="row invoice-info">
            <div class="col-sm-4 invoice-col">
              {{-- From --}}
              <address>
                <strong>{{$data->name ?? 'N/A'}}</strong><br>
               {{$data->full_address ?? 'N/A'}}<br/>
                Email: {{$data->email ?? 'N/A'}}<br/>
                Phone: {{$data->phone ?? 'N/A'}}
              </address>
            </div>

            <!-- /.col -->
          </div>
          <!-- /.row -->

          <!-- Table row -->
          <div class="row">
            <div class="col-12 table-responsive">
              <table class="table table-striped">
                <thead>
                <tr>
                  <th>Serial #</th>
                  <th>Product</th>
                  <th>Qty</th>
                  <th>Per Unit Price</th>
                  <th>Unit Total</th>
                </tr>
                </thead>
                <tbody>
                @foreach($data->orders as $key=>$order)
                <tr>
                    <td>{{$key+1}}</td>
                    <td>
                    {{$order->product->product_name ?? 'N/A'}}
                    {{-- ✅ Show variants if available --}}
                    @if(!empty($order->variant_details))
                        <br>
                        @foreach($order->variant_details as $variant)
                            <small class="text-muted">
                                {{ $variant->variant_name }}: {{ $variant->variant_value }}
                                @if(!$loop->last) | @endif
                            </small>
                        @endforeach
                    @endif
                    </td>
                    <td>{{$order->qty ?? 'N/A'}}</td>
                    <td>{{ $order->product ?  discount($order->product) : 'N/A' }} BDT</td>
                    <td>{{ $order->product ? discount($order->product) * $order->qty : 'N/A' }} BDT</td>
                </tr>
                @endforeach
                </tbody>
              </table>
            </div>
            <!-- /.col -->
          </div>
          <!-- /.row -->

          <div class="row">

            <div class="col-12">

              <div class="table-responsive">
                <table class="table">
                  <tr>
                    <th style="width:50%">Subtotal:</th>
                    <td>{{$data->sub_total ?? 'N/A'}} BDT</td>
                  </tr>
                  <tr>
                      <th style="width:50%">Delivery Charge:</th>
                      <td>{{$data->delivery_charge ?? 'N/A'}} BDT</td>
                  </tr>
                  <tr class="d-none">
                    <th>Tax (9.3%)</th>
                    <td>$10.34</td>
                  </tr>
                  <tr class="d-none">
                    <th>Shipping:</th>
                    <td>$5.80</td>
                  </tr>
                  <tr>
                    <th>Total:</th>
                    <td>{{$data->total ?? 'N/A'}} BDT</td>
                  </tr>
                </table>
              </div>
            </div>
            <!-- /.col -->
          </div>
          <!-- /.row -->

          <!-- this row will not appear when printing -->
          <div class="row no-print d-none">
            <div class="col-12">
              <button type="button" class="btn btn-success float-right"><i class="far fa-credit-card"></i> Submit
                Payment
              </button>
              <button type="button" class="btn btn-primary float-right" style="margin-right: 5px;">
                <i class="fas fa-download"></i> Generate PDF
              </button>
            </div>
          </div>
        </div>
                  </div>

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