@extends('admin.template.master')

@section('title')
    <section class="content-header">
        <h1>
            B2B Price Update
        </h1>
        <ol class="breadcrumb">
            <li><a href="{!! url('admin/') !!}"><i class="fa fa-dashboard"></i> Home</a></li>
            <li><a href="{!! url('/admin/b2b-order/'.$order_id   ) !!}">B2B Customers Queries Products</a></li>
            <li class="active">B2B Price Update</li>
        </ol>
    </section>
@endsection

@section('main-content')
    <section class="content">
        <div class="row">
            <div class="col-md-6">
                <div class="box box-primary">

                    <div class="box-header with-border">
                        <h3 class="box-title">Entry</h3>
                        <div class="box-tools pull-right">
                            <a class="btn btn-xs btn-primary" href="{{ url('/admin/b2b-order/'. $order_id  ) }}">
                                <i class="fa fa-arrow-left"></i> Go Back
                            </a>
                        </div>
                    </div>


                    @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


                    {!! Form::open(['url' => '/admin/b2b-customers/b2b-price-update/'. $product->b2b_cust_query_product_id  ]) !!}
                    <div class="box-body">


                        <input type="hidden" name="query_id" value="{{ $product->customer_query_id }}" />
                        <input type="hidden" name="product_id" value="{{ $product->b2b_cust_query_product_id }}" />
                        <input type="hidden" name="product_sku" value="{{ $product->product_sku }}" />
                        <input type="hidden" name="reg_price" value="{{ $product->reg_price }}" />

                        <div class="form-group">
                            <label>
                            Reg Price: {{ $product->reg_price }}  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            Sug Price: {{ $product->sug_price }}<br/>
                            Product ID: {{ $product->product_sku }}<br/>
                            Qty: {{ $product->qty }}<br/>
                            Product Name: {{ $product->product_name }}

                            </label>
                        </div>

                        <div class="form-group @if($errors->has('b2b_qty')) has-error @endif">
                            {!! Form::label('b2b_qty','B2B Qty') !!}
                            {!! Form::text('b2b_qty', $product->b2b_qty, ['class' => 'form-control', 'placeholder' => 'B2B Qty', 'id' => 'b2b_qty']) !!}
                            @if ($errors->has('b2b_qty'))
                                <span class="help-block">{!! $errors->first('b2b_qty') !!}</span>
                            @endif
                        </div>

                        <div class="form-group @if($errors->has('b2b_req_price')) has-error @endif">
                            {!! Form::label('b2b_req_price','B2B Req Price' ) !!}
                            {!! Form::text('b2b_req_price',   $product->b2b_req_price, ['class' => 'form-control', 'placeholder' => 'B2B Req Price', 'id' => 'b2b_req_price']) !!}
                            @if ($errors->has('b2b_req_price'))
                                <span class="help-block">{!! $errors->first('b2b_req_price') !!}</span>
                            @endif
                        </div>

                        <div class="form-group @if($errors->has('b2b_exp_date')) has-error @endif">
                            {!! Form::label('b2b_exp_date','Order Before Date ') !!}
                            <input type="date"  class="form-control" name="b2b_exp_date" placeholder="Order Before Date" id="b2b_exp_date" />
                            @if ($errors->has('b2b_exp_date'))
                                <span class="help-block">{!! $errors->first('b2b_exp_date') !!}</span>
                            @endif
                        </div>

                    </div>

                    <div class="box-footer">
                        {!! Form::submit('Create',['class' => 'btn btn-primary']) !!}
                    </div>
                    {!! Form::close() !!}

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

        <input type="hidden" name="phone" id="phone" value="{{ $product->phone }}" />

        <div class="row">
            <div class="col-md-12">
                <div class="box box-body">
                    <div class="box-body table-responsive">

                         <div class="row">
                            <div class="form-group col-md-2">
                                {!! Form::label('from_date', 'From Date') !!}
                                {!! Form::date('from_date', \Carbon\Carbon::now(), ['class' => 'form-control', 'id' => 'from_date']) !!}
                            </div>

                            <div class="form-group col-md-2">
                                {!! Form::label('to_date', 'To Date') !!}
                                {!! Form::date('to_date', \Carbon\Carbon::now(), ['class' => 'form-control', 'id' => 'to_date']) !!}
                            </div>

                            <div class="form-group col-md-1">
                                {!! Form::label('&nbsp;') !!}
                                <div class="checkbox">
                                    <label>
                                        <input type="checkbox" name="is_date" checked  id="search_by_date" style="margin-left: -17px">
                                    </label>
                                </div>
                            </div>

                            <div class="form-group col-md-2">
                                {!! Form::label('status', 'Status') !!}
                                {!! Form::select('status', ['All'=>'All', 'Pending'=>'Query for Price', 'Processing'=>'Price Given',   'Done'=>'Order Done'], null , ['class' => 'form-control', 'style' => 'width: 180px;', 'id' => 'status']) !!}
                            </div>

                            <div class="col-md-1" style="width: 250px;padding-top: 22px; ">
                                {!! Form::button('Search',['class' => 'btn btn-primary btn-order-search', 'id'=> 'search_btn']) !!}
                                {!! Form::button('Reset',['class' => 'btn btn-danger btn-order-search', 'id'=> 'reset_btn']) !!}
                            </div>
                        </div>

                        <table class="table table-hover" id="b2b_customer_queries_table">
                            <thead>
                            <tr>
                                <th>Order ID</th>
                                <th>Query DateTime</th>
                                <th>UD</th>
                                <th>Org Name</th>
                                <th>District</th>
                                <th>City</th>
                                <th style="width: 180px;">Customer</th>
                                <th align="center">No of Products</th>
                                <th align="center">Total (Query)</th>
                                <th align="center">Total Given(B2B)</th>
                                <th style="text-align:center;">Remarks</th>
                                <th>Status</th>
                                {{--
                                <th>Action DateTime</th>
                                <th style="width: 200px;text-align:center;">Action</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;"></th>
                                    <th style="background: grey;"></th>
                                    <th style="width: 180px;background: grey;"></th>
                                    <th  style="background: grey;color: #fff;" align="center"></th>
                                    <th  style="background: grey;color: #fff;" align="center" id="query_total"></th>
                                    <th  style="background: grey;color: #fff;" align="center" id="b2b_total"></th>
                                    <th style="text-align:center;background: grey;"></th>
                                    <th style="text-align:center;background: grey;"></th>
                                </tr>
                            </tfoot>
                        </table>

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

    </section>

    @php($given_date = date('Y-m-d'))
    @if($product->b2b_exp_date != "")
    @php($given_date = date('Y-m-d', strtotime($product->b2b_exp_date)))
    @else
    @php($given_date = date('Y-m-d'))
    @endif


    <script type="text/javascript">
        document.getElementById('b2b_exp_date').value = "{{ $given_date }}";
    </script>
@endsection

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

            function init() {
                var phone = $('#phone').val();
                var search_by_date = $("#search_by_date").is(':checked') === true ? '1' : 0 ;
                var from_date = $('#from_date').val();
                var to_date = $('#to_date').val();
                var status = $('#status').val();
                $.ajax({
                    type: "GET",
                    url: "{{ url('/admin/b2b-specific-customer-query-total') }}"   ,
                    data: {search_by_date: search_by_date, from_date:from_date,to_date:to_date,status:status, phone:phone  },
                    success: function(resp) {
                        console.log('init-resp:: ', resp);
                        try {
                            var d = JSON.parse(resp);
                            $("#query_total").text( "৳ " + (d.query_total).toLocaleString() );
                            $("#b2b_total").text(  "৳ " + (d.b2b_total).toLocaleString() );
                        } catch(e) {
                            console.log(e)
                        }
                    }
                });
            }

            init();

            let oTable = $('#b2b_customer_queries_table').DataTable({
                                "processing": true,
                                "serverSide": true,
                                "searching": false,
                                "ajax": {
                                    url: "{{ url('admin/getPastQueryOrders') }}",
                                    data: function (d) {
                                        d.search_by_date = $("#search_by_date").is(':checked') === true ? '1' : 0 ;
                                        d.from_date = $('#from_date').val();
                                        d.to_date = $('#to_date').val();
                                        d.status = $('#status').val();
                                        d.phone = $('#phone').val();
                                    }
                                },
                                "order": [[2, "desc"],[1, "desc"]],
                                "columnDefs": [{ 'visible': false, 'targets': [2,2] }],
                                "columns": [
                                    {data: 'order_id' ,sortable:true},
                                    {data: 'created_at' ,sortable:true, type: 'datetime' },
                                    {data: 'updated_at' ,sortable:true, formatter:"date"},
                                    {data: 'org_name' ,sortable:true},
                                    {data: 'city_id' ,sortable:true},
                                    {data: 'district_id' ,sortable:true},
                                    {data: 'email' ,sortable:true},
                                    {data: 'count' ,sortable:true},
                                    {data: 'total' ,sortable:true},
                                    {data: 'b2b_total',sortable:true},
                                    {data: 'query'},
                                    {data: 'is_active'},
                                ]

                        });


            $("#search_btn").click(function() {
                let from_date = new Date($('#from_date').val());
                let to_date = new Date($('#to_date').val());
                let daysDiff = parseInt((to_date - from_date) / (1000 * 60 * 60 * 24), 10);

                if (parseInt(daysDiff) < 0) {
                    alert('Please select from date must be less than to date');
                } else {
                    init()
                    // console.log('daysDiff :: ', daysDiff )
                    oTable.draw();
                }
            });


            $("#reset_btn").click(function() {
                window.location.reload();
            });
        });
    </script>
@endsection