@extends('layouts.backend')
@section('css_after')
    <style>
        .progress { position:relative; width:100%; }
        .bar { background-color: #008000; width:0%; height:20px; }
        .percent { position:absolute; display:inline-block; left:50%; color: #7F98B2;}
        p{
    		margin-bottom: 8px !important;
    	}
        strong{
    		font-weight: 700 !important;
    		color: #313131;
		}
    </style>
@endsection
@section('js_after')
    <script>
        CKEDITOR.replace( 'article-ckeditor' );
    </script>
@endsection
@section('content')
    <div class="content">
        <div class="row">

            <div class="col-lg-12">
                <div class="block block-themed">
                    <div class="block-header">
                        <h3 class="block-title">ORDER DETAILS</h3>
                        <div class="block-options">
                            <a href="{{route('webadmin.order.orders')}}" class="btn btn-alt-secondary mr-5 mb-5">
                                <i class="fa fa-list-ul mr-5"></i>All Orders
                            </a>
                        </div>
                    </div>
                    <div class="block-content">
                        <form action="{{route('webadmin.ordersUpdate',['id'=> $order['id']])}}"  method="post" enctype="multipart/form-data">
                            @csrf
                            <div class="form-group row">
                                <div class="col-lg-6">
                            	    <p>Invoice ID: #{{$order->invoice_id}}</p>
                                </div>
                                <div class="col-lg-6 text-right">
                                	<p>Date: {{date('d-m-Y H:i:s', strtotime($order->created_at))}}</p>
                            	</div>
                            </div>
                            <div class="form-group row">
                                <div class="col-lg-6">
                                    <h3>Customer Details</h3>
                                    <p><strong>Customer Name:</strong> {{$order->user->name}}</p>
                                    <p><strong>Email:</strong> {{$order->user->email}}</p>
                                    <p><strong>Phone No:</strong> {{$order->user->phone_no}}</p>
                                    <p><strong>Company Name:</strong> {{$order->user->company_name}}</p>
                                </div>
                                <div class="col-lg-6">
                                    <h3>Billing Details</h3>
                                    <p><strong>Name:</strong> {{$order->billing->name}}</p>
                                    <p><strong>Email:</strong> {{$order->billing->email}}</p>
                                    <p><strong>Phone No:</strong> {{$order->billing->phone_no}}</p>
                                    <p><strong>Company Name:</strong> {{$order->billing->company_name}}</p>
                                    <p><strong>Country:</strong> {{$order->billing->country}}</p>
                                    <p><strong>Address:</strong> {{$order->billing->street_name}}, {{$order->billing->city}}, {{$order->billing->state}}, {{$order->billing->zip_code}}</p>
                                    <p><strong>Additional Information:</strong> {{$order->billing->additional_info}}</p>
                                </div>
                            </div>
                            <div class="form-group row">
                                <div class="col-12">
                                    <h3>Product And Bill Information</h3>
                                    <table class="table table-bordered">
                                        <thead>
                                            <tr>
                                            <th style="width: 80px;"><strong>Item</strong></th>
                                                <th><strong>Item Name</strong></th>
                                                <th><strong>Cost</strong></th>
                                                <th><strong>Qty</strong></th>
                                                <th><strong>Total</strong></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @php
                                            $subTotal = 0;
                                            @endphp
                                            @foreach($order->orderitems as $item)
                                                <tr>
                                                    <td><img class="img-fluid" src="{{asset('uploads/stationary/thumbnail')}}/{{$item['photo']}}" alt="" style="height:24px;width: 60px;"/></td>
                                                    <td>{{$item->name}}</td>
                                                    <td>₹{{number_format($item['price'],2)}}</td>
                                                    <td>{{$item->quantity}}</td>
                                                    @php
                                                        //$total_quantity = $total_quantity+$value['quantity'];
                                                        $subTotal = $subTotal+($item->price*$item->quantity);
                                                    @endphp
                                                    <td>₹{{number_format($item->price*$item->quantity,2)}}</td>
                                                </tr>
                                            @endforeach
                                            
                                        
                                       
                                            <tr>
                                                <td colspan="3"></td>
                                                <td >Sub Total</td>
                                                <td>₹{{number_format($subTotal,2)}}</td>
                                            </tr>
                                            <tr>
                                                <td colspan="3"></td>
                                                <td>Discount</td>
                                                <td>₹{{number_format($order->coupon_amount,2)}}</td>
                                            </tr>
                                            <tr>
                                                <td colspan="3"></td>
                                                <td>Total</td>
                                                @php
                                                $total = $subTotal-$order->coupon_amount;
                                                @endphp
                                                <td>₹{{number_format($total,2)}}</td>
                                            </tr>
                                        </tbody>
                                        
                                    </table>
                                </div>
                            </div>
                            <div class="form-group row">
                                <div class="col-lg-3">
                                        <select class="form-control {{ $errors->has('status') ? ' is-invalid' : '' }}" name="status">
                                            <option value="pending" @if($order->status == 'pending') selected @endif>Pending</option>
                                            <option value="cancel" @if($order->status == 'cancel') selected @endif>Cancel</option>
                                            <option value="complete" @if($order->status == 'complete') selected @endif>Complete</option>
                                        </select>
                                        @if ($errors->has('status'))
                                            <div class="invalid-feedback" role="alert">
                                                <strong>{{ $errors->first('status') }}</strong>
                                            </div>
                                        @endif
                                </div>
                                <div class="col-lg-9 text-right">
                                    <button type="submit" class="btn btn-alt-primary">Update</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>

        </div>
    </div>

@endsection