@extends('layouts.layout')
@section('content')
    <div class="page-body">
        <!-- Container-fluid starts-->
        <div class="container-fluid">
            <div class="page-header">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="page-header-left">
                            <h3>{{ $title }}
                                <small>Diamond Admin panel</small>
                            </h3>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <ol class="breadcrumb pull-right">
                            <li class="breadcrumb-item">
                                <a href="{{ route('admin.dashboard') }}">
                                    <i data-feather="home"></i>
                                </a>
                            </li>
                            <li class="breadcrumb-item"><a href="{{ $backtrack }}">Order detail</a></li>
                            <li class="breadcrumb-item active">{{ $title }}</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
        <!-- Container-fluid Ends-->


        <!-- Container-fluid starts-->
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-12">
                    <div class="card">
                        <div class="row">
                            <div class="col-sm-6">
                                <div class="project-status">
                                    <div class="table-responsive profile-table">
                                        <table class="table table-borderless">
                                            <tbody>
                                                <tr>
                                                    <td>Order Id :</td>
                                                    <td><a href=""><b
                                                                class="font-bold">{{ $orderDetail->order_id }}</b></a>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Total Price :</td>
                                                    <td><b class="font-bold">${{ $orderDetail->final_amount }} /-</b>
                                                    <td></td>
                                                </tr>

                                                <tr>
                                                    <td>Status :</td>
                                                    <td><span
                                                            class="text-capitalize badge badge-{{ $orderDetail->status == 'SUCCESS' ? 'success' : 'primary' }}">{{ $orderDetail->status }}</span>
                                                    </td>
                                                </tr>

                                            </tbody>
                                        </table>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>

                    <div class="card">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-sm-12 mt-2">
                                    <div class="table-responsive ">
                                        <table class="table all-package order-datatable" id="">
                                            <thead>
                                                <tr>
                                                    <th>Product Image</th>
                                                    <th>Stock No.</th>
                                                    <th>Product Name</th>
                                                    <th>Requested Price </th>
                                                    <th>Statue </th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($list as $index => $item)
                                                    @php
                                                        if ($item['request_for'] == 'buy_gemstone') {
                                                            $stock_no = $item->genstone_stock_no;
                                                            $gemstomes = json_decode($item['buyout_response']);
                                                            if (!isset($gemstomes->response->body->data->errors)) {
                                                                $ReturnResp =
                                                                    $gemstomes->response->body->data
                                                                        ->stock_item_request;
                                                                $stoneDetail = $ReturnResp->gemstone;
                                                                $image_url = $stoneDetail->image_url;
                                                            } else {
                                                                $stoneDetail = getVdbProductDetails(
                                                                    $item->order_id,
                                                                    $stock_no,
                                                                    $item['request_for'],
                                                                );
                                                                $image_url = $stoneDetail->image_url;
                                                            }
                                                        } else {
                                                            $gemstomes = json_decode($item['buyout_response']);
                                                            $stock_no = $item->diamond_stock_no;
                                                            if (!isset($gemstomes->response->body->data->errors)) {
                                                                if (
                                                                    isset($gemstomes->status) &&
                                                                    $gemstomes->status == 500
                                                                ) {
                                                                    $stoneDetail = getVdbProductDetails(
                                                                        $item->order_id,
                                                                        $stock_no,
                                                                        $item['request_for'],
                                                                    );
                                                                    $image_url = $stoneDetail->image_url ?? '';
                                                                } elseif ($gemstomes->response->body == null) {
                                                                    $stoneDetail = getVdbProductDetails(
                                                                        $item->order_id,
                                                                        $stock_no,
                                                                        $item['request_for'],
                                                                    );
                                                                    $image_url = $stoneDetail->image_url ?? '';
                                                                } else {
                                                                    $ReturnResp =
                                                                        $gemstomes->response->body->data
                                                                            ->stock_item_request;
                                                                    $stoneDetail = $ReturnResp->diamond;
                                                                    $image_url = $stoneDetail->image_url ?? '';
                                                                }
                                                            } else {
                                                                $stoneDetail = getVdbProductDetails(
                                                                    $item->order_id,
                                                                    $stock_no,
                                                                    $item['request_for'],
                                                                );
                                                                $image_url = $stoneDetail->image_url ?? '';
                                                            }
                                                        }

                                                    @endphp
                                                    <tr>
                                                        <td data-field="text">
                                                            <a href="{{ $image_url }}" target="_blank"><img
                                                                    src="{{ $image_url }}"
                                                                    style="height: 100px; width:100px"
                                                                    alt="product Image"></a>
                                                        </td>
                                                        <td data-field="text">
                                                            {{ $stock_no }}
                                                        </td>
                                                        <td data-field="text">
                                                            {{ isset($stoneDetail->short_title) ? $stoneDetail->short_title : 'NA' }}
                                                        </td>
                                                        <td data-field="text">
                                                            ${{ isset($stoneDetail->total_sales_price) ? $stoneDetail->total_sales_price : 'NA' }}/-
                                                        </td>

                                                        <td data-field="text">
                                                            <b>
                                                                <p>
                                                                    <span style="color: black; font-weight:700">Comments
                                                                        :</span>
                                                                    @if (!isset($gemstomes->response->body->data->errors))
                                                                        @if (isset($gemstomes->status) && $gemstomes->status == 500)
                                                                            <p>Something went wrong while processing your
                                                                                buyout request. Please send the request
                                                                                <a href="javascript:void(0)"
                                                                                    onclick="SendRequestAgain('{{ $item['id'] }}','{{ $stock_no }}')"
                                                                                    style="text-decoration:underline;color:blue !important">again</a>.
                                                                            </p>
                                                                        @elseif (isset($gemstomes->response->body) && $gemstomes->response->body == null)
                                                                            <p>{{ $gemstomes->response->message }} Please
                                                                                send the request
                                                                                <a href="javascript:void(0)"
                                                                                    onclick="SendRequestAgain('{{ $item['id'] }}','{{ $stock_no }}')"
                                                                                    style="text-decoration:underline;color:blue !important">again</a>.
                                                                            </p>
                                                                        @else
                                                                            <p>{{ $gemstomes->response->message }} Please
                                                                                send the request
                                                                                <a href="javascript:void(0)"
                                                                                    onclick="SendRequestAgain('{{ $item['id'] }}','{{ $stock_no }}')"
                                                                                    style="text-decoration:underline;color:blue !important">again</a>.
                                                                            </p>
                                                                        @endif
                                                                    @else
                                                                        <p>{{ $gemstomes->response->body->data->errors[0] }}
                                                                        </p>
                                                                    @endif
                                                                    {{-- {!! isset($ReturnResp->comments)? $ReturnResp->comments: '<span style="color:red">' . $gemstomes->response->body->data->errors[0] . '</span>' !!} --}}
                                                                </p>
                                                                <p> <span style="color: black; font-weight:700">Status
                                                                        :</span>
                                                                    {!! isset($ReturnResp->status) ? $ReturnResp->status : '<span style="color:red">failed</span>' !!}
                                                                </p>
                                                            </b>
                                                        </td>

                                                        </td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Container-fluid Ends-->
    </div>

    <!-- Modal -->
    <div class="modal fade" id="buyoutModal" tabindex="-1" aria-labelledby="buyoutModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="buyoutModalLabel">Create Buyout Request</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <form action="{{ route('new.buyout.request') }}" method="POST" id="buyoutfrom">
                    @csrf
                    <div class="modal-body">
                        {{-- <div class="alert alert-danger d-none" role="alert">

                        </div> --}}
                        <div class="alert alert-danger alert-dismissible fade show d-none" role="alert">
                             <span></span>
                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                        </div>
                        <div class="form-group">
                            <input type="hidden" name="id" id="id" class="form-control">
                        </div>
                        <div class="form-group">
                            <label for="product_stock_no">Product stock number </label>
                            <input type="text" name="product_stock_no" id="product_stock_no" class="form-control">
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-primary" id="submitBtn">Create Request</button>
                    </div>
                </form>
            </div>
        </div>
    </div>


    @push('scripts')
        <script>
            function SendRequestAgain(id, stock_num) {
                $("#buyoutModal").modal('show');
                $("#id").val(id);
                $("#product_stock_no").val(stock_num);
            }

            $("#buyoutfrom").on("submit", function(event) {
                event.preventDefault();

                let form = $(this)[0];
                let formData = new FormData(form);
                let submitBtn = $("#submitBtn");
                submitBtn.prop("disabled", true).text("Processing...");
                $.ajax({
                    url: $(this).attr("action"),
                    method: $(this).attr("method"),
                    data: formData,
                    processData: false,
                    contentType: false,
                    success: function(response) {
                        console.log(response);
                        if (response.res == 'success') {
                            iziToast.success({
                                title: 'OK',
                                message: response.msg,
                            });
                            // $(".error-msg").text('');
                            setTimeout(function() {
                                $('#buyoutModal').modal('hide');
                                window.location.reload();
                            }, 900);
                        } else {
                            $(".alert-danger").removeClass('d-none');
                            $(".alert-danger span").text(response.msg);
                            iziToast.error({
                                title: 'Error',
                                message: response.msg,
                            });
                            submitBtn.prop("disabled", false).text("Create Request");
                        }
                    },
                    error: function(response) {
                        console.log(response);
                        iziToast.error({
                            title: 'Error',
                            message: response.msg,
                        });
                    },
                    complete: function() {
                        submitBtn.prop("disabled", false).text("Create Request");
                    }
                });
            });
        </script>
    @endpush
@endsection