@extends('admin_dashboard')
@section('admin')
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>

 <div class="content">

                    <!-- Start Content-->
                    <div class="container-fluid">

                        <!-- start page title -->
                        <div class="row">
                            <div class="col-12">
                                <div class="page-title-box">
                                    <div class="page-title-right">
                                        <ol class="breadcrumb m-0">
                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Order Details </a></li>

                                        </ol>
                                    </div>
                                    <h4 class="page-title">Order Details</h4>
                                </div>
                            </div>
                        </div>
                        <!-- end page title -->

<div class="row">


  <div class="col-lg-8 col-xl-12">
<div class="card">
    <div class="card-body">





    <!-- end timeline content-->

    <div class="tab-pane" id="settings">
        {{-- <form method="post" action="{{ route('customer.store') }}" enctype="multipart/form-data"> --}}
        <form method="post" action="{{ route('order.status.update') }}" enctype="multipart/form-data">
        	@csrf
            <input type="hidden" name="id" value="{{ $order->id }}">
            <h5 class="mb-4 text-uppercase"><i class="mdi mdi-account-circle me-1"></i> Order Details</h5>

            <div class="row">


    <div class="col-md-6">
        <div class="mb-3">
            <label for="firstname" class="form-label">Customer Image</label>
             <img id="showImage" src="{{ asset($order->customer->image ) }}" class="rounded-circle avatar-lg img-thumbnail"
                alt="profile-image">

        </div>
    </div>


              <div class="col-md-6">
        <div class="mb-3">
            <label for="firstname" class="form-label">Customer Name</label>
             <p class="text-danger"> {{ $order->customer->name }} </p>
        </div>
    </div>



    <div class="col-md-6">
        <div class="mb-3">
            <label for="firstname" class="form-label">Customer Email</label>
             <p class="text-danger"> {{ $order->customer->email }} </p>
        </div>
    </div>


       <div class="col-md-6">
        <div class="mb-3">
            <label for="firstname" class="form-label">Customer Phone</label>
             <p class="text-danger"> {{ $order->customer->phone }} </p>
        </div>
    </div>


  <div class="col-md-6">
        <div class="mb-3">
            <label for="firstname" class="form-label">Order Date </label>
             <p class="text-danger"> {{ $order->order_date }} </p>
        </div>
    </div>

 <div class="col-md-6">
        <div class="mb-3">
            <label for="firstname" class="form-label">Order Invoice </label>
             <p class="text-danger"> {{ $order->invoice_no }} </p>
        </div>
    </div>




   {{-- <div class="col-md-6">
        <div class="mb-3">
            <label for="firstname" class="form-label">Payment Status </label>
             <p class="text-danger"> {{ $order->payment_status }} </p>
        </div>
    </div> --}}

    <div class="col-md-6">
        <div class="mb-3">
            <label for="firstname" class="form-label">Invoice Total </label>
             <p class="text-danger"> {{ $order->sub_total }} </p>
        </div>
    </div>

    <div class="col-md-6">
        <div class="mb-3">
            <label for="firstname" class="form-label">Paid Amount </label>
             <p class="text-danger"> {{ $order->pay }} </p>
        </div>
    </div>


 <div class="col-md-6">
        <div class="mb-3">
            <label for="firstname" class="form-label">Due Amount </label>
             <p class="text-danger"> {{ $order->due }} </p>
        </div>
    </div>




            </div> <!-- end row -->



            <div class="text-end">
                <button type="submit" class="btn btn-success waves-effect waves-light mt-2"><i class="mdi mdi-content-save"></i> Complete Order </button>
            </div>
        </form>
    </div>
    <!-- end settings content-->


                        <div class="col-12">
                            <div class="card">
                                <div class="card-body">


                                    <table class="table dt-responsive nowrap w-100">
                                        <thead>
                                            <tr>
                                                <th>Image</th>
                                                <th>Product Name</th>
                                                <th>Product Code</th>
                                                <th>Quantity</th>
                                                <th>Unit Price</th>
                                                <th>Total Discount</th>
                                                <th>Total(+vat)</th>
                                            </tr>
                                        </thead>


                                        <tbody>
                                            @foreach($orderItem as $item)
                                            <tr>

                                                <td> <img src="{{ asset($item->product->product_image) }}" style="width:50px; height: 40px;"> </td>
                                                <td>{{ $item->product->product_name }}</td>
                                                <td>{{ $item->product->product_code }}</td>
                                                <td>{{ $item->quantity }}</td>
                                                <td>{{ $item->unitcost }}</td>
                                                <td>{{ ($item->discount_amount ?? '0') * $item->quantity}}</td>
                                                {{-- <td></td> --}}
                                                <td>{{ $item->total}}</td>
                                            </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                    <table width="100%" style=" padding:0 10px 0 10px;">
                                        <tr>
                                            <td align="right" >
                                                <h4><span>Amount Before Discount:</span> Tk. {{ $order->total }}</h4>
                                                <h2><span>Total Discount:</span> Tk. {{ $totalDiscount }}</h2>
                                                <h2><span>Total Payment:</span> Tk. {{ $totalAmount }}</h2>
                                                {{-- <h2><span style="color: green;">Total:</span> $ {{ $order->user->name }}</h2> --}}
                                            </td>
                                        </tr>
                                      </table>
                                </div> <!-- end card body-->
                            </div> <!-- end card -->
                        </div><!-- end col-->















                                    </div>
                                </div> <!-- end card-->

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

                    </div> <!-- container -->

                </div> <!-- content -->




@endsection