@extends('layouts.app')

@section('content')

<!-- Content wrapper scroll start -->
<div class="content-wrapper-scroll">

<!-- Content wrapper start -->
<div class="content-wrapper">
@if(empty(session()->get('discount')) || null)
@if(!empty($cartItems))
<div class="alert alert-danger alert-dismissible fade show" role="alert">
HELLO {{@strtoupper(auth()->user()->name)}}! YOU DID NOT COMPLETE YOUR LAST TRANSACTION. COMPLETE INVOICE OR <a href="{{route('deleteDump')}}">REGENRATE CREATE NEW INVOICE</a>
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
@else
@endif
@endif
        <div class="row gutters mb-3">
            <div class="col-sm-4">
                
            <div class="input-group">
                    <input class="form-control" placeholder="Customer Name" value="{{!empty(session()->get('customer_name')) ? session()->get('customer_name') : ''}}" id="CustomerName" onChange="CustomerName()" required type="text" name="customer_name">
                    <span class="input-group-text">
                    <i class="icon-user1"></i>
                    </span>
                    
                </div>
            </div>
            <div class="col-sm-4">
            <div class="input-group">
                    <input class="form-control" placeholder="Customer Address" value="{{!empty(session()->get('customer_name')) ? session()->get('customer_address') : ''}}" id="CustomerAddress" onChange="CustomerAddress()" id="CustomerAddress" onChange="CustomerAddress()" type="text" name="customer_location">
                    <span class="input-group-text">
                    <i class="icon-map-pin"></i>
                    </span>
                </div>
            </div>
            <div class="col-sm-4">
            <div class="input-group">
                    <input class="form-control" required value="{{!empty(session()->get('customer_name')) ? session()->get('customer_contact') : ''}}" id="CustomerContact" onChange="CustomerContact()" name="customer_phone"  placeholder="0123456789"  type="tel" pattern="[0-9]{4}[0-9]{4}[0-9]{2}">
                    <span class="input-group-text">
                        <i class="icon-phone"></i>
                    </span>
                </div>
            </div>

        </div>


<div style="padding:15px" class="card">
@if(auth()->user()->sales_person_category == "Counter")
    <!-- Field wrapper start -->
    <div class="field-wrapper">
        <div class="input-group">
            <input class="form-control" placeholder="Click Here, Scan Bar Code Or search by Item Code" type="text" autofocus autocomplete="off" id="barcode" onchange="getBarcode()">
            <span class="input-group-text">
                <button class="btn btn-primary btn-sm" type="button" onClick="autofocusBarcode()">
                    <span class="spinner-grow spinner-grow-sm" role="status" aria-hidden="true"></span>
                    Enable Scan
                </button>
            </span>
        </div>
        <div class="field-placeholder">Scan Barcode</div>
    </div>
    <!-- Field wrapper end -->
@endif
<form id="newinvoice">
    @csrf
<!-- Row start -->
<div class="row gutters">
    
    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-4 col-12">
        <div class="form-section-header">New Invoice<span style="float:right" class="badge bg-info">{{auth()->user()->branch}}</span></div>
    </div>
    <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-12">
        
    	<!-- Field wrapper start -->
        <div class="field-wrapper">
            <select name="invoice_product_name" class="select-single js-states" title="Select Product Category" id="ddlViewBy" data-live-search="true">
            <option selected disabled>Select Item</option>
            @foreach($products as $product)
                    <option value="{{$product->FinalProductionID}}" 
                    >
                        [{{empty($app->currency) ? "GHS" : $app->currency}}{!!@strtoupper($product->UnitPrice)!!}]  {!!@strtoupper($product->Name)!!}
                    </option>
            @endforeach
            </select>
            <div class="field-placeholder">Product Name</div>
        </div>
        <!-- Field wrapper end -->
    </div>
    <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-12">
        
        <!-- Field wrapper start -->
        <div class="field-wrapper">
            <div class="input-group">
                <input class="form-control" type="text" value="1" id="quantity" name="invoice_quantity" onKeyUp="calculateTotal()">
                <span class="input-group-text">
                <i class="fa fa-calculator" aria-hidden="true"></i>
                </span>
            </div>
            <div class="field-placeholder">Quantity</div>
        </div>
        <!-- Field wrapper end -->

    </div>

    <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-12">
        
        <!-- Field wrapper start -->
        <div class="field-wrapper">
            <div class="input-group">
                <select name="status" onchange="getValue()" id="getStatus" class="select-single js-states">
                    <option value="General">General</option>
                </select>
            </div>
            <div class="field-placeholder">Order Type</div>
        </div>
        <!-- Field wrapper end -->

    </div>

    
    @if(Route::currentRouteName() == "indexAgency")
    <input type="text" value="{{$agencying}}" name="agency" readonly hidden>
    @endif
    
    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">

    <input type="text" value="" readonly name="category" id="category" hidden>

    </div>
    @if(auth()->user()->sales_person_category == "Delivery")
    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
        <button class="btn btn-outline-primary rounded-pill"><i class="icon-shopping-cart1" aria-hidden="true"></i> Add to Cart</button> 
        <button class="btn btn-outline-primary rounded-pill" style="margin-left:30px" onclick="getDeliveryValue()" type="button" data-bs-toggle="modal" data-bs-target="#exampleModalExtraLarge">
        <i class="icon-directions_car" aria-hidden="true"></i> Dispatch Fee</button>
    </div>
    @else
    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
        <button class="btn btn-outline-primary rounded-pill" ><i class="icon-shopping-cart1" aria-hidden="true"></i> Add to Cart</button> 
    </div>
    @endif

    
