@extends('admin.layout.master')
@section('title', 'SELL')
@section('custom_style')
    @include('inventory.blade_styles.posting_blade_css')
@endsection
@section('content')
    <div class="card sina-card">
        <div class="card-header card-header-s">
            <div class="d-flex">
                <h4 class="col-md-6 pl-0">Sell</h4>
                <div class="col-md-2 pr-0 text-right text-white">
                    <label for=""> <b>Sell Type</b></label>
                </div>
                <div class="col-md-4">
                    <select class="form-control select_2" style="width: 100%" name="sell_type" id="sell_type" {{ @$order_sell ? 'disabled' : '' }} onchange="$('#s_type').val(this.value);">
                        <option value="1" selected>Regular</option>
                        <option value="2">Retail</option>
                        <option value="3">Whole</option>
                        <option value="4">Flash</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="card-body">
            <input type="hidden" name="" id="csrf-token" value="{{ Session::token() }}" />
            <form id="form" method="post" action="{{ route('sell.store-dp-tp') }}" name="form" enctype="multipart/form-data">
                @csrf
                <input type="hidden" name="s_type" id="s_type" value="1">
                <div class="">
                    <ul class="nav nav-tabs" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active" data-toggle="tab" href="#tabs-1" role="tab">Invoice</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#tabs-2" role="tab">Transportation</a>
                        </li>
                        {{-- <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#tabs-3" role="tab">Install Invoice</a>
                        </li> --}}
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#tabs-4" role="tab">Install From Category</a>
                        </li>
                    </ul><!-- Tab panes -->
                    <div class="tab-content mt-3">
                        <div class="tab-pane active" id="tabs-1" role="tabpanel">
                            <div class="row mb-1">
                                <input type="hidden" name="tran_type" id="tran_type" value="{{ (@$order_sell ? 14 : 3) }}">
                                <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-1">
                                    <div class="col-3 px-0">
                                        <label for="party_id">Customer</label>
                                    </div>
                                    <div class="col-9 pr-0">
                                        <div class="d-flex">
                                            <div class="col-md-10 px-0">
                                                <select class="{{ @$order_sell ? 'pay_type' : 'vendor_live' }} @error('party_id') is-invalid @enderror form-control" onchange="getPartyDetails(this.value)" style="width: 100%" name="party_id" id="party_id" required>
                                                    @if(@$order_sell)
                                                        @if ($order_sell->dipuParty)
                                                            <option value="{{ $order_sell->dipuParty->id }}">{{ $order_sell->dipuParty->name_eng }}</option>
                                                        @else
                                                            <option value="{{ $order_sell->showroom->id }}">{{ $order_sell->showroom->name_eng }}</option>
                                                        @endif
                                                    @else
                                                        <option value=""></option>
                                                    @endif
                                                </select>
                                                <input type="hidden" name="dipu_store_id" id="dipu_store_id" value="0">
                                                <input type="hidden" step=".001" name="dp_commission" id="dp_commission" value="0">
                                            </div>
                                            <div class="col-md-2 px-0 mt-1">
                                                <a href="{{ route('customer.create') }}" target="_blank" class="btn-xs btn-hover btn-danger text-light" name="add_party" id="add_party" title="Add Vendor"><i class="fas fa-plus"></i></a>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <span class="col-md-12 invalid-feedback mt-0" id="party_lim_div" style="display: none" role="alert">
                                                <strong> This Field is Required. </strong>
                                            </span>
                                            <span class="col-md-12 invalid-feedback mt-0" id="party_validate" style="display: none" role="alert">
                                                <strong> This Field is Required. </strong>
                                            </span>
                                            <span class="col-md-12 invalid-feedback mt-0" id="dp_party_com" style="display: none" role="alert">
                                                <strong> This Field is Required. </strong>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-1">
                                    <div class="col-3 px-0">
                                        <label for="ref_no">Ref No</label>
                                    </div>
                                    <div class="col-9 px-0">
                                        <input type="text" class="form-control" name="ref_no" id="ref_no">
                                    </div>
                                </div>
                                <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-1">
                                    <div class="col-2 px-0">
                                        <label for="note">Desc</label>
                                    </div>
                                    <div class="col-10 px-0">
                                        <input type="text" class="form-control" name="note" id="note">
                                    </div>
                                </div>
                                <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-1">
                                    <div class="col-2 px-0">
                                        <label for="cost_id">Date</label>
                                    </div>
                                    <div class="col-10 px-0">
                                        <input type="text" class="form-control date_picker_post" readonly name="date" id="date" value="{{ date('d-m-Y') }}">
                                        <span class="invalid-feedback" id="date_validate" style="display: none" role="alert">
                                            <strong> This Field is Required. </strong>
                                        </span>
                                    </div>
                                </div>
                                <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-1" id="dipu_cus_div" style="display: none !important">
                                    <div class="col-3 px-0">
                                        <label for="dipu_party_id">Depot Party</label>
                                    </div>
                                    <div class="col-9 px-0">
                                        <div class="row">
                                            <div class="col-md-12">
                                                <input type="hidden" name="dipu_party_commission" id="dipu_party_commission" value="0">
                                                <select class="form-control dipu_select" style="width: 100%" name="dipu_party_id" id="dipu_party_id" onchange="changeDipuParty(this.value)">
                                                </select>
                                            </div>
                                            <span class="col-md-12 invalid-feedback mt-0" id="div_dipu_party_commission" style="display: none" role="alert">
                                                <strong> This Field is Required. </strong>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-2 col-12 d-flex flex-wrap pr-0 justify-content-left">
                                    <input type="checkbox" class="m-1" name="stand_by" id="stand_by" value="0">
                                    <label for="stand_by" class="text-danger">Stand By</label>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane" id="tabs-2" role="tabpanel">
                            @include('inventory.global.driver_form')
                        </div>

                        <div class="tab-pane" id="tabs-4" role="tabpanel">
                            @include('inventory.global.install_product_by_category')
                        </div>
                    </div>
                </div>
                <div class="row">
                    @if (warehouse_info()->change_store == 1)
                        <div class="col-md-3 col-12 d-flex flex-wrap pr-0">
                            <div class="col-3 px-0">
                                <label for="changed_store_id">Stores</label>
                            </div>
                            <div class="col-9 px-0">
                                <select id="changed_store_id" class="form-control select_2" onchange="ajaxCall('/admin/set_active_store', 'GET', {id: this.value}); location.reload();">
                                    <option value=""></option>
                                    @forelse (adminAsignedWarehouseList()->where('type',3) as $str)
                                        <option value="{{ $str->id }}" {{ current_store() == $str->id ? 'selected' : '' }}> {{ $str->name_eng }} </option>
                                    @empty
                                    @endforelse
                                </select>
                            </div>
                        </div>
                    @endif
                </div>
                <hr class="mt-2">
                <div>
                    <table class="table table-bordered table-hover sm-pd-t">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Products</th>
                                <th class="text-center">Unit</th>
                                {{-- <th>Desc</th>
                                <th>Img</th> --}}
                                {{-- @if (warehouse_info()->use_expiry == 1 && !@$order_sell)
                                    <th>Expiry Date</th>
                                @endif --}}
                                <th>Quantity</th>
                                <th>Avail Qty</th>
                                <th>Price</th>
                                {{-- <th>Disc(%)</th>
                                <th>Manual Dc</th> --}}
                                <th>Net Price</th>
                                {{-- @if (count($vat_tax)>0)
                                    <th class="text-center">VAT <br> {{ implode(' - ', $vat_tax->pluck('name')->toArray()) }}</th>
                                    <th>Total</th>
                                @endif --}}
                                <th class="text-center">ACTION</th>
                            </tr>
                        </thead>
                        <tbody id="tbl_body" class="pro_body">
                            @if (@$order_sell)
                                @php($i = 0)
                                <input type="hidden" name="order_id" value="{{ $order_sell->id }}">
                                @forelse ($order_sell->details as $item)
                                    <tr id="tr{{ ++$i }}">
                                        <td>{{ $i }}</td>
                                        <td>
                                            <div class="d-flex text-left">
                                                <input type="hidden" name="tran_id[]" value="0">
                                                <select class="form-control pay_type" style="width: 100%" name="product_id[]" id="product_id{{ $i }}">
                                                    <option value="{{ $item->product->id }}">{{ $item->product->name_eng }}</option>
                                                </select>
                                            </div>
                                        </td>
                                        @include('inventory.global.dual_unit')
                                        <td style="display: none !important;">
                                            <input type="text" name="desc[]" id="desc{{ $i }}" class="form-control" value="{{$item->description}}">
                                        </td>
                                        <td class="text-center" style="display: none !important;">
                                            <a class="btn btn-hover text-info" id="img{{ $i }}" onclick="viewImg('{{$item->product->image}}')" style="font-size: 20px"> <i class="fas fa-image"></i> </a>
                                        </td>
                                        <td>
                                            <input type="number" step=".0000001" min="0" value="{{ round(dualUnitQtyConverter($item->order_qty, 1, $item->unit_qty), 2) }}" name="product_quantity[]"
                                                id="product_quantity{{ $i }}" onkeyup="calculateTotal({{ $i }})" onkeypress="focusNext('product_quantity', event, {{ $i }})" class="form-control">
                                        </td>
                                        <td>
                                            <input type="number" min="0" value="{{ $item->product->item_group_id != 1 ? $availQty[$item->product_id] : dualUnitQtyConverter(($availQty[$item->product_id]), 1, $item->unit_qty) }}" id="avail_qty{{ $i }}" readonly class="form-control avail">
                                        </td>
                                        <td>
                                            <input type="number" {{ $setting->fixed_price == 1 ? 'readonly' : '' }} step=".000000000000000001" min="0" value="{{ round(($item->product->currentPrice ? $item->product->currentPrice->sell_price : $item->product->sell_price)*$item->unit_qty, 2) }}" name="price[]" id="price{{ $i }}" onkeyup="calculateTotal({{ $i }})" class="form-control price" onkeypress="focusNext('price', event, {{ $i }})">
                                        </td>
                                        <td style="width: 100px; display: none !important;">
                                            <input type="hidden" value="{{ $item->dc_price }}" name="dc[]" id="discount{{ $i }}" class="form-control">
                                            <input type="number" min="0" value="{{ round($item->dc_price, 2) }}" {{$order_sell->party->commission_type == 1 ? 'readonly' : ''}} step=".01" max="100" id="n_discount{{ $i }}" onkeyup="calculateTotal({{ $i }})" class="form-control">
                                        </td>
                                        <td style="width: 100px; display: none !important;">
                                            <input type="hidden" value="{{ $item->manual_dc }}" name="m_dc[]" id="m_dc{{ $i }}" class="form-control">
                                            <input type="number" min="0" value="{{ round($item->manual_dc, 2) }}" {{$order_sell->party->commission_type == 1 ? 'readonly' : ''}} step=".01" id="n_m_dc{{ $i }}" onchange="productMDc(this.value, {{ $i }})" class="form-control">
                                        </td>
                                        <td>
                                            <input type="hidden" value="0" step=".01" name="net_price[]" id="net_price{{ $i }}" class="form-control">
                                            <input type="number" min="0" value="0" step=".01" id="n_net_price{{ $i }}" readonly class="form-control">

                                        </td>
                                        <td class="text-center">
                                            <a class="btn btn-hover text-primary promo_btn" style="display: none" name="promo{{ $i }}" id="promo{{ $i }}" onclick="promotion({{ $i }})"><i class="fas fa-gift"></i></a>
                                            <a class="btn btn-hover text-danger dlt" style="display: none" step=".01" name="remove_row{{ $i }}" id="remove_row{{ $i }}" onclick="addOrRemoveRow({{ $i }})"><i class="fas fa-sync-alt"></i></a>

                                            <!--Product Free/Gift Modal -->
                                            @include('inventory.global.consume.pro_free_gift_modal')
                                        </td>
                                    </tr>
                                @empty
                                @endforelse
                                @php($i++)
                            @else
                                @for ($i = 1; $i <= 5; $i++)
                                    <tr id="tr{{ $i }}">
                                        <td>{{ $i }}</td>
                                        <td>
                                            <div class="d-flex text-left">
                                                <select class="selectTransaction form-control" onchange="getAvailQTY(this.value, {{ $i }})" style="width: 100%" name="product_id[]" id="product_id{{ $i }}">
                                                    <option value=""></option>
                                                </select>
                                                <label id="pur_attr{{ $i }}" class="pl-1 m-auto"></label>
                                            </div>
                                        </td>
                                        @include('inventory.global.dual_unit')
                                        <td style="display: none !important;">
                                            <input type="text" readonly name="desc[]" id="desc{{ $i }}" class="form-control">
                                        </td>
                                        <td class="text-center" style="display: none !important;">
                                            <a class="btn btn-hover text-info" id="img{{ $i }}" style="font-size: 20px"> <i class="fas fa-image"></i> </a>
                                        </td>
                                        <td>
                                            <input type="number" step=".0000001" min="0" value="0" name="product_quantity[]"
                                                id="product_quantity{{ $i }}" readonly onkeyup="calculateTotal({{ $i }})" class="form-control">
                                        </td>
                                        <td>
                                            <input type="number" min="0" value="0" id="avail_qty{{ $i }}" readonly class="form-control avail">
                                        </td>
                                        <td>
                                            <input type="number" step=".000000000000000001" min="0" value="0" name="price[]" id="price{{ $i }}" readonly onkeyup="calculateTotal({{ $i }})" class="form-control price">
                                        </td>
                                        <td style="width: 100px; display: none !important;">
                                            <input type="hidden" value="0" name="dc[]" id="discount{{ $i }}" class="form-control">
                                            <input type="number" min="0" value="0" step=".01" max="100" id="n_discount{{ $i }}" readonly onkeyup="calculateTotal({{ $i }})" class="form-control">
                                        </td>
                                        <td style="width: 100px; display: none !important;">
                                            <input type="hidden" value="0" name="m_dc[]" id="m_dc{{ $i }}" readonly class="form-control">
                                            <input type="number" min="0" value="0" step=".01" id="n_m_dc{{ $i }}" readonly onchange="productMDc(this.value, {{ $i }})" class="form-control">
                                        </td>
                                        <td>
                                            <input type="hidden" value="0" step=".01" name="net_price[]" id="net_price{{ $i }}" class="form-control">
                                            <input type="number" min="0" value="0" step=".01" id="n_net_price{{ $i }}" readonly class="form-control">
                                        </td>
                                        <td class="text-center">
                                            <a class="btn btn-hover text-primary promo_btn" style="display: none" name="promo{{ $i }}" id="promo{{ $i }}" onclick="promotion({{ $i }})"><i class="fas fa-gift"></i></a>
                                            <a class="btn btn-hover text-danger dlt" step=".01" name="remove_row{{ $i }}" id="remove_row{{ $i }}" onclick="addOrRemoveRow({{ $i }})"><i class="fas fa-sync-alt"></i></a>

                                            <!-- Product Image Modal -->
                                            @include('inventory.global.consume.pro_free_gift_modal')
                                        </td>
                                    </tr>
                                @endfor
                            @endif
                        </tbody>
                        <tfoot>
                            <tr>
                                <td colspan="15">
                                    @include('inventory.global.loader')
                                </td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
                <div class="stickybutton">
                    <button class="btn btn-sm btn-success btn-pill" style="font-size: 16px" onclick="addOrRemoveRow('addNew')" type="button" name="add_Row" id="add_Row"> <i class="fa fa-plus"></i></button>
                </div>
                <hr class="mt-0 mb-2">
                @include('inventory.global.inv_foot')
                {{-- <div id="div_modal"> <!-- Modal --> </div> --}}

                <!--Expense Modal -->
                {{-- @include('inventory.modal.expense') --}}

                <div class="row pb-0  modal-footer">
                    <a type="button" class="btn-sina-close" href="{{ route('sell.index') }}">Close</a>
                    <input class="btn-sina-submit" type="button" id="save" value="Save" onclick="submitForm()">
                </div>
            </form>
        </div>
    </div>
    <!--Install Invoice Modal -->
    <div class="modal fade bd-example-modal-lg" id="inv_modal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="modalLabel">Invoices</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12" id="div_inv_tbl">

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script type="text/javascript" src="{{ asset('inventory/blade_js/product/inventory-default.js') }}"></script>
    <script type="text/javascript" src="{{ asset('inventory/blade_js/product/sell/sell_bk/sell-create.js') }}"></script>
    <script>
        // callSweetAlert(
        //     'warning', '<h1 class="text-danger"><strong>দৃষ্টি আকর্ষণ</strong></h1>', `<p class="text-primary"><strong>এখন থেকে New sale এ আগে ডিলার সিলেক্ট করতে হবে। ডিলার সিলেক্ট করলে প্রোডাক্ট দেওয়ার অপশন আসবে। ডিলার একবার সিলেক্ট করলে এই সেইল এর জন্য আর পরিবর্তন করা যাবেনা। পরিবর্তন করতে হলে পেইজ রিফ্রেশ করতে হবে। </strong> <br><br>
        //         <strong class="text-danger"> প্রতিবার সেইল পোষ্টিং দেওয়ার সময় একবার অবশ্যই <span class="badge badge-dark">ctrl</span>+<span class="badge badge-dark">f5</span> অথবা <span class="badge badge-dark">ctrl</span>+<span class="badge badge-dark">shift</span>+<span class="badge badge-dark">R</span> একসাথে চাপবেন। <br> এর পরেও সমস্যা থাকলে সংশ্লিষ্ট ব্যাক্তিকে জানাবেন।</strong></p>`
        // );
        let temp = {{$i}};
        let inv = @json(@$order_sell);
        const setting = @json($setting);
        const pro_setting = @json($pro_setting);
        const store_setting = @json(store_info());
        const warehouse_setting = @json(warehouse_info());
    </script>
@endsection