@extends('admin.template.master')

@section('title')
    <section class="content-header">
        <h1>
            B2B Customers Prevous Ordered Queries
            <small>all b2b customer queries</small>
        </h1>
        <ol class="breadcrumb">
            <li><a href="{!! url('admin/') !!}"><i class="fa fa-dashboard"></i> Home</a></li>
            <li class="active">B2B Customers Prevous Ordered Queries</li>
        </ol>
    </section>
@endsection


@section('stylesheets')
<style>
    .labels {
        width: 115px;
        font-weight: bold;
    }

    .void-color {
        color: red;
        font-weight: bold;
    }
</style>
@endsection

@section('main-content')
    <section class="content">





        @if(Session::has('message'))
        <div class="row">
            <div class="col-xs-12">
                <div class="alert alert-success alert-dismissible">
                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                    {{Session('message')}}
                </div>
            </div>
        </div>
        @endif


        <div class="row">
            <input type="hidden" id="order_id" name="order_id" value="{{ $order->id }}" />

            <div class="col-xs-12">
                <div class="box box-body">



                    <div class="row">

                        <div class="form-group col-md-4">
                            <table border="0" cellpadding="3" cellspacing="3">
                                <tr>
                                    <td class="labels">User:</td>
                                    <td>{{ isset($b2b_user_detail) && isset($b2b_user_detail->name) ? $b2b_user_detail->name : (isset($customer->name) ? $customer->name : '') }}</td>
                                </tr>

                                <tr>
                                    <td class="labels">Phone:</td>
                                    <td>{{ isset($customer->phone) ? $customer->phone : '' }}</td>
                                </tr>


                                <tr>
                                    <td  class="labels">Email:</td>
                                    <td>{{ isset($b2b_user_detail) && isset($b2b_user_detail->email) ? $b2b_user_detail->email : (isset($customer->email) ? $customer->email : '') }}</td>
                                </tr>

                                <tr>
                                    <td  class="labels">Organization:</td>
                                    <td>{{ isset($b2b_user_detail) && isset($b2b_user_detail->org_name) ? $b2b_user_detail->org_name :  (isset($customer->org_name) ? $customer->org_name : '') }}</td>
                                </tr>

                                <tr>
                                    <td class="labels">Address:</td>
                                    <td>{{  isset($b2b_user_detail) && isset($b2b_user_detail->address) ? $b2b_user_detail->address :  (isset($customer->address) ? $customer->address : '') }}</td>
                                </tr>

                                <tr>
                                    <td  class="labels">Branch Affiliation:</td>
                                    <td>{{ isset($customer->location_name) ? $customer->location_name : '' }}</td>
                                </tr>

                                @if($order->is_void == 1)
                                <tr>
                                    <td class="labels">Void Status:</td>
                                    <td class="void-color">Void</td>
                                </tr>
                                @endif

                            </table>

                        </div>

                    </div>

                </div>
            </div>



            <div class="col-md-12">
                <div class="box">
                    <div class="box-header">

                        <hr />
                        <div class="box-tools">


                                    <a class="btn btn-xs btn-primary" href="{{ url('/admin/b2b-customer-queries'  ) }}">
                                        <i class="fa fa-arrow-left"></i> Go Back
                                    </a>



                        </div>
                    </div>
                    <div class="box-body table-responsive">

                        <table class="table table-hover" id="b2b_customer_queries_table">
                            <thead>
                            <tr>
                                <th>Order ID</th>
                                <th>Query ID</th>
                                <th>Products</th>
                                <th>Query DateTime</th>
                                <th align="center">Total (Query)</th>
                                <th align="center">Total Given(B2B)</th>
                                <th>Unit Price</th>
                                <th>Order Qty</th>
                                <th align="center">Order Total</th>
                                <th>Status</th>
                            </tr>
                            </thead>
                            <tbody></tbody>
                            <tfoot>
                                <tr>
                                    <th style="background: grey;"></th>
                                    <th style="background: grey;"></th>
                                    <th style="background: grey;"></th>
                                    <th style="background: grey;"></th>
                                    <th style="background: grey;color:white;">৳{{ $total_amount }}</th>
                                    <th style="background: grey;color:white;">৳{{ $b2b_total_amount }}</th>
                                    <th style="background: grey;"></th>
                                    <th style="background: grey;"></th>
                                    <th style="background: grey;color:white;">৳{{ $order_total_amount }}</th>
                                    <th style="background: grey;"></th>
                                </tr>
                            </tfoot>
                        </table>

                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('javascripts')
    <script type="text/javascript">
        $(document).ready(function () {

            function init() {

                    let url = "{{  url('admin/getMultipleQueryOrderlist')  }}/{{ $order->id }}" ;
                    console.log('list-url', url)
                    let oTable = $('#b2b_customer_queries_table').DataTable({
                                "processing": true,
                                "serverSide": true,
                                "searching": false,
                                "ajax":  "{{  url('admin/getMultipleQueryOrderlist')  }}/{{ $order->id }}",
                                // "order": [[2, "desc"],[1, "desc"]],
                                // "columnDefs": [{ 'visible': false, 'targets': [2,2] }],
                                "columns": [
                                    {data: 'order_id' ,sortable:true},
                                    {data: 'query_id' ,sortable:true},
                                    {data: 'product' ,sortable:false},
                                    {data: 'created_at' ,sortable:true, type: 'datetime' },

                                    {data: 'total' ,sortable:true},
                                    {data: 'b2b_total',sortable:true},

                                    {data: 'unit_price'},
                                    {data: 'total_order_qty'},
                                    {data: 'order_total_',sortable:true},
                                    {data: 'is_active'},
                                ]
                            });
            }
            init();

        });
    </script>

@endsection