@extends('layouts.admin')
@section('content')
<link href="{{ URL::asset('css/image-uploader.css') }}" rel="stylesheet">
<section class="gray-dark mt-0 pt-4">
    <div class="container">
        <div class="">
            <nav aria-label="breadcrumb ">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="javascript:;"><i class="ti-home"></i></a></li>
                    <li class="breadcrumb-item"><a href="javascript:;">My Orders</a></li>
                    <li class="breadcrumb-item active" aria-current="page">Order Confirmed</li>
                </ol>
            </nav>
        </div>
        <div class="pt-2">
            <div class="col-lg-12 col-md-12 right-side">
                <div class="bg-white mb-4">
                    <div class="row mb-4 mt-4">
                        <div class="col-lg-12 col-md-12 col-sm-12">
                            <div class="sec-heading-flex pl-2 pr-2 mb-0">
                                <div class="sec-heading-flex-one text-center bg-light py-3">
                                    <span class="fa fa-check-circle fa-4x text-success"></span>
                                    <h3 class="text-success pt-3 pb-2">Thank For Your Order</h3>
                                    <!-- <h2>We've Reviced Your Order</h2> -->
                                    <h6 class="text-black" style="text-transform:none;">A confirmation email has been sent to balamurugan.r88@gmail.com </h6>
                                    <a href="javascript:;" class="btn btn-sm btn-outline-info">{{$orderlist->order_id}}</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card bg-white mb-4 order-blk">
                        <div class="p-3 right-side">
                            <div class="row">
                            <div class="col-lg-6">
                                <h6><b>Shipping To</b></h6>
                                <address>
                                    <p style="font-weight:500;"> {{$orderlist->phone_number}}<br></p>
                                    <p>
                                    {{$orderlist->delivery_address}}
                                    </p>
                                </address>
                            </div>
                            <div class="col-lg-6">
                                <div class="row">
                                <div class="col-6 col-lg-6 ">
                                    <p class="text-muted mb-0">Order Number:</p>
                                    <p class="mb-lg-0 font-size-sm font-weight-bold"> <span>{{$orderlist->id}}</span></p>
                                </div>
                                <div class="col-6 col-lg-6">
                                    <p class="text-muted mb-0">Order date:</p>
                                    <p class="mb-lg-0 font-size-sm font-weight-bold">
                                        <span>{{$orderlist->created_date}}</span>
                                    </p>
                                </div>
                                <div class="col-6 col-lg-6 pt-4">
                                    <p class="text-muted mb-0">Payment Mode:</p>
                                    <p class="mb-lg-0 font-size-sm font-weight-bold">
                                        <span>{{$orderlist->payment_modee}}</span>
                                    </p>
                                </div>
                                <div class="col-6 col-lg-6 pt-4">
                                    <p class="text-muted mb-0">Delivery Date</p>
                                    <p class="mb-lg-0 font-size-sm font-weight-bold">
                                        <span>{{$orderlist->delivery_date}}</span>
                                    </p>
                                </div>
                                </div>
                            </div>
                            </div>
                        </div>
                    </div>
                                        <div class="row mb-4 mt-4">
                        <div class="col-lg-12 col-md-12 col-sm-12">
                            <div class="pl-2 pr-2 mb-0  bg-light  py-3">
                                    <div class="text-center">
                                        <a href="javascript:;" class="btn btn-md btn-outline-success">Continue Shopping</a>
                                    </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- <input type="hidden" name="orderid" value="{{--$orders->order_id--}}" id="orderid"> -->
<script src="{{ url('js/image-uploader.js') }}" type="text/javascript"></script>

<script>
$('.input-images-1').imageUploader();
$(document).ready(function(){
    $('#checkallitem').click(function() {
        if ($(this).prop('checked')) {
            $('.checkbox-custom').prop('checked', true);
        } else {
            $('.checkbox-custom').prop('checked', false);
        }
    });
    $('.addwish_list').on('click', function(e){
        var token, url;
        token = $('meta[name="csrf-token"]').attr('content');
        url = '{{url('/Orderupdatefav')}}';
        var order_id = $('#orderid').val();
        var is_favorite = 'Yes';
        var data = {
            'order_id':order_id,
            'is_favorite':is_favorite,
        };
        $.ajax({
            url: url,
            headers: {'X-CSRF-TOKEN': token},
            data: data,
            type: 'POST',
            datatype: 'JSON',
            success: function (resp) {
                if(resp.http_code == 400){
                err_msg = resp.message.replace(/, \\n /g, '<br>');
                toastr.error(err_msg);
                } else if(resp.http_code == 200){
                    $('.show_wish_list').hide();
                    toastr.success(resp.message);
                } else if(resp.http_code == 500){
                    toastr.success(resp.message);
                }
            }
        });
    });
    $('.cancelOrder').on('click', function(e){
        var token, url;
        token = $('meta[name="csrf-token"]').attr('content');
        url = '{{ url('/cancel-order')}}';
        var order_id = $('#orderid').val();
        var data = {
            'order_id':order_id,
        };
        $.ajax({
            url: url,
            headers: {'X-CSRF-TOKEN': token},
            data: data,
            type: 'POST',
            datatype: 'JSON',
            success: function (resp) {
                if(resp.http_code == 400){
                err_msg = resp.message.replace(/, \\n /g, '<br>');
                toastr.error(err_msg);
                } else if(resp.http_code == 200){
                    toastr.success(resp.message);
                    window.location = "{{url('/myorder')}}";
                } else if(resp.http_code == 500){
                    toastr.success(resp.message);
                }
            }
        });
    });

    $('#return_order_form').submit(function(e){
        e.preventDefault();
        var token, url;
        var order_products = [];
        token = $('meta[name="csrf-token"]').attr('content');
        url = '{{ url('/return-order')}}';
        var order_id = $('#orderid').val();
        $("input:checkbox[name=check_product]:checked").each(function(){
            order_products.push($(this).val());
        });

        var order_data = new FormData(this);
        order_data.append('order_products', order_products);
        order_data.append('order_id', order_id);
        var or_len = order_products.length;
        if(or_len <= 0){
            alert('Kindly select atleast one product to return.');
            return false;
        }
        $.ajax({
            url: url,
            headers: {'X-CSRF-TOKEN': token},
            data: order_data,
            processData: false,
            contentType: false,
            type: 'POST',
            datatype: 'JSON',
            success: function (resp) {
                if(resp.http_code == 400){
                err_msg = resp.message.replace(/, \\n /g, '<br>');
                toastr.error(err_msg);
                } else if(resp.http_code == 200){
                    toastr.success(resp.message);
                    window.location = "{{url('/myorder')}}";
                } else if(resp.http_code == 500){
                    toastr.success(resp.message);
                }
            }
        });
    });
});
</script>
@endsection