</div>
<!-- Row end -->
</form>
</div>


<div id="tabler">
@if(empty($checkseesion))
    <!-- Card start -->
    <div class="card">
        <div class="card-body">
            <div class="alert alert-primary alert-dismissible fade show" role="alert">
                    No Item added to cart. Kindly select Item and add to cart {{auth()->user()->sales_person_category == "Counter" ? "or use Barcode" : ""}}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
            
        </div>
    </div>
    <!-- Card end -->
    @else 
                         
<table class="table table-bordered table-striped table-sm">
    <thead>
        <tr>
            <th colspan="7" class="pt-3 pb-3">Invoice Details</th>
        </tr>
        <tr>
        <th width="45%">Product</th>
            <th width="20%">Category</th>
            <th width="50%">Quantity</th>
            <th width="20%">Price</th>
            <th width="20%">Amount (Net)</th>
            <th>Actions</th>
        </tr>
    </thead>
    <tbody>
    @foreach($cartItems as $key => $cart)
    <tr class="trhidden{{$cart['id']}}">
            <td><select class="form-control"><option>{!!@strtoupper($cart['invoice_product_name'])!!}</option></select></td>
           <td><input type="text" value="{{@strtoupper($cart['item_category'])}}" class="form-control" readonly></td>
            <td>
            <div class="input-group">
                    <div class="d-flex mb-4" style="max-width: 300px">
                            <button class="btn btn-light btn-sm" id="{{$cart['id']}}" onclick="decrease(id)">
                            <i class="icon-minus"></i>
                            </button>
        
                            <div class="form-outline">
                            <input min="1" readonly type="number" id="qty{{$cart['id']}}" id="qty{{$cart['id']}}" value="{{$cart['invoice_quantity']}}" name="quantity"  class="form-control" />
                            </div>
        
                            <button class="btn btn-light btn-sm" id="{{$cart['id']}}" onclick="increase(id)">
                            <i class="icon-plus1"></i>
                            </button>
                    </div>
                    <!-- Quantity -->
                </div>
            </td>
            <td>
                <!-- Field wrapper start -->
                <div class="field-wrapper m-0">
                    <input type="text" readonly class="form-control" value="@convert($cart['invoice_unit_price'])" id="ItemPrice{{$cart['id']}}">
                </div>
                <!-- Field wrapper end -->
            </td>
            <td>
                <!-- Field wrapper start -->
                <div class="field-wrapper m-0">
                    <input type="text" id="demo{{$cart['id']}}" readonly class="form-control" value="{{empty($app->currency) ? "GHS" : $app->currency}}@convert($cart['invoice_unit_price'] * $cart['invoice_quantity'])">
                </div>
                <!-- Field wrapper end -->
            </td>
            
            <td>
                <div class="table-actions">
                    <button class="btn btn-light" id="{{$cart['id']}}" onClick="DeleteItem(this.id)">
                        <i class="icon-trash-2"></i>
                    </button>
                </div>
            </td>
        </tr>
        @endforeach
        <tr>
            <td colspan="6">
                <div class="row gutters justify-content-end">
                    <div class="col-auto">
                        <label class="col-form-label">Discount % / {{empty($app->currency) ? "GHS" : $app->currency}} of Total Amount</label>
                    </div>
                    <div class="col-auto" style="max-width: 90px;">
                        <!-- Discount Button trigger modal -->
                        <button type="button" class="btn btn-primary mb-2" data-bs-toggle="modal" data-bs-target="#exampleModalSmall">
                            % Add Discount
                        </button>
                    </div>
                </div>
            </td>
        </tr>
        <tr>
            <td colspan="4">&nbsp;
            <div class="col-12">
                    <!-- Field wrapper start -->
                    <div class="field-wrapper">
                        <textarea class="form-control" rows="3" onChange="editNote()" placeholder="Add Note" id="noteText">{{!empty(session()->get('customer_note')) ? session()->get('customer_note') : ''}}</textarea>
                        <div class="field-placeholder">Note</div>
                    </div>
                    <!-- Field wrapper end -->
                </div>
            </td>
            <td colspan="2">
                <p class="m-0">Subtotal</p>
                <p class="m-0">Discount</p>
                <p class="m-0">VAT</p>
                <h5 class="mt-2">Total Amount</h5>
            </td>
            <td>
            <div id="subtotals">
                <p class="m-0">@convert(empty($checkseesion) ? 0 : $totalCart)</p>
                <p class="m-0" id="discounting">