@extends('master.front')
@section('title')
    {{ __('Invoice') }}
@endsection
@section('content')
    <div class="container-fluid container60 padding-bottom-3x mb-1 print_invoice">

        <nav aria-label="breadcrumb">
            <ol class="breadcrumb py-3">
              
                <li class="breadcrumb-item"><a href="{{ url('user/orders') }}">{{ __('รายการสั่งซื้อ') }}</a></li>
                <li class="breadcrumb-item active" aria-current="page">{{ __('Order Invoice') }}</li>
            </ol>
        </nav> 

    <div class="container py-1">
        <div class="invoice bg-white shadow-sm rounded">
    
            <div class="row border-top pt-4">
            <div class="col-md-4">
                <img src="{{ asset('assets/images/' . $setting->logo) }}" alt="Logo" class="mb-3" style="max-height: 100px;">
               
            </div>

            <div class="col-md-4">
               
            </div>

            <div class="col-md-4">
                <h4 class="text-uppercase">{{ __('Order Invoice') }}</h4>
                <p class="text-muted mb-0">{{ __('Transaction Id :') }} {{ $order->txnid }}</p>
                <p class="text-muted">{{ __('Order Date :') }} {{ $order->created_at->format('d/m/Y') }}</p>
            </div>
            </div>

    
            <!-- Order Details -->
            <div class="row border-top pt-4">
                <div class="col-md-4">
                    <h6 class="text-uppercase text-muted">{{ __('Order Details') }}</h6>
                    <p class="mb-1">{{ __('Order Id :') }} <strong>{{ $order->transaction_number }}</strong></p>
                    <p class="mb-1">{{ __('Payment Status :') }} 
                        @if ($order->payment_status == 'Paid')
                            <span class="badge badge-success">{{ __('Paid') }}</span>

                        @elseif($order->payment_status == 'Pendin') 
                            <span class="badge badge-success">{{ __('Pendin') }}</span>
                        @else
                            <span class="badge badge-danger">{{ __('Unpaid') }}</span>
                        @endif
                    </p>
                    <p class="mb-1">{{ __('Payment Method :') }} <strong>{{ $order->payment_method }}</strong></p>
                </div>
                <div class="col-md-4">
                    <h6 class="text-uppercase text-muted">{{ __('Shipping & Billing Address') }}</h6>
                    <h6 class="fw-semibold">{{ $Order_address_bill->name}} @if($Order_address_bill->company) | {{$Order_address_bill->company}} @endif</h6>
                        <p class="mb-0">{{ $Order_address_bill->sent_address }}
                            {{ $Order_address_bill->sent_tambon }},
                            {{ $Order_address_bill->sent_district }},
                            {{ $Order_address_bill->sent_province }},
                            {{ $Order_address_bill->sent_zipcode }}
                            <br>{{ $Order_address_bill->sent_phone }}
                        </p>
                </div>
                <div class="col-md-4">
                    <h6 class="text-uppercase text-muted">{{ __('Shipping & Billing Address') }}</h6>
                    <h6 class="fw-semibold">{{ $Order_address_delivery->name}} @if($Order_address_delivery->company) | {{$Order_address_delivery->company}} @endif</h6>
                        <p class="mb-0">{{ $Order_address_delivery->sent_address }}
                            {{ $Order_address_delivery->sent_tambon }},
                            {{ $Order_address_delivery->sent_district }},
                            {{ $Order_address_delivery->sent_province }},
                            {{ $Order_address_delivery->sent_zipcode }}
                            <br>{{ $Order_address_delivery->sent_phone }}
                        </p>
                </div>
            </div>
            
    
            <!-- Product Table -->
            <div class="row mt-4">
                <div class="col">
                    <div class="table-responsive">
                        <table class="table border">
                            <thead class="bg-light">
                                <tr>
                                    <th>{{ __('รูปสินค้า') }}</th>
                                    <th>{{ __('ชื่อสินค้า') }}</th>
                                    {{-- <th>{{ __('Attribute') }}</th> --}}
                                    <th class="text-center">{{ __('จำนวน') }}</th>
                                   
                                    <th class="text-right">{{ __('ราคา/หน่วย') }}</th>
                                    <th class="text-right">{{ __('ราคารวม') }}</th>
                                </tr>
                            </thead>
                            <tbody>
                                <!-- Example Row -->

                                @foreach($Order_products_list as $value)
                                <tr>

                                    <td><img src="{{ asset('assets/images/' . $value->photo) }} " style="width: 100px" alt="Image Not Found"></td>
                                    <td>{{$value->product_name}}</td>
                                    <td class="text-center">{{ number_format($value->amt) }}</td>
                                    <td class="text-right">{{number_format($value->selling_price,2)}}</td>
                                    <td class="text-right">{{number_format($value->total_price,2)}}</td>
                                </tr>
                                @endforeach
                                <!-- Add your loop here -->
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
 
            <div class="row mt-4">
                <div class="col">
                    <div class="table-responsive">
                        <table class="table border">
                            <thead class="bg-light" >
                                <tr style="background-color: #ffd600">
                                    <th>{{ __('สินค้าแถม') }}</th>
                                    <th>{{ __('ชื่อสินค้า') }}</th>
                                    {{-- <th>{{ __('Attribute') }}</th> --}}
                                    <th class="text-center">{{ __('จำนวน') }}</th>
                                    
                                    <th class="text-right">{{ __('ราคา/หน่วย') }}</th>
                                    <th class="text-right">{{ __('ราคารวม') }}</th>
                                </tr>
                            </thead>
                            <tbody>
                                <!-- Example Row -->

                                @foreach($order_products_lists_free as $value_get_free)
                                <tr>

                                    <td>  <a href="{{ route('front.product', $value_get_free->sku) }}"><img src="{{ asset('assets/images/' . $value_get_free->photo) }}" alt="..."
                                        class="object-contain">
                                    </a>
                                </td>
                                    <td>  <p class="text-blue1 fw-semibold">{{__('โปรโมชั่น')}}:{{  $value_get_free->pro_name }}</p>
                                        <p class="mb-0"> {{ Str::limit($value_get_free->product_name, 45) }}</p>
                                        <p class="mb-0">{{__('รหัสสินค้า')}}: {{$value_get_free->sku}} </p></td>
                                    <td class="text-center">{{ number_format($value_get_free->free_tqy) }}</td>
                                    <td class="text-right"> 0 </td>
                                    <td class="text-right"> 0 </td>
                                </tr>
                                @endforeach
                                <!-- Add your loop here -->
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>


            <div class="row mt-4">
                <div class="col-md-6">
                    <!-- ข้อมูลเพิ่มเติม เช่น ข้อความหรือเงื่อนไข -->
                    <h6 class="text-uppercase text-muted">{{ __('หมายเหตุ') }}</h6>
                    <p class="mb-0">{{ __('กรุณาตรวจสอบสินค้าภายใน 7 วันหลังจากได้รับสินค้า') }}</p>
                </div>
                <div class="col-md-6">
                    <div class="table-responsive">
                        <table class="table border">
                            <tbody>
                                <tr>
                                    <td class="text-right"><strong>{{ __('ราคารวมสินค้า:') }}</strong></td>
                                    <td class="text-right">{{ number_format($order->total_amount-$order->shipping, 2) }} {{ __('THB') }}</td>
                                </tr>
                                <tr>
                                    <td class="text-right"><strong>{{ __('ค่าจัดส่ง:') }}</strong></td>
                                    <td class="text-right">{{ number_format($order->shipping, 2) }} {{ __('THB') }}</td>
                                </tr>
                                {{-- <tr>
                                    <td class="text-right"><strong>{{ __('ส่วนลด:') }}</strong></td>
                                    <td class="text-right">-{{ number_format($order->discount, 2) }} {{ __('THB') }}</td>
                                </tr> --}}
                                <tr class="bg-light">
                                    <td class="text-right"><strong>{{ __('ยอดรวมสุทธิ:') }}</strong></td>
                                    <td class="text-right"><strong>{{ number_format($order->total_amount, 2) }} {{ __('THB') }}</strong></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            
    
            <!-- Footer -->
            <div class="row mt-4 border-top pt-4">
                <div class="col-md-6">
                    <a href="{{ route('user.order.index') }}" class="btn btn-sm btn-primary">{{ __('Back to Orders') }}</a>
                </div>
                {{-- <div class="col-md-6 text-right">
                    <a href="{{ route('user.order.print', $order->id) }}" target="_blank" class="btn btn-sm btn-secondary">
                        <i class="fas fa-print"></i> {{ __('Print Invoice') }}
                    </a>
                </div> --}}
            </div>
        </div>
    </div>
    </div>


    
@endsection