@extends('layouts.app')
<!-- BEGIN CONTENT -->
@section('content')
    <div class="page-content-wrapper">
        <!-- BEGIN CONTENT BODY -->
        <div class="top_bar page-content">
            <div class="top_status_bar">
                <div id="top_progress_bar" class="progress_bar">
                </div>
            </div>
            <div class="breadcrumbs">
                <ul>
                    <li><a class="breadcrumb_link" href="{{url('admin/dashboard')}}">Home</a></li>
                    <li><a class="breadcrumb_link" href="{{url('admin/sales')}}">Sales Invoice List</a></li>
                    <li><a class="breadcrumb_link" href="#">New Sales Invoice</a></li>
                </ul>
                <button class="btn btn-large pull-right help theme_btn help_btn">?</button>
            </div>
        </div>
        <div class="page-content">
            <div class="portlet">
                <!-- BEGIN PAGE HEADER-->
                <div class="portlet-title page_heading">
                    <div class="row">
                        <div class="col-md-9">

                            <div class="caption">
                                <h2 style="font-weight: 600; margin-top: 0;">Invoice # {{ $data['order_details']['invoice_no'] }} </h2>
                                {{-- <span class="subtitle"> New sales invoices.</span> --}}
                            </div>
                        </div>
                        <div class="col-md-3">
                                
                                <div class="actions success_actions" style="">
                                    {{--  <div class="actions_dropdown" style="height: 32px;">
                                        <a href="create" onclick="EnableInput();" class="add_new portal_add_btn">
                                            <i class="fa fa-plus"></i>
                                        </a>
                                        <span>Actions</span>
                                        <ul class="actions_list">
                                            <li>
                                                @if($data['transaction_count'] == 0)
                                                <a href="#" onclick="EnableInput();">Edit Invoice</a>
                                                @else
                                                <a href="#">Edit Invoice</a>
                                                @endif
                                                <a href="create">New Invoice</a>
                                            </li>
                                        </ul>
                                    </div>  --}}


                                    <div class="actions success_actions" style="">
                                            <a href="create" onclick="EnableInput();" class="add_new portal_add_btn">
                                                <i class="fa fa-plus"></i>
                                            </a>
                                            <div class="actions_dropdown" style="height: 32px;">
                                                <span>Actions</span>
                                                <ul class="actions_list">
                                                    <li>
                                                        @if($data['transaction_count'] == 0)
                                                        <a href="#" onclick="EnableInput();">Edit Invoice</a>
                                                        @else
                                                        <a href="#">Edit Invoice</a>
                                                        @endif
                                                        <a href="create">New Invoice</a>
                                                    </li>
                                                </ul>
                                            </div>
                                    </div>
                                        
                                </div>
                        </div>
                    </div>
                </div>
                <!-- BEGIN PAGE BAR -->
                <form action="{{ route('admin.sales.update',encrypt($data['order_details']['id'])) }}" class="form-horizontal form-row-seperated" id="update_invoice">
                        <input name="_method" type="hidden" value="PUT">
                    {{ csrf_field() }}
                    
                <div class="row">
                    <div class="col-md-12">
                        <!--Page Top Filters Fields-->
                        <div class="row form-group">
                            <div class="col-md-12">


                                <div class="customer_data box">

                                    <div class="col-md-3">

                                        <label>Customer *</label>
                                        <select name="customer" id="customer"
                                                class="form-control select2 validate">
                                            <option></option>
                                            @foreach($data['customers'] as $customer)
                                            @if($data['order_details']['customer_id'] == $customer->id)
                                            <option {{ ($data['order_details']['customer_id'] == $customer['id']) ? "selected" : "" }} value="{{ $customer['id'] }}">{{ $customer['display_name'] }}</option>
                                            @else
                                            @if(empty($customer->deleted_at))
                                            <option value="{{ $customer['id'] }}">{{ $customer['display_name'] }}</option>
                                            @endif
                                            @endif
                                            @endforeach

                                        </select>


                                    </div>
                                    <div class="col-md-2 dates_width">
                                        <label>Invoice Date*</label>
                                        <div class="input-group">
                                            @php
                                                 $timestamp = strtotime($data['order_details']['invoice_date']);
                                                 $invoice_date = date("d-m-Y", $timestamp);
                                            @endphp
                                            <input type="text" name="invoicedate" id="invoicedate"
                                                   value="{{ $invoice_date }}"
                                                   class="form-control validate calender_popup_date_open">
                                            <input type="hidden" name="invoice_date_hidden" id="invoice_date_hidden"
                                                   value="{{ $invoice_date }}">
                                            <span class="input-group-btn">
                                                <button class="btn default custom_calender custom_calender_date_open" type="button" style="margin: 0">
                                                    <i class="fa fa-calendar"></i>
                                                </button>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-md-2 dates_width">
                                        <label>Due Date*</label>
                                        <div class="input-group" data-date-start-date="+0d">
                                           @php
                                                $timestamp = strtotime($data['order_details']['due_date']);
                                                $due_date = date("d-m-Y", $timestamp);
                                           @endphp
                                            <input type="text" name="duedate" id="duedate"
                                                   value="{{ $due_date }}"
                                                   class="form-control validate calender_popup_date_open">
                                            <span class="input-group-btn">
                                                <button class="btn default custom_calender custom_calender_date_open" type="button" style="margin: 0">
                                                    <i class="fa fa-calendar"></i>
                                                </button>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-md-2">
                                        <label>Reference / PO Number</label>
                                        <input type="text" class="form-control" id="ref_no" name="refno"  onclick="this.select();"
                                               placeholder="e.g. Order Number" value="{{ $data['order_details']['reference_number'] }}">
                                    </div>

                                    <div class="col-md-2 main_address">
                                        <label>Main Address</label>
                                        <span>
                                            @foreach($data['customers'] as $customer)
                                            {{ ($data['order_details']['customer_id'] == $customer['id']) ? $customer['telephone'] : '' }}
                                            @endforeach
                                        </span>

                                    </div>
                                    <div class="col-md-2 delivery_address">
                                        <label>Delivery Address</label>
                                        <span>
                                            @foreach($data['customers'] as $customer)
                                            {{ ($data['order_details']['customer_id'] == $customer['id']) ? $customer['telephone']: '' }}
                                            @endforeach
                                        </span>
                                    </div>


                                </div>
                            </div>
                        </div>
                        <!--THIS IS CONTENT DIV START-->
                        <div class="portlet-body flip-scroll">
                            <!-- BEGIN LIST OF ORDERS -->
                            <!--PRODUCTS-->
                            <div class="row form-group">
                                <div class="col-md-12">
                                    <div class="products box">

                                        <div class="header_product">
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="one products_row_header del_head hidden">&nbsp;</div>
                                                    <div class="two products_row_header">Description*</div>
                                                    <div class="three products_row_header">Ledger Account*</div>
                                                    <div class="five products_row_header">Qty*</div>
                                                    <div class="four products_row_header">Price/Rate*</div>
                                                    <div class="four products_row_header">Discount</div>

                                                    <div class="four products_row_header">VAT Rate</div>
                                                    <div class="five products_row_header">VAT Amount</div>

                                                    <div class="five products_row_header">Total</div>
                                                </div>
                                            </div>
                                        </div>

                                        <!-- Product Details -->
                                        @php
                                          $cart_items = session()->get('items', []);
                                          $new_row_id = 0;
                                          $decimal_point =$data['decimal_point'];
                                        @endphp
                                        <div class="products_wrap">
                                        @foreach ($cart_items as $cart_item)
                                        @php
                                         $parent_product_id = $cart_item['product_id'];
                                         $variant_product_name = "";
                                         $variant_product_attributes = session()->get('variant_product_attributes', []);
                                         $new_row_id = $cart_item['row_id'];
                                        @endphp
                                        @foreach($variant_product_attributes as $variant_product_attribute)
                                            @if($variant_product_attribute['row_id'] == $cart_item['row_id'])
                                                @php $parent_product_id =  $variant_product_attribute['product_id']; @endphp
                                                @foreach($data['all_products'] as $key => $value)
                                                    @if($value->id == $cart_item['product_id'])
                                                        @php $variant_product_name = $value->variant_name .'-'. $value->item_code; @endphp
                                                    @endif
                                                @endforeach
                                            @endif
                                        @endforeach

                                       
                                                <div class="products" data-row-id="{{ $cart_item['row_id'] }}">
                                                    <div class="row">
                                                        <div class="col-md-12">
                                                                <div class="one products_row del hidden"
                                                                 onclick="DeleteRow('{{ $cart_item['row_id'] }}')">
                                                                 @if($data['transaction_count'] == 0)
                                                                    <i class="fa fa-trash-o" aria-hidden="true"></i>
                                                                 @endif
                                                           </div>
                                                            @php $product_accept = 0; @endphp
                                                            <div class="two products_row">
                                                                <select name="item[]" class="form-control select2 selectitem validate" productId='{{ $cart_item['product_id'] }}'>
                                                                    <option></option>
                                                                    @foreach($data['products'] as $value)
                                                                    @if($value->deleted_at != NUll)
                                                                        @if($parent_product_id == $value->id)
                                                                        @php $product_accept = 1; @endphp
                                                                        @else 
                                                                         @php $product_accept = 0; @endphp
                                                                        @endif
                                                                        @else
                                                                        @php $product_accept = 1; @endphp
                                                                    @endif
                                                                    @if($product_accept == 1)
                                                                        @if($value->product_type == 2)
                                                                             <option {{ ($parent_product_id == $value->id) ? "selected" : "" }} value="{{$value->id}}">{{$value->name.'-'.$variant_product_name}}</option>
                                                                        @else
                                                                             <option {{ ($parent_product_id == $value->id) ? "selected" : "" }} value="{{$value->id}}">{{$value->name.'-'.$value->item_code}}</option>
                                                                        @endif
                                                                        @endif
                                                                    @endforeach
                                                                </select>
                                                            </div>

                                                            <div class="three products_row">
                                                                <select name="ledger_account[]" class="form-control ledger_account validate">
                                                                    <option value="1">Sale</option>

                                                                </select>
                                                            </div>
                                                            
                                                            <div class="five products_row">
                                                                @php $stock = 0; @endphp
                                                                @foreach($data['product_stock'] as $key => $value)
                                                                    @if($key == $cart_item['product_id'])
                                                                    
                                                                        @php $stock = $value; @endphp
                                                                    @endif
                                                                @endforeach
                                                                <span class="msl_info {{ ($stock <= 0) ? "red" : '' }}" title="Current Stock: {{ $stock }}">
                                                                    <i class="fa fa-info-circle" aria-hidden="true"></i>
                                                                </span>
                                                                <!--<input type="number" onkeydown="quantityValidation(this)" class="form-control quantity number validate" value="{{ $cart_item['qty'] }}" name="quantity[]" id="{{ $cart_item['row_id'] }}" onClick="this.select();">-->
                                                                <input type="number" onInput="checkLengthQty(this)" class="form-control quantity number validate" value="{{ $cart_item['qty'] }}" name="quantity[]" id="{{ $cart_item['row_id'] }}" onClick="this.select();">
                                                                <input type="hidden" readonly value="0" name="unit[]" class="form-control unit">
                                                                <input type="hidden" readonly name="cost[]" class="form-control cost" value="0">
                                                              
                                                            </div>

                                                            <div class="four products_row">
                                                                <input type="number"  class="form-control rate validate" name="rate[]" value="{{ number_format($cart_item['price'],$decimal_point)}}" id="{{ $cart_item['row_id'] }}" onClick="this.select();">
                                                            </div>

                                                            <div class="four products_row">
                                                                <input type="text" class="form-control discount" name="discount[]" value="{{ number_format($cart_item['discount'],$decimal_point)}}" readonly="readonly">
                                                                <div class="discount_popup box" rate="{{ $cart_item['price'] }}">
                                                                    <span class="dis_pop_el" style="padding-top: 6px">Amount: </span>
                                                                    <span class="dis_pop_el">
                                                                        <input type="number"  class="form-control flat enter_discount"   onclick="this.select();" value="{{ number_format($cart_item['discount'],$decimal_point)}}" placeholder="0" id="{{ $cart_item['row_id'] }}" >
                                                                    </span>
                                                                    <span class="dis_pop_el">
                                                                       @php
                                                                        $discount_percentage = 0;
                                                                      
                                                                        $discount_percentage = ($cart_item['discount']/($cart_item['qty']* $cart_item['price'])) * 100;

                                                                        @endphp
                                                                        <input type="number" class="form-control percentage enter_percentage" value="{{ $discount_percentage }}" placeholder="0" id="{{ $cart_item['row_id'] }}">
                                                                    </span>

                                                                    <span class="dis_pop_el">%</span>

                                                                </div>

                                                            </div>
                                                           
                                                            <div class="four products_row">
                                                                <select name="tax[]"
                                                                        class="form-control select2 tax" id="{{ $cart_item['row_id'] }}">
                                                                    <option {{ ($cart_item['vat'] == 0) ? "selected" : "" }} value="0" selected>No VAT</option>
                                                                    <option {{ ($cart_item['vat'] == 5) ? "selected" : "" }} value="5">VAT</option>

                                                                </select>
                                                            </div>
                                                            @php
                                                                $vat_amount = ($cart_item['vat']/100) * (($cart_item['qty'] * $cart_item['price']) - $cart_item['discount']);
                                                                $vat_amount = number_format($vat_amount, $decimal_point, '.', '');

                                                                $total_amount = (($cart_item['qty'] * $cart_item['price']) - $cart_item['discount']) + $vat_amount;
                                                                $total_amount = number_format($total_amount, $decimal_point, '.', '');
                                                            @endphp
                                                            <div class="five products_row tax_amount_show">
                                                                {{ $vat_amount }}
                                                            </div>
                                                            <input type="hidden" class="tax_amount"
                                                                   name="tax_amount[]" value="{{ $vat_amount }}">

                                                            <div class="five products_row itemamount_show">{{ $total_amount }}</div>
                                                            <input type="hidden" class="itemamount" name="amount[]" value="{{ $total_amount }}">
                                                        </div>
                                                    </div>
                                                <div class="modal fade bs-modal in" id="new_varient_model" role="dialog" aria-hidden="true" style="display: none;"></div>
                                                </div>

                                        @endforeach

                                                <div class="products" data-row-id="{{ $new_row_id+1 }}">
                                                    <div class="row">
                                                        <div class="col-md-12">
                                                            <div class="one products_row del hidden"
                                                                 style="visibility: hidden;" onclick="DeleteRow('{{ $new_row_id+1 }}')">
                                                                <i class="fa fa-trash-o" aria-hidden="true"></i>
                                                            </div>

                                                            <div class="two products_row">
                                                                <select name="item[]" class="form-control select2 selectitem validate" productId='0'>
                                                                    <option></option>
                                                                    @foreach($data['products'] as $value)
                                                                    @if($value->deleted_at == '')
                                                                    <option value="{{$value->id}}">{{$value->name.'-'.$value->item_code}}</option>
                                                                    @endif
                                                                    @endforeach
                                                                </select>
                                                            </div>

                                                            <div class="three products_row">
                                                                <select name="ledger_account[]" class="form-control ledger_account validate">
                                                                    <option value="1">Sale</option>

                                                                </select>
                                                            </div>

                                                            <div class="five products_row">

                                                                <span class="msl_info" title="">
                                                                    <i class="fa fa-info-circle" aria-hidden="true"></i>
                                                                </span>
                                                                <input type="number" onkeydown="quantityValidation(this)" class="form-control quantity number validate" value="1" name="quantity[]" readonly="readonly" id="{{ $new_row_id+1 }}">
                                                                <input type="hidden" readonly value="0" name="unit[]" class="form-control unit">
                                                                <input type="hidden" readonly name="cost[]" class="form-control cost" value="0">

                                                            </div>

                                                            <div class="four products_row">
                                                                <input type="number" class="form-control rate validate" name="rate[]" value="" readonly="readonly" id="{{ $new_row_id+1 }}">
                                                            </div>

                                                            <div class="four products_row">
                                                                <input type="text" class="form-control discount" name="discount[]" value="" readonly="readonly">
                                                                <div class="discount_popup box">
                                                                    <span class="dis_pop_el" style="padding-top: 6px">Amount: </span>
                                                                    <span class="dis_pop_el">
                                                                        <input type="text"   class="form-control flat enter_discount" value="" placeholder="0" id="{{ $new_row_id+1 }}" >
                                                                    </span>
                                                                    <span class="dis_pop_el">
                                                                        <input type="text"  class="form-control percentage enter_percentage" value="" placeholder="0" id="{{ $new_row_id+1 }}">
                                                                    </span>

                                                                    <span class="dis_pop_el">%</span>

                                                                </div>

                                                            </div>

                                                            <div class="four products_row">
                                                                <select name="tax[]"
                                                                        class="form-control select2 tax" id="{{ $new_row_id+1 }}">
                                                                    <option value="0" selected>No VAT</option>
                                                                    <option value="5">VAT</option>

                                                                </select>
                                                            </div>

                                                            <div class="five products_row tax_amount_show">
                                                                 {{ number_format(0,$decimal_point) }}
                                                            </div>
                                                            <input type="hidden" class="tax_amount"
                                                                   name="tax_amount[]" value="0.0000">

                                                            <div class="five products_row itemamount_show">  {{ number_format(0,$decimal_point) }}</div>
                                                            <input type="hidden" class="itemamount" name="amount[]" value="">
                                                        </div>
                                                    </div>
                                                <div class="modal fade bs-modal in" id="new_varient_model" role="dialog" aria-hidden="true" style="display: none;"></div>
                                                </div>
                                            </div>



                                        <!-- Product Details -->

                                    </div>
                                </div>

                            </div>

                            <!--TERMS & CONDITION / FINAL AMOUNT-->
                            <div class="row form-group">
                                <div class="col-md-12">
                                    <div class="final_box submit_final_box box">

                                        <div class="row">

                                            <div class="col-md-12">
                                                <div class="col-md-8">
                                                    <div class="col-md-6">

                                                        <label>Comments</label>
                                                        <textarea name="comments" class="form-control" rows="7">
                                                            {{ $data['order_details']['comments'] }}
                                                        </textarea>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <label>Terms and Condition</label>
                                                        <textarea name="terms" class="form-control" rows="7">
                                                                {{ $data['order_details']['terms'] }}
                                                        </textarea>

                                                    </div>
                                                </div>


                                                <div class="col-md-4 final_amount">

                                                        <div class="row">
                                                                <div class="col-md-6">
                                                                    <label class="pull-left"> Subtotal </label>
                                                                </div>
                                                                <div class="col-md-6">

                                                                    <span class="pull-right subtotal_show" id="subtotal">
                                                                        @php
                                                                         $sub_total = ($data['order_details']['real_amount'] + $data['order_details']['discount_amount']) - $data['order_details']['tax_amount'];
                                                                         $sub_total = number_format($sub_total,$decimal_point);
                                                                        @endphp
                                                                        {{ $sub_total }}
                                                                    </span>
                                                                    <input type="hidden" class="subtotal" value="{{ $sub_total }}" name="subtotal">
                                                                </div>
                                                            </div>

                                                    <div class="row">
                                                        <div class="col-md-6">
                                                            <label class="pull-left"> Discount </label>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <span class="pull-right">

                                                                <span class="pull-right total_discount_show"
                                                                      id="total_discount_show">
                                                                      {{ number_format($data['order_details']['discount_amount'],$decimal_point) }}
                                                                </span>

                                                                <input type="text" name="total_discount" style="visibility: hidden" value="{{ $data['order_details']['discount_amount'] }}" class="form-control input-small total_discount"/>

                                                                <div class="overall_discount_popup box">

                                                                    <span class="dis_pop_el" style="padding: 6px 0 0 6px">Amount: </span>
                                                                    <span class="dis_pop_el">
                                                                        <input type="text" class="form-control overall_flat" value="" placeholder="0.00" name="">
                                                                    </span>
                                                                    <span class="dis_pop_el">

                                                                        <input type="text" class="form-control overall_percentage" value="" placeholder="0.00" name="">
                                                                    </span>

                                                                    <span class="dis_pop_el">%</span>

                                                                </div>

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



                                                    <div class="row">
                                                        <div class="col-md-6">
                                                            <label class="pull-left"> Total Tax </label>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <span class="pull-right total_tax_amount_show">
                                                                    {{ number_format($data['order_details']['tax_amount'],$decimal_point) }}
                                                            </span>
                                                            <input type="hidden" class="total_tax_amount"
                                                                   name="total_tax_amount" value="{{ $data['order_details']['tax_amount'] }}">
                                                        </div>
                                                    </div>

                                                    <div class="row total_final">
                                                        <div class="col-md-6">
                                                            <label class="pull-left"> Total </label>
                                                        </div>
                                                        <div class="col-md-6">

                                                            <span class="pull-right net_total_show">
                                                                 {{ number_format($data['order_details']['total_amount'],$decimal_point) }}
                                                            </span>
                                                            <input type="hidden" value=" {{ $data['order_details']['total_amount'] }}" name="net_total" class="net_total">
                                                            <input type="hidden" value=" {{ $data['order_details']['real_amount'] }}" name="real_amount" class="real_amount">

                                                        </div>
                                                    </div>

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

                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="col-md-4"> </div>

                                                <div class="col-md-8">
                                                    <button class="btn theme_btn_round pull-right update_invoice" value="update" name="update" type="submit">
                                                            <span></span>
                                                            Update
                                                    </button>
                                                    <button class="btn action_btn theme_btn_round cancel pull-right"
                                                            type="button"
                                                            onclick="history.go(-1);
                                                                    return false">
                                                        Cancel
                                                    </button>
                                                </div>

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

                                </div>
                            </div>
                        </div>
                        <!--THIS IS CONTENT DIV END-->

                    </div>
                </div>
            </form>
            </div>
            <div class="commission_payment_received">
                <div class="row form-group" style="">
                    <div class="portlet">
                        <div class="portlet-body">
                            <div class="col-md-12">
                                <div class="box final_box" style="">

                                    <h3 style="font-weight: 500; padding-left: 15px;">Receive Payment</h3>
                                    <form name="account_invoice_payment" id="account_invoice_payment" method="post" action="">
                                        <div class="row form-group">
                                            <div class="col-md-12">
                                                <div class="col-md-1">
                                                    <label>
                                                        <strong>Balance</strong>
                                                    </label>
                                                    <input type="hidden" id="order_invoice_date" name="order_invoice_date" value="{{ $invoice_date }}" />
                                                    <input type="hidden" id="invoice_id" name="invoice_id" value="{{ $data['order_details']['id'] }}" />
                                                    <input type="hidden" id="customer_id" name="customer_id" value="{{ $data['order_details']['customer_id'] }}" />
                                                    <input type="text" class="form-control due_balance" name="due_balance" id="due_balance" readonly="" value="{{ number_format($data['transaction_details']->balance,$decimal_point, '.', '') }}" style="text-align:right;">
                                                </div>

                                                <div class="col-md-2">
                                                    <label>
                                                        <strong>Amount paid * </strong>
                                                    </label>

                                                    <input type="number" class="form-control amount_received validate" name="amount_received" id="amount_received" value="{{ number_format($data['transaction_details']->balance,$decimal_point, '.', '') }}" style="text-align:right;">
                                                    <p class="text-danger amount_received validation_error hidden"></p>
                                                </div>

                                                <div class="col-md-2">
                                                    <label>
                                                        <strong>Date * </strong>
                                                    </label>

                                                    <div class="input-group">
                                                        <input type="text" id="payment_date" name="date_trans" class="form-control validate calender_popup_date_open" style="border-right: 0 !important; border-radius: 5px 0 0 5px !important;" value="17-03-2025">

                                                        <span class="input-group-btn">
                                                            <button class="btn default custom_calender custom_calender_date_open" type="button" style="margin: 0">
                                                                <i class="fa fa-calendar"></i>
                                                            </button>
                                                        </span>

                                                    </div>
                                                    <p class="text-danger transaction_date validation_error hidden"></p>
                                                </div>

                                                <div class="col-md-2">
                                                    <label>
                                                        <strong> Mode of payment * </strong>
                                                    </label>

                                                    <select class="form-control select2 mode_payment validate select2-hidden-accessible" name="cash_type" id="mode_payment" tabindex="-1" aria-hidden="true">
                                                        <option value=""></option>
                                                        {{-- <option value="cheque">Bank Cheque</option> --}}
                                                        <option value="cash" selected >Cash</option>
                                                    </select>
                                                </div>

                                                <div class="col-md-2 paidTo_accounts">
                                                    <label>
                                                        <strong>Paid to * </strong>
                                                    </label>

                                                    <select class="form-control select2 paid_to validate select2-hidden-accessible" id="paid_to" name="paidto_acc_uuid" tabindex="-1" aria-hidden="true">
                                                        <option value=""></option>
                                                        @foreach ( $data['accounts'] as $key=>$value )
                                                        <option value="{{ $key }} ">{{ $value }}</option>
                                                        @endforeach
                                                    </select>
                                                    <p class="text-danger paid_to validation_error hidden"></p>
                                                </div>

                                                <div class="col-md-3">
                                                    <label>
                                                        <strong>Description</strong>
                                                    </label>

                                                    <input type="text" class="form-control payment_description" name="description">
                                                </div>

                                                <div class="col-md-2" style="display: none;">
                                                    <label>
                                                        <strong>Reference</strong>
                                                    </label>

                                                    <input type="text" class="form-control payment_reference" name="trans_ref" value="INV19-00005">
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row form-group bank_cheque" style="display: none">
                                            <div class="col-md-12">

                                                <input type="hidden" name="pdc_amount" class="cheque_amount" value="2.15">
                                                <div class="col-md-3">
                                                    <label>
                                                        <strong>Cheque No * </strong>
                                                    </label>

                                                    <input type="text" name="cheque_no" class="form-control payment_check_no">
                                                </div>

                                                <div class="col-md-3">
                                                    <label>
                                                        <strong>Cheque Date * </strong>
                                                    </label>

                                                    <div class="input-group">
                                                        <input type="text" id="payment_check_date" name="cheque_date" class="form-control tlo" style="border-right: 0 !important; border-radius: 5px 0 0 5px !important;" value="11-11-2019">

                                                        <span class="input-group-btn">
                                                            <button class="btn default custom_calender" type="button" style="margin: 0">
                                                                <i class="fa fa-calendar"></i>
                                                            </button>
                                                        </span>
                                                    </div>
                                                </div>

                                                <div class="col-md-3">
                                                    <label>
                                                        <strong>Received Date</strong>
                                                    </label>

                                                    <div class="input-group">
                                                        <input type="text" id="payment_check_receive" name="received_date" class="form-control tlo" style="border-right: 0 !important; border-radius: 5px 0 0 5px !important;" value="11-11-2019">

                                                        <span class="input-group-btn">
                                                            <button class="btn default custom_calender" type="button" style="margin: 0">
                                                                <i class="fa fa-calendar"></i>
                                                            </button>
                                                        </span>
                                                    </div>
                                                </div>

                                                <div class="col-md-3">
                                                    <label>
                                                        <strong>Bank Name * </strong>
                                                    </label>

                                                    <select class="form-control bank_name select2-hidden-accessible" name="bank_name" style="width: 100%;" tabindex="-1" aria-hidden="true">
                                                        <option value=""></option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row form-group" style="text-align: right">
                                            <div class="col-md-12">

                                                <div class="col-md-3" style="float: right">
                                                    <input id="save_commission_payment" name="savebank_trans" type="submit" class="btn theme_btn_round" style="margin-top: 5px; border: none;" value="Receive Payment">
                                                </div>

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

            @if($data['transaction_count'] > 0)
            <div class="history" style="overflow: hidden;">
                <div class="col-md-12">
                    <div class="row">
                        <div class="col-md-8">
                            <h3 class="custom_h3">History &amp; Notes</h3>
                        </div>
                    </div>
                    <div class="history_wrap">
                        <div class="row">
                            <div class="col-md-12">
                                <span style="color:#969ba4; font-size: 14px;display: block;padding-bottom: 4px">
                                    Recorded by
                                        @php
                                            $latest_date_time = strtotime($data['latest_transaction_history']->created_at);
                                            $latest_date_value = date("d M Y", $latest_date_time);
                                            $latest_time_value = date("h:i", $latest_date_time);
                                            

                                        @endphp
                                        @foreach($data['users'] as $users)
                                            @if($data['latest_transaction_history']->created_by == $users['id'])
                                                {{ $users['name'] }}
                                            @endif
                                        @endforeach
                                    on {{ $latest_date_value }}  at {{  $data['time'] }} </span>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <h4 class="custom_h4">
                                        @foreach($data['customers'] as $customer)
                                         @if($data['order_details']['customer_id'] == $customer['id'])
                                          @php
                                              $cust_name = $customer['fname'];
                                          @endphp
                                         @endif
                                        @endforeach
                                        @php
                                            $latest_to_timestamp = strtotime($data['latest_transaction_history']->transaction_date);
                                            $latest_transaction_date = date("d M Y", $latest_to_timestamp);
                                        @endphp
                                    @if($data['transaction_details']->balance == 0)
                                        Full payment received from {{ $cust_name }} on {{ $latest_transaction_date }}.
                                    @else
                                        Partial payment received from  {{ $cust_name }} on {{ $latest_transaction_date }} for {{ $data['latest_transaction_history']->credit }}. There is {{ $data['transaction_details']->balance }} due for this invoice.
                                    @endif

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

                    <div class="row">
                        <div class="col-md-8">
                            <span class="view_more">
                               <a href="#" onclick="ViewModal()"> View History
                                ({{ $data['transaction_count'] }} entries)
                               </a>
                            </span>
                        </div>
                    </div>

                </div>
            </div>
            @endif

            <div class="modal fade bs-modal in" id="transaction_modal" role="dialog" aria-hidden="true" style="display: none;">

                    <div class="modal-dialog modal-lg">
                            <div class="modal-content">

                                <div class="modal-header">
                                    <button type="button" class="close close_popup" data-dismiss="modal">×
                                    </button>
                                    <h3 class="pop_heading">Invoice history <span class="tagline_popup"> {{ $data['order_details']['invoice_no'] }} for
                                            @foreach($data['customers'] as $customer)
                                            {{ ($data['order_details']['customer_id'] == $customer['id']) ? $customer['fname'] : "" }}
                                            @endforeach
                                    </span>
                                    </h3>
                                </div>
                                <div class="modal-body" style="overflow: hidden">

                                    <div class="portlet-body" style="max-height: 400px; overflow-y: auto">
                                        <div class="pop_up_header">
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="col-md-3 history_pop_header">Date</div>
                                                    <div class="col-md-3 history_pop_header">User</div>
                                                    <div class="col-md-6 history_pop_header">Detail</div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="history_pop_wrap">
                                            @foreach($data['transaction_history'] as $transaction_history)
                                            @php
                                                $to_timestamp = strtotime($transaction_history['transaction_date']);
                                                $latest_transaction_date = date("d M Y", $to_timestamp);
                                            @endphp
                                            <div class="each_history">
                                                <div class="col-md-3 each_history_row">{{ $latest_transaction_date }}</div>
                                                <div class="col-md-3 each_history_row">
                                                    @foreach($data['users'] as $users)
                                                        @if($transaction_history['created_by'] == $users['id'])
                                                            {{ $users['name'] }}
                                                        @endif
                                                    @endforeach
                                                </div>
                                                <div class="col-md-6 each_history_row">
                                                    @if($transaction_history['balance'] == 0)
                                                        Full payment received from {{ $cust_name }} on {{ $latest_transaction_date }}.
                                                    @else
                                                        Partial payment received from  {{ $cust_name }} on {{ $latest_transaction_date }} for {{ $transaction_history['credit'] }}. There is {{ $transaction_history['balance'] }} due for this invoice.
                                                    @endif
                                                </div>
                                            </div>
                                            @endforeach
                                        </div>

                                    </div>
                                </div>

                                <div class="modal-footer">
                                    <button type="button" class="btn theme_btn_round close_popup" data-dismiss="modal">Ok
                                    </button>
                                </div>

                            </div>
                            <!-- /.modal-content -->
                        </div>

            </div>

        </div>
    </div>






