@extends('admin.layout.master_full_screen')
@section('title', 'QUICK SELL')
@section('custom_style')
    <style>
        label {
            font-size: 13px
        }

        .sm-pd-t th,
        .sm-pd-t td {
            padding: 0rem;
            padding-right: 0.05rem;
            padding-left: 0.05rem;
        }
        .modal-tbl th,
        .modal-tbl td {
            padding: .20rem;
        }

        .nav-tabs .nav-link.active,
        .nav-tabs .nav-item.show .nav-link {
            border-top: 1px solid #2c7f6f;
            border-bottom: 1px solid #e2e2e2;
            border-left: 1px solid #2c7f6f;
            border-right: 1px solid #2c7f6f;
            background: none !important;
            color: #2c7f6f;
        }

        .nav-link:hover {
            border-bottom: #2c7f6f !important;
        }

        a.nav-link.active:hover {
            border-bottom: #e2e2e2 !important;
        }

        a.nav-link {
            color: #9e9e9e;
        }

        .nav-tabs {
            border-bottom: 1px solid #2c7f6f;
        }

        .btn-logout {
            color: #28a745;
            background-color: #fff;
            border-color: #28a745; /*set the color you want here*/
        }
        .btn-logout:hover, .btn-logout:focus, .btn-logout:active, .btn-logout.active, .open>.dropdown-toggle.btn-logout {
            color: #fff;
            background-color: #dc3545;
            border-color: #fff; /*set the color you want here*/
        }
    </style>
    <style>
        {!! $setting->style_css !!}
    </style>
