@extends('ecommerce::frontend.layout.main2')

@section('title') {{ $ecommerce_setting->site_title ?? 'Ochaka - Track Order' }} @endsection

@section('description') {{ $ecommerce_setting->site_description ?? 'Themesflat Ochaka - A modern and elegant Multipurpose eCommerce Template' }} @endsection

@section('content')


<!-- Include Header -->
@include('ecommerce::frontend.partials.header')

<!-- Track Order Section -->
<section style="padding:40px;" class="tf-section track-order-section">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-8 col-md-10">
                <div class="verification-container">
                    <div class="verification-header text-center">
                        <h2 class="verification-title fw-semibold mb-2">Track Your Order</h2>
                        <p class="verification-subtitle text-muted">Enter your order details to track your purchase</p>
                    </div>
                    
                    @if(!empty($sale))
                    <div class="order-details card mb-5">
                        <div class="card-header">
                            <h3 class="text-center mb-0">Order ID- {{ $sale->reference_no }}</h3>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <span class="mute">{{trans('file.Time')}} : </span>
                                        <span>{{ date('d-m-Y h:i:s', strtotime($sale->created_at)) }}</span>
                                    </div>
                                    <div class="mb-3">
                                        <span class="mute">{{trans('file.Order Status')}} : </span>
                                        @if($sale->sale_status == 1)
                                        <span>{{trans('file.Complete')}}</span>
                                        @elseif($sale->sale_status == 2)
                                        <span>{{trans('file.Pending')}}</span>
                                        @endif
                                    </div>
                                    <div class="mb-3">
                                        <span class="mute">{{trans('file.Payment Method')}} : </span>
                                        <span>{{ $sale->payment_mode }}</span>
                                    </div>
                                    <div class="mb-3">
                                        <span class="mute">{{trans('file.Payment Status')}} : </span>
                                        @if($sale->payment_status == 1)
                                        <span>{{trans('file.Pending')}}</span>
                                        @elseif($sale->payment_status == 4)
                                        <span>{{trans('file.Paid')}}</span>
                                        @endif
                                    </div>
                                    <div class="mb-3">
                                        @if($delivery != 0)
                                        <span class="mute">{{trans('file.Shipping Status')}} : </span>
                                        @if($sale->payment_status == 1)
                                        <span>{{trans('file.Packing')}}</span>
                                        @elseif($sale->payment_status == 2)
                                        <span>{{trans('file.Delivering')}}</span>
                                        @elseif($sale->payment_status == 3)
                                        <span>{{trans('file.Delivered')}}</span>
                                        @endif
                                        @else
                                        <span class="mute">{{trans('file.Shipping Status')}} : </span>
                                        <span>{{trans('file.Pending Confirmation')}}</span>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <span class="mute">{{trans('file.Name')}} : </span>
                                        <span>{{ $sale->shipping_name }}</span>
                                    </div>
                                    <div class="mb-3">
                                        <span class="mute">{{trans('file.Phone')}} : </span>
                                        <span>{{ $sale->shipping_phone }}</span>
                                    </div>
                                    <div class="mb-3">
                                        <span class="mute">{{trans('file.Address')}} : </span>
                                        <span>{{ $sale->shipping_address }}</span>
                                        @if(strlen($sale->shipping_city) > 0)
                                        <span>, {{ $sale->shipping_city }}</span>
                                        @endif
                                        @if(strlen($sale->shipping_state) > 0)
                                        <span>, {{ $sale->shipping_state }}</span>
                                        @endif
                                        @if(strlen($sale->shipping_country) > 0)
                                        <span>, {{ $sale->shipping_country }}</span>
                                        @endif
                                        @if(strlen($sale->shipping_zip) > 0)
                                        <span>, {{ $sale->shipping_zip }}</span>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <hr class="mt-3 mb-3">
                            <div class="cart-table table-content table-responsive">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th style="text-align: left;">Product</th>
                                            <th>Qty</th>
                                            <th>Price</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @if(!empty($sale))
                                        @foreach($product_sales as $product)
                                        <tr class="sale-{{$sale->id}}">
                                            <td class="d-flex" style="text-align: left;">
                                                @if($product->image!==null)
                                                @php
                                                    $images = explode(',', $product->image);
                                                    $product->image = $images[0];
                                                @endphp
                                                <img loading="lazy" class="product-img" data-src="{{ asset('images/product/small/') }}/{{ $product->image }}" alt="{{ $product->name }}">
                                                @else
                                                <img loading="lazy" class="product-img" src="https://dummyimage.com/50x50/e5e8ec/e5e8ec&text={{ $product->name }}" alt="{{ $product->name }}">
                                                @endif
                                                {!! $product->name !!}
                                                @if($product->is_variant == 1)
                                                @php
                                                    $variant = \App\Models\Variant::where('id',$product->variant_id)->first();
                                                    $variant_name = explode(',',str_replace('/',',',$variant->name));
                                                    $product->variant_option = json_decode($product->variant_option);
                                                    $count_variant = count($product->variant_option);
                                                @endphp

                                                (@foreach($product->variant_option as $key=>$option)
                                                {{$option}} : {{$variant_name[$key]}} @if($count_variant != ($key+1)) , @endif
                                                @endforeach)
                                                @endif
                                            </td>
                                            <td>
                                                {{ $product->qty }}
                                            </td>
                                            <td>
                                                {{ $product->net_unit_price }} 
                                            </td>
                                        </tr>
                                        @endforeach
                                        @endif
                                    </tbody>
                                    <tfooter>
                                        <tr>
                                            <td></td>
                                            <td><span class="mute">{{trans('file.Shipping')}}</span></td>
                                            <th>(+) {{$currency->symbol ?? $currency->code}}{{ $sale->shipping_cost ?? '0' }}</th>
                                        </tr>
                                        <tr>
                                            <td></td>
                                            <td><span class="mute">{{trans('file.Discount')}}</span></td>
                                            <th>(-) {{$currency->symbol ?? $currency->code}}{{ $sale->coupon_discount ?? '0' }}</th>
                                        </tr>
                                        <tr>
                                            <th></th>
                                            <th><h4>{{trans('file.Total')}}</h4></th>
                                            <th><h4>{{$currency->symbol ?? $currency->code}}{{ ($sale->grand_total - $sale->coupon_discount) }}</h4></th>
                                        </tr>
                                    </tfooter>
                                </table>
                            </div>
                        </div>
                    </div>
                    <a href="{{url('track-order')}}" class="tf-btn animate-btn w-100 bg-black text-white mt-4">{{trans('file.Track another order')}}</a>
                    @else
                    <form id="track-order" action="{{ url('track-order') }}" method="get">
                        @csrf
                        <div style="padding:10px;" class="form-group mb-4">
                            <label for="order_id" class="form-label">{{trans('Order ID')}}</label>
                            <input type="text" name="order_id" id="order_id" class="form-control" placeholder="{{trans('Enter your order ID')}}" value="" required>
                        </div>
                        <div style="padding:10px;" class="form-group mb-4">
                            <label for="email" class="form-label">{{trans('Email Address')}}</label>
                            <input type="email" name="email" id="email" class="form-control" placeholder="{{trans('Enter your email')}}" value="" required>
                        </div>
                        <div style="padding:10px;" class="form-group mb-4">
                            <button type="submit" id="login-submit" class="tf-btn animate-btn w-100 bg-black text-white">{{trans('file.Track')}}</button>
                        </div>
                    </form>
                    @endif
                </div>
            </div>
        </div>
    </div>
