@extends('layouts.user')

<script src="https://code.jquery.com/jquery-3.5.1.js"></script>
<script src="https://cdn.datatables.net/1.11.4/js/jquery.dataTables.min.js"></script>

<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>


<script src="https://code.jquery.com/jquery-3.5.1.js"></script>
<script src="https://cdn.datatables.net/1.11.4/js/jquery.dataTables.min.js"></script>


{{-- Web site Title --}}

{{-- Content --}}

@section('content')

<form method="POST" action="{{ route('update.sales.order') }}">
    <input type="hidden" name="_token" value="{{ csrf_token() }}" />
    @foreach($new_qt as $n_q)

    <div class="form-group row">

<input type="hidden" value="{{$n_q->order_id}}" name="order_id">


        <div class="col-xs-4">
            <label for="ex1">Customer ID NO</label>
            <input class="form-control" value="{{$n_q->customer_id}}" onfocusout="getCustomerInfo()" name="id_no" type="number" id="c_id" placeholder="Enter ID No" required>
        </div>

        <div class="col-xs-4">
            <label for="ex1">Customer Mobile</label>
            <input class="form-control" value="{{$n_q->contact}}" type="text" id="c_mobile" name="contact" placeholder="Enter Mobile Number" required>
        </div>


        <div class="col-xs-4">
            <label for="ex1">Customer Name</label>
            <input class="form-control" value="{{$n_q->name}}" id="c_name" type="text" name="name" placeholder="Enter Customer Name">
        </div>




        <div class="form-group removeleft">
            <br>
            <div class="col-xs-6">
                <label for="name_en">Select Pckage</label>
                <select class="form-control form-select" aria-label=".form-select-lg example" id="package_id" name="package" onchange="choosePackage()" required>
                                    </select>
            </div>
            <div class="col-xs-6">
                <label for="name_en">Event Date</label>

                <div class='input-group datetime' id='datetimepicker2'>
                    <input value="{{$n_q->event_date}}" type='text' name="date" class="form-control" required />
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>


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


    </div>

    <div class="form-group row">




        <div class="col-xs-12">
            <label for="ex2">Select Services</label>
            <select class="select-2" name="ex2[]" multiple id="ex2" onchange="selectNum()" required>
                            </select>
        </div>
    </div>


    <div class="form-group row">
        <div class="col-xs-12">
            <table id="itemList" class="table table-bordered table-hover">
                <thead>
                    <tr>
                        <td>#.</td>

                        <td>Name</td>
                        <td>Price</td>
                        <td>Quantity</td>
                        <td>Sub Total</td>
                        <td> </td>
                        <td> </td>
                        <!-- <td>Action</td> -->
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </div>
    <div class="form-group row">

        <div class="col-xs-4">
            <label for="name_en">Actual Price</label>
            <input type='number' name="a_price" value="0" id="t_price" class="form-control" readonly />
        </div>


        <div class="col-xs-4">
            <label for="name_en">Dicount %</label>
            <input type='number' name="discount" value="0" id="discount" oninput="updatePrices()" class="form-control" />
        </div>
        <div class="col-xs-4">
            <label for="name_en">Final Payment</label>
            <input type='text' name="f_amount" value="0" id="final_payment" class="form-control" oninput="setTwoNumberDecimal(this)" readonly />
        </div>
    </div>




    <div class="form-group row">

        <div class="col-xs-6">
            <label for="name_en">Vat</label>
            <input type='number' value="{{$n_q->vat}}" name="vat" value="0" id="vat" oninput="setTwoNumberDecimal(this)" class="form-control" readonly />
        </div>
        <div class="col-xs-6">
            <label for="name_en">Total Amount</label>
            <input type='text' $value="{{$n_q->grand_total}}" name="g_t_price" value="0" id="total_amount" class="form-control" oninput="setTwoNumberDecimal(this)" />
        </div>
    </div>





    <div class="form-group row">
        <div class="col-xs-4" style="display:none;">
            <label for="name_en">Paid Amount</label>
            <input type='number' step="0.01" name="paid" value="0" id="paid" oninput="updatePrices()" class="form-control" />
        </div>
        <div class="col-xs-4">
            <label for="name_en">Pending Amount</label>
            <input type='number' name="pending" value="0" id="pending" class="form-control" readonly oninput="setTwoNumberDecimal(this)" />
        </div>

        <div class="col-xs-4">
            <label for="name_en">Payment Status</label>
            <input type='text' name="status" value="Pending" id="status" class="form-control" readonly />
        </div>

    </div>







    <div class="form-group">
        <label for="description_ar">
            Description
        </label>
        <textarea  class="form-control" name="note" id="note_ar" rows="3">{{$n_q->terms_and_conditions}}</textarea>
    </div>


    <button type="submit" class="btn btn-primary">Update</button>