@extends('admin.layout.master')

@section('content')

<!-- Content Header (Page header) -->
<div class="content-header">
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-6">
                <h1 class="m-0">Amazon Retrive Order Data</h1>
            </div><!-- /.col -->
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="#">Home</a></li>
                    <li class="breadcrumb-item active">Amazon Retrive Order Data</li>
                </ol>
            </div><!-- /.col -->
        </div><!-- /.row -->
    </div><!-- /.container-fluid -->
</div>
<!-- /.content-header -->

<!-- Main content -->
<section class="content">
    <div class="container-fluid">
        @foreach (['danger', 'warning', 'success', 'info'] as $msg)
        @if(Session::has('alert-' . $msg))

        <p class="alert alert-{{ $msg }}">{{ Session::get('alert-' . $msg) }}
            <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
        </p>
        @endif
    @endforeach

        <div class="card">
            <div class="card-body">
                <form action="{{ route('admin.amazon-retrive-single-order') }}" id="frm_search" method="get">
                    <div class="row mb-2">

                        <div class="col-2">
                            <label for="form-label">Amazon Order ID</label>
                            <input type="text" name="amazon_order_id" id="amazon_order_id" value="{{ (!empty($amazon_order_id) ? $amazon_order_id : '') }}" class="form-control" placeholder="Search Amazon Order Id">
                        </div>

                        <div class="col-6">
                            <button class="btn btn-success " type="submit" style="margin-top: 30px !important;">Submit</button>
                            <a class="btn btn-warning" href="{{ route('admin.amazon-retrive-single-order') }}" style="margin-top: 30px !important;">Reset</a>
                            @if(!empty($orderdetails))
                            <a class="btn btn-success" href="{{ route('admin.amazon-single-order-processing') }}?AmazonOrderId={{ $amazon_order_id }}" style="margin-top: 30px !important;">Insert Order</a>

                            @endif
                        </div>
                        <div class="col-4 text-right">
                            <a class="btn btn-success" href="{{ route('admin.amazon-orders-tracking-process') }}" style="margin-top: 30px !important;">Amazon orders tracking process</a>

                          </div>

                    </div>
                </form>
            </div>
        </div>
        <div class="row">
            <div class="col-4">
                @if(!empty($orderdetails))
                <div class="card">
                    <div class="card-body">
                        <div class="form-group">
                            <label for="form-lable">Response Order Details</label>
                            <pre id="orderdetailsjson"> {{ $orderdetails }}</pre>
                        </div>
                    </div>
                </div>
                @endif
            </div>
            <div class="col-4">
                @if(!empty($orderitems))
                <div class="card">
                    <div class="card-body">
                        <div class="form-group">
                            <label for="form-lable">Response Order Item</label>
                            <pre id="orderitemsjson"> {{ $orderitems }}</pre>
                        </div>
                    </div>
                </div>
                @endif
            </div>
            <div class="col-4">
                @if(!empty($orderaddress))
                <div class="card">
                    <div class="card-body">
                        <div class="form-group">
                            <label for="form-lable">Response Order Address</label>
                            <pre id="orderaddressjson"> {{ $orderaddress }}</pre>
                        </div>
                    </div>
                </div>
                @endif
            </div>

        </div>

    </div><!-- /.container-fluid -->
</section>
<script>
    (function() {
        var element = document.getElementById("orderdetailsjson");
        var obj = JSON.parse(element.innerText);
        element.innerHTML = JSON.stringify(obj, undefined, 2);
    })();
    (function() {
        var element = document.getElementById("orderaddressjson");
        var obj = JSON.parse(element.innerText);
        element.innerHTML = JSON.stringify(obj, undefined, 2);
    })();
    (function() {
        var element = document.getElementById("orderitemsjson");
        var obj = JSON.parse(element.innerText);
        element.innerHTML = JSON.stringify(obj, undefined, 2);
    })();
</script>

@endsection