</section>


@endsection

@section('script')
<script type="text/javascript">
    "use strict";

    // Initialize Swiper for sliders
    if (('.tf-swiper').length > 0) {
        $('.tf-swiper').each(function() {
            var swiper = new Swiper(this, {
                slidesPerView: $(this).data('preview') || 4,
                spaceBetween: $(this).data('space') || 30,
                loop: $(this).data('loop') || false,
                pagination: {
                    el: '.tf-sw-pagination',
                    clickable: true,
                },
                autoplay: {
                    delay: $(this).data('delay') || 3000,
                },
                breakpoints: {
                    320: {
                        slidesPerView: $(this).data('mobile') || 1,
                        spaceBetween: $(this).data('space') || 10,
                    },
                    640: {
                        slidesPerView: $(this).data('mobile-sm') || 2,
                        spaceBetween: $(this).data('space-md') || 20,
                    },
                    768: {
                        slidesPerView: $(this).data('tablet') || 3,
                        spaceBetween: $(this).data('space-md') || 20,
                    },
                    1024: {
                        slidesPerView: $(this).data('preview') || 4,
                        spaceBetween: $(this).data('space-lg') || 30,
                    }
                }
            });
        });
    }

    $('#track-order').on('submit', function(e) {
        e.preventDefault();

        var order_id = $('#order_id').val();
        var email = $('#email').val();
        var route = "{{ url('/track-order') }}/" + order_id + "/" + email;

        window.location.href = route;
    })
</script>
@endsection