@endsection
@section('content')
    @if (session()->has('Smsg'))
        <div class="alert alert-success">
            {!! session()->get('Smsg') !!}
        </div>
    @elseif(session()->has('Fmsg'))
        <div class="alert alert-danger">
            {{ session()->get('Fmsg') }}
        </div>
    @endif
    <div class="card sina-card">
        <div class="card-header card-header-s">
            <div class="d-flex justify-content-center">
                <div class="col-md-1 d-flex pr-0">
                    <a href="{{ route('dashboard.index') }}" title="Dashboard" class="text-light ml-0" style="font-size: 25px; margin: auto"><i class="fas fa-home"></i></a>
                </div>
                <div class="col-md-2 pl-0 d-flex justify-content-left" style="margin: auto">
                    <h4 style="margin-left: -45px;">{{__('obs.quick')}} {{__('obs.sell')}}</h4>
                </div>
                <div class="col-md-1">
                </div>
                <div class="col-md-4 d-flex justify-content-end">
                    <div class="row">
                        <div class="col-md-3">
                            <a href="{{ route('quick-sell.create') }}" title="New Sell" target="_blank" class="text-light ml-0 p-1" style="font-size: 25px; margin: auto"><i class="fas fa-cart-plus"></i></a>
                        </div>
                        <div class="col-md-3">
                            <a href="{{ route('sell.index') }}" title="Sell List" target="_blank" class="text-light ml-0 p-1" style="font-size: 25px; margin: auto"><i class="far fa-list-alt"></i></a>
                        </div>
                        <div class="col-md-3">
                            <a href="{{ route('quick-sell.create') }}" title="Cash Closing" target="_blank" class="text-light ml-0 p-1" style="font-size: 25px; margin: auto"><i class="fas fa-money-check-alt"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4" style="margin: auto">
                    <div class="d-flex justify-content-end">
                        <div class="col-md-10 px-0 text-white d-flex">
                            <label for="sell_type" class="col-3 pl-0 text-right"> <b>{{__('obs.sell')}} {{__('obs.type')}}</b></label>
                            <select class="form-control select_2 col-9" name="sell_type" id="sell_type" onchange="$('#s_type').val(this.value);" style="width: 100%">
                                <option value="1" selected>{{__('obs.regular')}}</option>
                                <option value="2">{{__('obs.retail')}}</option>
                                <option value="3">{{__('obs.whole')}}</option>
                                <option value="4">{{__('obs.flash')}}</option>
                            </select>
                        </div>
                        <div class="col-md-2 px-0 text-right">
                            <a href="{{route('custom_logout')}}" class="btn btn-sm btn-logout btn-rounded" style="font-size: 13px"><i class="fas fa-power-off"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="card-body">
            {{-- <input type="hidden" name="" id="csrf-token" value="{{ Session::token() }}" /> --}}
            <form id="form" method="post" action="{{ @$invoice ? route('sell-pos.update', $invoice->id) : route('sell-pos.store') }}" name="form" enctype="multipart/form-data">
                @csrf
                @if (@$invoice)
                    @method('PUT')
                @else
                    <input type="text" name="tran_type" id="tran_type" value="3" style="display: none">
                @endif
                <input type="hidden" name="s_type" id="s_type" value="1">
                @if ($setting->dual_currency == 1)
                    <div class="row" style="position:absolute; top:70px; right:54px;">
                        <div class="col-md-4 px-0">
                            <label for="">{{__('obs.currency')}}</label>
                        </div>
                        <div class="col-md-8 pl-0" style="margin-left: -20px">
                            <select class="form-control select_2" onchange="currencyChange(-1)" style="width: 200px" name="currency" id="currency">
                                @forelse ($currency as $item)
                                    <option value="{{$item->id}}" {{$item->is_primary == 1 ? 'selected' : ''}} roe="{{$item->roe}}">{{$item->name}}</option>
                                @empty
                                @endforelse
                            </select>
                        </div>
                    </div>
                @endif
                <div class="row">
                    <div class="col-md-6" id="input_div">
                        <input type="text" autocomplete="off" onchange="getBarcodeProduct(this.value)" name="bar_search" id="bar_search" class="form-control" autofocus placeholder="Scan Barcode">
                    </div>
                    <div class="col-md-6" style="display: none; position: relative;" id="select_div">
                        <select name="bar_product" id="bar_product" onchange="getBarcodeProduct(this.value)" class="form-control bar_product_search" style="width: 100%;">
                            <option value=""></option>
                        </select>
                    </div>
                    <div class="col-md-2 d-flex ml-0 d-flex" style="margin: auto">
                        <input type="checkbox" name="auto_manual" id="auto_manual" value="1" onclick="switchInputType()">
                        <label for="auto_manual" class="text-danger m-1">&nbsp; {{__('obs.maual')}} {{__('obs.input')}}</label>
                    </div>
                    <div class="col-md-4" id="div_membership">
                        <div class="row d-flex">
                            <a class="col-3 btn-sm btn-success pr-0 text-center" id="div_apply_btn" style="display: none; cursor: pointer;" onclick="sendOTP()"> <i class="fas fa-gifts text-dark mr-2"></i> <strong> {{__('obs.apply')}} {{__('obs.card')}} </strong></a>
                            <input type="text" class="col-6 form-control member_cls" style="display: none" name="membership_card_no" id="membership_card_no">
                            <a class="col-2 btn-sm pr-0 member_cls text-center" style="background: #001c40; color: white; display: none; cursor: pointer;" onclick="OtpMAtchup()"><strong> {{__('obs.submit')}} </strong></a>
                            <span class="col-3 text-right member_cls" style="display: none" id="div_otp"></span>
                            <span class="col-6 text-right member_cls" style="display: none; cursor: pointer;"><a href="#" onclick="sendOTP()">{{__('obs.resend')}} {{__('obs.otp')}}</a></span>
                        </div>
                    </div>
                </div>
                <hr class="my-2">
                <div class="row">
                    <div class="col-md-8" style="border-right: 1px solid rgba(0, 0, 0, 0.1); max-height: 459px !important; overflow-y: scroll;">
                <div class="d-flex justify-content-center">
                    <div class="col-2 text-right">
                        <strong class="badge badge-primary" style="font-size: 15px">{{__('obs.sell')}}</strong>
                    </div>
                    <div class="col-2"></div>
                </div>
                <div class="table-responsive">
                    <table class="table table-bordered table-hover sm-pd-t mb-1">
                        <thead>
                            <tr>
                                <th class="text-center sl_css">#</th>
                                <th class="text-center product_css">{{__('obs.products')}}</th>
                                <th class="text-center unit_css">{{__('obs.unit')}}</th>
                                <th class="text-center desc_css">{{__('obs.desc')}}</th>
                                <th class="text-center img_css">{{__('obs.img')}}</th>
                                @if (warehouse_info()->use_expiry == 1)
                                    <th class="text-center expiry_date_css">{{__('obs.expiry')}} {{__('obs.date')}}</th>
                                @endif
                                <th class="text-center qty_css">{{__('obs.qty')}}</th>
                                <th class="text-center avail_css">{{__('obs.avail')}} {{__('obs.qty')}}</th>
                                <th class="text-center price_css">{{__('obs.price')}}</th>
                                <th class="text-center sub_total_css">{{__('obs.sub')}} {{__('obs.total')}}</th>
                                <th class="text-center dc_css">{{__('obs.disc')}}(%)</th>
                                <th class="text-center mdc_css">{{__('obs.m')}}. {{__('obs.dc')}}</th>
                                <th class="text-center net_price_css">{{__('obs.net')}} {{__('obs.price')}}</th>
                                @if (count($vat_tax)>0)
                                    <th class="text-center vat_css">{{__('obs.vat')}} <br> {{ implode(' - ', $vat_tax->pluck('name')->toArray()) }}</th>
                                    <th class="text-center total_css">{{__('obs.total')}}</th>
                                @endif
                                <th class="text-center action_css">{{__('obs.action')}}</th>
                            </tr>
                        </thead>
                        <tbody id="tbl_body">
                            @php
                                $i=@$invoice?0:1;
                                $html = [];
                            @endphp
                            @if (@$invoice)
                                @php
                                    $sell_transactions = $invoice->transaction->where('transaction_type', 3);
                                    $return_transactions = $invoice->transaction->where('transaction_type', '<>', 3);
                                @endphp
                                @forelse ($sell_transactions as $item)
                                    <tr id="tr{{ ++$i }}">
                                        @php
                                            $clr_sz_sl_flag = ($item->product->serialized_product == 1 || $item->product->color_id > 0 || $item->product->size_id > 0) ? true : false;
                                            if($clr_sz_sl_flag) $html[$i] = view('inventory.global.product_serial.edit')->with(['item'=> $item, 'index'=> $i, 'type'=> 2]);
                                        @endphp
                                        <td class="sl_css">{{ $i }}</td>
                                        <td class="product_css">
                                            <div class="d-flex text-left">
                                                <input type="hidden" name="tran_id[]" value="{{$item->id}}">
                                                <select class="{{ (($clr_sz_sl_flag && count($item->colorSizeSerial) > 0) ? 'select_2' : 'selectTransaction') }} form-control" onchange="getAvailQTY(this.value, {{ $i }})" style="width: 100%" name="product_id[]" id="product_id{{ $i }}">
                                                    <option value="{{ $item->product->id }}">{{ $item->product->name_eng }} ({{ $item->product->barcode }})</option>
                                                </select>
                                                @if ($clr_sz_sl_flag)
                                                    <a class="btn btn-hover text-success p-0 pl-2" id="add{{ $i }}" onclick="generateColorSizeField({{ $item->product_id }}, {{ $i }})"><i class="fas fa-plus"></i> </a>
                                                @endif
                                            </div>
                                        </td>
                                        @include('inventory.global.dual_unit')
                                        <td class="desc_css">
                                            <input type="text" readonly name="desc[]" id="desc{{ $i }}" class="form-control">
                                        </td>
                                        <td class="text-center img_css">
                                            <a class="btn btn-hover text-info" id="img{{ $i }}" style="font-size: 20px"> <i class="fas fa-image"></i> </a>
                                        </td>
                                        <td class="qty_css">
                                            @if ($setting->party_wise_price == 1)
                                                <input type="number" step=".0000001"{{ ($clr_sz_sl_flag ? 'readonly' : '') }} min="0" name="product_quantity[]" value="{{ round(dualUnitQtyConverter($item->quantity, 1, $item->unit_qty), 2) }}"
                                                    id="product_quantity{{ $i }}" onkeyup="calculateProductTotal({{ $i }})" class="form-control">
                                            @else
                                                <input type="number" step=".0000001"{{ ($clr_sz_sl_flag ? 'readonly' : '') }} min="0" name="product_quantity[]" value="{{ round(dualUnitQtyConverter($item->quantity, 1, $item->unit_qty), 2) }}"
                                                    id="product_quantity{{ $i }}" onkeyup="calculateTotal({{ $i }})" class="form-control">
                                            @endif
                                        </td>
                                        <td class="avail_css">