@endsection
@section('admin_css')
<link href="{{asset('assets/global/plugins/select2/css/select2.min.css')}}" rel="stylesheet" type="text/css"/>
<link href="{{asset('assets/global/plugins/select2/css/select2-bootstrap.min.css')}}" rel="stylesheet" type="text/css"/>
<link href="{{asset('assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css')}}" rel="stylesheet" type="text/css"/>
<link href="{{asset('assets/global/plugins/datatables/datatables.min.css')}}" rel="stylesheet" type="text/css"/>
<style>

    /*SALES INVOICE CSS CUSTOM*/
    .tabbable-line > .nav-tabs > li.active {
        font-weight: 600;
    }

    .border-red{
        border-color: red !important;
    }

    .tabbable-line > .nav-tabs > li.active > a {
        color: #36c6d3;
    }

    .error {
        color: red !important;
    }

    .box {
        border: 1px solid #c4c6ca;
        width: 100%;
        border-top-left-radius: 5px !important;
        border-top-right-radius: 5px !important;
        /*overflow: hidden;*/
        padding: 0;
    }

    .final_box.box {
        border-bottom-left-radius: 5px !important;
        border-bottom-right-radius: 5px !important;
        border-top-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
    }

    .products.box {
        border-top-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
    }

    .customer_data, .final_box {
        border: 1px solid #c4c6ca !important;
        padding: 35px 15px 15px;
        width: 100%;
        border-top-left-radius: 5px !important;
        border-top-right-radius: 5px !important;
        /*overflow: hidden;*/

    }

    .customer_data {
        overflow: hidden;
    }

    .final_box {
        padding: 20px 0;
    }

    .calender {
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important;
        border: 1px solid #c4c6ca !important;
    }

    #duedate, #invoicedate {
        border-right: none !important;
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    .customer_data label, .final_box label {
        color: #3d424e;
        font-weight: 600;
    }

    .final_amount label {
        margin-bottom: 20px;
    }

    .tax {
        font-weight: 400 !important;
    }

    .dates_width {
        width: 10.6667% !important;
    }

    .main_address span, .delivery_address span {
        display: block;
    }

    .one {
        width: 2.5%;
        font-size: 16px;

    }

    .one i {
        cursor: pointer;
    }

    .two {
        width: 29%;
    }

    .three {
        width: 19%;
    }

    .four {
        width: 9.5%;
        text-align: right;
    }

    .five {
        width: 7%;
        text-align: right;
        position: relative;
    }

    .four input, .five input {
        text-align: right;
    }

    .products_row_header {
        float: left;
        padding: 12px 5px;
        border-right: 1px solid #8a8e94;
        color: #FFFFFF;
    }

    .products_row {
        float: left;
        padding: 12px 5px;
        position: relative;
    }

    .products {
        border-bottom: 1px solid #e5e7ea;
        color: #9da0a6;
        line-height: 22px;
    }

    .products_row.one {
        text-align: center;
    }

    .products_row_header:last-child {
        border-right: none;
    }

    .header_product {
        background: #636871;
    }

    input, textarea {
        border: 1px solid #c4c6ca !important;
        border-radius: 5px !important;
        resize: none;
    }

    .products_wrap > .products:nth-of-type(2n+1) {
        background-color: #f5f6f7 !important;
    }

    .select2 {
        text-align: left !important;
    }

    .msl_info {
        position: absolute;
        left: 10px;
        top: 16px;
        font-size: 16px;
        color: #268794;
    }

    .msl_info.red {
        color: red;
    }

    .action_btn {
        margin-right: 5px;
        border-radius: 5px !important;
        padding: 4px 16px;
        width: auto;
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    .action_btn.cancel {
        border-radius: 5px !important;
    }

    .drop {
        margin-right: 5px;
        padding: 4px 8px;
        width: auto;
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important;
    }

    .save_email {
        display: none;
    }

    .save_email, .save {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        margin-right: 0;
    }
    .discount_popup {
        position: absolute;
        left: 6px;
        width: 306px;
        top: 50px;
        border-radius: 5px !important;
        z-index: 1;
        padding: 10px 0;
        display: none;
        background-color: #FFF;
    }

    .overall_discount_popup {
        position: absolute;
        right: 14px;
        width: 100%;
        top: 37px;
        border-radius: 5px !important;
        z-index: 1;
        padding: 10px 0;
        display: none;
        background-color: #FFF;
    }

    .flat, .percentage, .overall_flat, .overall_percentage {
        width: 100%;
        text-align: right;
    }

    .dis_pop_el {
        float: left;
        display: inline;
        width: 26%;
        margin-right: 10px;

    }

    .dis_pop_el:last-child {
        width: 6%;
        padding-top: 7px;
    }

    .actions.theme_btn_capsule {
        width: 12.5%;
    }
    .select2-selection--single {
        border-radius: 5px !important;
    }

    .box.popup_select {
        border: 1px solid #37c6d3;
    }
    span.select2-selection__clear{
      display: none;
     }


     /*** //FORM RADIO BUTTON// ***/
    .frm_radioBtn {
        display: block;
        position: relative;
        padding-left: 34px;
        margin-bottom: 12px;
        cursor: pointer;
        line-height: 16px;
        font-weight: normal !important;
        font-size: 15px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .frm_radioBtn input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }
    .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 16px;
        width: 16px;
        background-color: #eee;
        border-radius: 50%;
    }
    .frm_radioBtn:hover input ~ .checkmark {background-color: #ccc;}
    .frm_radioBtn input:checked ~ .checkmark {background-color: #37c6d3;}
    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }
    .frm_radioBtn input:checked ~ .checkmark:after {display: block;}
    .frm_radioBtn .checkmark:after {
        top: 4px;
        left: 4px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: white;
    }
    .nav .supreme_subHead {
        font-size: 17px;
        font-weight: 600;
        padding-left: 0;
        padding-bottom: 15px;
        color: #333333;
    }
    .modal-body .supreme_box {margin-bottom: 8px;}
    /*** //FORM RADIO BUTTON// ***/

    /*** //FORM CHECK BOX// ***/
    .frm_checkBox {
        display: block;
        position: relative;
        padding-left: 34px;
        margin-bottom: 12px;
        cursor: pointer;
        line-height: 16px;
        font-weight: normal !important;
        font-size: 15px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .frm_checkBox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }
    .checkedBox {
        position: absolute;
        top: 0;
        left: 0;
        height: 16px;
        width: 16px;
        background-color: #fff;
        border: 1px solid #e5e5e5;
    }
    .frm_checkBox:hover input ~ .checkedBox {background-color: #fff;}
    .frm_checkBox input:checked ~ .checkedBox {background-color: #ffffff;}
    .checkedBox:after {
        content: "";
        position: absolute;
        display: none;
    }
    .frm_checkBox input:checked ~ .checkedBox:after {display: block;}
    .frm_checkBox .checkedBox:after {
        left: 5px;
        top: 1px;
        width: 5px;
        height: 10px;
        border: solid #37c6d3;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    /*** //FORM CHECK BOX// ***/
    .total_box .nav .supreme_subHead {padding-bottom: 0;}
    .priceRight {text-align: right;right: 12px;}
    .supreme_box .form-group {margin-bottom: 0;}
    .total_box .priceRight span {
        font-weight: 600;font-size: 15px;
    }
    .supreme_subHead .sub_choosetxt {
        font-size: 15px;
        color: #37c6d3;
    }
    .tab-content {padding: 0 20px 0 10px;}
    .supreme_box.total_box{padding-right: 20px;}
    #new_varient_model .pop_heading {font-size: 20px !important;color: #333;}
    #new_varient_model .close.close_popup {color: #63c4d1 !important;}
    #new_varient_model .modal-body {padding: 15px;}

    /*POPUP STYLES*/

    /*#new_customer input, #new_customer textarea {*/
    /*border: none !important;*/
    /*border-bottom: 1px solid #c2cad8 !important;*/
    /*border-radius: 0 !important;*/
    /*}*/

    .select2-selection--single {
        border-radius: 5px !important;
    }

    .box.popup_select {
        border: 1px solid #37c6d3;
    }

    .modal_loader {
        position: absolute;
        z-index: 99999;
        top: 50%;
        left: 50%;
        margin-left: -120px;
        margin-top: -120px;
    }

    .show_loader {
        display: none;
        position: absolute;
        z-index: 99999;
        top: 50%;
        left: 50%;
        margin-top: -64px;
        margin-left: -12px;
    }

    .view_more {
        color: #37c6d3;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
    }

    .history_wrap {
        padding-bottom: 16px;
    }

    .pop_heading {
        font-size: 30px;
        font-weight: 600 !important;
        margin: 0;
    }

    #history_popup .modal-lg {
        width: 1200px !important;
    }

    .history_pop_header {
        font-weight: 600;
        font-size: 16px;
        padding: 8px 12px;
    }

    .pop_up_header {
        border-top-right-radius: 5px !important;
        border-top-left-radius: 5px !important;
    }

    .history_pop_wrap > .each_history:nth-of-type(2n+1) {
        background-color: #f5f6f7 !important;
    }

    .each_history {
        border: 1px solid #e5e7ea;
        border-top: 0;
        color: #9da0a6;
        line-height: 22px;
        overflow: hidden;
    }

    .each_history_row {
        float: left;
        padding: 12px 12px;
        position: relative;
        color: #505050;
        font-size: 16px;
    }

    .header_product, .pop_up_header {
        background: #636871;
    }

    .history_pop_header {
        float: left;
        padding: 12px 5px;
        border-right: 1px solid #8a8e94;
        color: #FFFFFF;
    }
    .portal_add_btn{
    float: left;
    border-radius: 5px 0px 0px 5px !important;
    width: 35px;
    height: 32px;
    color: #fff;
    font-size: 16px;
    line-height: 31px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    border-color: #37C6D3 #FFFFFF #37C6D3 #37C6D3;
    border-width: 1px;
    border-style: solid;
    border-right: 1px solid #FFFFFF;
    background: #37C6D3;
    outline-width: 0;
    margin-right: 0px;
    text-align: left;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    right: 0;
    z-index: 1;
    text-align: center;
}
.portal_add_btn a{
    color: #fff;
}
.portlet > .portlet-title > .actions {
    position: absolute;
    right: 14px;
}
.portlet-title .actions.success_actions {
    float: right;
}
/*.portlet-title .success_actions::before, .portlet-title .success_actions::after {
    position: absolute;
    content: '';
    width: 34px;
    height: 32px;
    background: #37C6D3 url('../img/action_plus.png') no-repeat center;
    font-size: 28px;
    top: 6px;
    left: -34px;
    cursor: pointer;
    text-align: center;
    border-radius: 5px 0 0 5px;
    border-width: 0 1px 0 0;
    border-style: solid;
    border-color: #4FDEEB;
    color: #FFFFFF;
}
.portlet-title .success_actions::before:hover, .portlet-title .success_actions::after:hover {background-color: #68A7B2;}*/
body .actions_dropdown {
    border-radius: 0 5px 5px 0 !important;
    width: 160px;
    height: 32px;
    color: #fff;
    font-size: 16px;
    line-height: 31px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    /* border: 1px solid #37C6D3; */
    background: #37C6D3 {{ url('assets/custom/img/dropdown_arrow.png')}} no-repeat 135px 12px;
    outline-width: 0;
    float: right;
    margin-right: 0px;
    text-align: left;
    cursor: pointer;
    position: relative;
    /* overflow: hidden; */
    right: 0;
    z-index: 1;
}
body .actions_dropdown.active_actions {
    border-radius: 0 5px 5px 5px !important;
}
.page-content-wrapper .page-content a:focus,
.page-content a:active {color: #EAFEF9 !important;}

.discount_popup.box{
    border-color: #29b6d8 !important;
}
</style>
@stop
@section('admin_js')
<script src="{{asset('assets/global/plugins/select2/js/select2.min.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/global/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/global/plugins/datatables/datatables.min.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js')}}" type="text/javascript"></script>
<script src="{{asset('js/general.js')}}" type="text/javascript"></script>
@include('admin.js.sale-index')

@stop