@extends('layouts.usermaster')
@section('style')
    <style>
        /* CSS for responsiveness */
        @media (max-width: 767px) { /* Adjust this breakpoint as needed */
            .table-responsive {
                overflow-x: auto;
            }
            .table-responsive .table {
                margin-bottom: 0; /* Adjust margin as needed */
            }
        }
        .new{
            float: inline-end;
        }
    </style>
@endsection
@section('content')
<!-- Content Header (Page header) -->
<div class="content-header">
    <div class="container-fluid">
      <div class="row mb-2">
        <div class="col-sm-6">
          <h1 class="m-0">Operation Booking Modification</h1>
        </div><!-- /.col -->
        <div class="col-sm-6">
          <ol class="breadcrumb float-sm-right">
            <li class="breadcrumb-item"><a href="{{ url('/user/dashboard') }}">Home</a></li>
            <li class="breadcrumb-item active">Operation Booking Modification</li>
          </ol>
        </div><!-- /.col -->
      </div><!-- /.row -->
    </div><!-- /.container-fluid -->
  </div>
  <!-- /.content-header -->
  <!-- Main content -->
  <section class="content">
    <div class="container-fluid">

      <!-- Main row -->
      <div class="row">
        <!-- Left col -->
        <section class="col-lg-12">
          <!-- Custom tabs (Charts with tabs)-->
          <div class="card">
            <div class="card-header">
              {{-- <h3 class="card-title">
                <i class="fas fa-chart-pie mr-1"></i>
                Sales
              </h3> --}}
              <div class="card-tools">
                <ul class="nav nav-pills ml-auto">
                  <li class="nav-item">
                    {{-- <a class="nav-link" href="#revenue-chart" data-toggle="tab">Create</a> --}}
                    <button value="Back" type="Button" onclick="history.go(-1);" class="btn btn-info float-right">Back</button>
                  </li>
                  {{-- <li class="nav-item">
                    <a class="nav-link" href="#sales-chart" data-toggle="tab">Donut</a>
                  </li> --}}
                </ul>
              </div>
            </div><!-- /.card-header -->
            <div class="card-body">
                <form action="{{ route('operation/booking/received/update') }}" method="post">
                    @csrf
                    <input type="hidden" name="bookingid" value="{{ $bookings->id }}" readonly>
                    <div class="row">
                        <div class="col-lg-3">
                            <label class="" for="">Handover Date</label>
                            <input type="date" name="handover_date" class="form-control" value="{{ $bookings->handover_date }}">
                            <span class="text-danger error-text handover_date_error"></span>
                        </div>

                        <div class="col-lg-3">
                            <label for="">Travel_date</label>
                            <input type="date" class="form-control" name="travel_date" value="{{ $bookings->travel_date }}">
                            <span class="text-danger error-text travel_date_error"></span>
                        </div>

                        <div class="col-lg-3">
                            <label for="">Travel_end_date</label>
                            <input type="date" class="form-control" name="travel_end_date" value="{{ $bookings->travel_end_date }}">
                            <span class="text-danger error-text travel_date_error"></span>
                        </div>

                        <div class="col-lg-3">
                            <label for="">Client Name</label>
                            <select name="client_name" id="client_name" class="select2 w-100 @error('client_name') is-invalid @enderror">
                                <option>-- Select --</option>
                                @foreach ($clients as $client)
                                    <option value="{{ $client->id }}" {{ ($client->id == $bookings->client_name) ? 'selected' : '' }}>
                                        {{ $client->clientname }}
                                    </option>
                                @endforeach
                            </select>
                            @error('client_name')
                                <div class="text-danger">{{ $message }}</div>
                            @enderror
                            <span class="text-danger error-text client_name_error"></span>
                        </div>

                        <div class="col-lg-3 mt-2">
                            <label for="">Client Number</label>
                            <input type="text" name="client_number" id="client_number" class="form-control" value="{{ $bookings->client_number }}">
                            <span class="text-danger error-text hotel_invoice_amt_error"></span>
                        </div>

                        <div class="col-lg-3 mt-2">
                            <label for="">Sales POC</label>
                            <select name="sales_poc" class="select2 w-100 @error('sales_poc') is-invalid @enderror">
                                <option selected="selected" disabled>-- Select --</option>
                                @foreach ($salespocs as $salespoc)
                                    <option value="{{ $salespoc->id }}" {{ ($salespoc->id == $bookings->id) ? 'selected' : ''  }}>{{ $salespoc->name }}</option>
                                @endforeach
                            </select>
                            @error('sales_poc')
                                <div class="text-danger">{{ $message }}</div>
                            @enderror
                            <span class="text-danger error-text sales_poc_error"></span>
                        </div>

                        <div class="col-lg-3 mt-2">
                            <label for="">destination</label>
                            <select name="destination" class="select2 w-100 @error('destination') is-invalid @enderror">
                                <option selected="selected" disabled>-- Select --</option>
                                @foreach ($destinations as $items)
                                    <option value="{{ $items->id }}" {{ ($items->id == $bookings->destination) ? 'selected' : ''  }}>{{ $items->name }}</option>
                                @endforeach
                            </select>
                            @error('destination')
                                <div class="text-danger">{{ $message }}</div>
                            @enderror
                            <span class="text-danger error-text destination_error"></span>
                        </div>

                        <div class="col-lg-3 mt-2">
                            <label for="">OPS POC</label>
                            <select name="ops_poc" class="select2 w-100 @error('ops_poc') is-invalid @enderror">
                                <option selected="selected" disabled>-- Select --</option>
                                @foreach ($opspoc as $items)
                                    <option value="{{ $items->id }}" {{ ($items->id == $bookings->ops_poc) ? 'selected' : ''  }}>{{ $items->name }}</option>
                                @endforeach
                            </select>
                            @error('ops_poc')
                                <div class="text-danger">{{ $message }}</div>
                            @enderror
                            <span class="text-danger error-text ops_poc_error"></span>
                        </div>

                        <div class="col-lg-3 mt-2">
                            <label for="">Service Type</label>
                            <select name="service_type" class="select2 w-100 @error('service_type') is-invalid @enderror">
                                <option selected="selected" disabled>-- Select --</option>
                                @foreach ($servietypes as $servietype)
                                    <option value="{{ $servietype->id }}" {{ ($servietype->id == $bookings->service_type) ? 'selected' : ''  }}>{{ $servietype->name }}</option>
                                @endforeach
                            </select>
                            @error('service_type')
                                <div class="text-danger">{{ $message }}</div>
                            @enderror
                            <span class="text-danger error-text service_type_error"></span>
                        </div>
                    </div>
                    <hr>
                    <div class="row bg-light pb-3 pt-3">
                        <div class="col-lg-6" style="border-right: 2px solid #007bff;">
                            <div class="text-dark p-3 text-bold h4 text-center border bg-primary mt-2">Sales 'Person' Entry</div>
                            <div class="row">
                                <div class="col-lg-6 mt-2">
                                    <label for="">Hotel Invoice Amount</label>
                                    <input type="text" name="hotel_invoice_amt" class="form-control" id="hotelinvamount" value="{{ $bookings->hotel_invoice_amt }}" readonly>
                                    <span class="text-danger error-text hotel_invoice_amt_error"></span>
                                </div>

                                <div class="col-lg-6 mt-2">
                                    <label for="">Land Inv Amt and Total Amount</label>
                                    <input type="text" name="land_invoice_amt_and_total_amt" class="form-control" id="landinvamount" value="{{ $bookings->land_invoice_amt_and_total_amt }}" readonly>
                                    <span class="text-danger error-text land_invoice_amt_and_total_amt_error"></span>
                                </div>

                                <div class="col-lg-6 mt-2">
                                    <label for="">Seller GOP with GST</label>
                                    <input type="text" name="sales_gop_with_gst" id="sales_gop_with_gst" class="form-control" value="{{ $bookings->sales_gop_with_gst }}" readonly>
                                    <span class="text-danger error-text sales_gop_with_gst_error"></span>
                                </div>

                                <div class="col-lg-6 mt-2">
                                    <label for="">Health Insurance</label>
                                    <input type="text" name="health_insurance" class="form-control" id="healthinsureance" value="{{ $bookings->health_insurance }}" readonly>
                                    <span class="text-danger error-text health_insurance_error"></span>
                                </div>

                                <div class="col-lg-6 mt-2">
                                    <label for="">Cruise Invoice</label>
                                    <input type="text" name="cruise_invoice" class="form-control" id="cruiseinv" value="{{ $bookings->cruise_invoice }}" readonly>
                                    <span class="text-danger error-text cruise_invoice_error"></span>
                                </div>
                                <div class="col-lg-6 mt-2">
                                    <label for="">Flight Invoice</label>
                                    <input type="text" name="flight_invoice" class="form-control" id="flight" value="{{ $bookings->flight_invoice }}" readonly>
                                    <span class="text-danger error-text flight_invoice_error"></span>
                                </div>

                                <div class="col-lg-6 mt-2">
                                    <label for="">Visa</label>
                                    <input type="text" name="visa" class="form-control" id="visa" value="{{ $bookings->visa }}" readonly>
                                    <span class="text-danger error-text visa_error"></span>
                                </div>


                                <div class="col-lg-6 mt-2">
                                    <label for="">TCS</label>
                                    <input type="text" name="tcs" class="form-control" id="tcs" value="{{ $bookings->tcs }}" readonly>
                                    <span class="text-danger error-text tcs_error"></span>
                                </div>

                                <div class="col-lg-6 mt-2">
                                    <label for="">Seller GOP without GST</label>
                                    <input type="text" name="saller_gop_without_gst" id="saller_gop_without_gst" class="form-control input-field" value="{{ $bookings->saller_gop_without_gst }}" readonly>
                                    <span class="text-danger error-text saller_gop_without_gst_error"></span>
                                </div>

                                {{-- <div class="col-lg-6 mt-2">
                                    <label for="">OPS Booking Amount</label>
                                    <input type="text" name="ops_booking_amt" class="form-control" value="{{ $bookings->ops_booking_amt }}" readonly>
                                    <span class="text-danger error-text ops_booking_amt_error"></span>
                                </div> --}}

                                <div class="col-lg-6 mt-2">
                                    <label for="">Seller Selling Amount</label>
                                    <input type="text" name="seller_selling_amount" id="seller_selling_amount" class="form-control" value="{{ $bookings->seller_selling_amt }}" readonly>
                                    <span class="text-danger error-text seller_selling_amt_error"></span>
                                </div>

                                {{-- <div class="col-lg-6 mt-2">
                                    <label for="">OPS GOP</label>
                                    <input type="text" name="ops_gop" id="ops" class="form-control" value="{{ $bookings->ops_gop }}" readonly>
                                    <span class="text-danger error-text ops_gop_error"></span>
                                </div> --}}

                                {{-- <div class="col-lg-6 mt-2">
                                    <label for="">OPS GOP without GST</label>
                                    <input type="text" name="ops_gop_without_gst" id="ops_gop_without_gst" class="form-control" value="{{ $bookings->ops_gop_without_gst }}" readonly>
                                    <span class="text-danger error-text ops_gop_without_gst_error"></span>
                                </div> --}}

                                {{-- <div class="col-lg-6 mt-2">
                                    <label for="">Final GOP without GST</label>
                                    <input type="text" name="final_gop_without_gst" id="final_gop_without_gst" class="form-control" value="{{ $bookings->final_gop_without_gst }}" readonly>
                                    <span class="text-danger error-text final_gop_without_gst_error"></span>
                                </div> --}}

                                <div class="col-lg-6 mt-2">
                                    <label for="">Amount Received</label>
                                    <input type="text" name="amt_received" id="amt_received" class="form-control" value="{{ $bookings->amt_received }}" readonly>
                                    <span class="text-danger error-text amt_received_error"></span>
                                </div>


                                <div class="col-lg-6 mt-2">
                                    <label for="">Amount Left</label>
                                    <input type="text" name="amt_left" id="amt_left" class="form-control" value="{{ $bookings->amt_left }}" readonly>
                                    <span class="text-danger error-text amt_left_error"></span>
                                </div>

                                {{-- <div class="col-lg-6 mt-2">
                                    <label for="">Amount Refund to Client</label>
                                    <input type="text" name="amt_refund_to_client" class="form-control" value="{{ $bookings->amt_refund_to_client }}">
                                    <span class="text-danger error-text amt_refund_to_client_error"></span>
                                </div> --}}
                                {{-- <div class="col-lg-6 mt-2">
                                    <label for="">Amount Refund Reason</label>
                                    <input type="text" name="amt_refund_region" class="form-control" value="{{ $bookings->amt_refund_region }}">
                                    <span class="text-danger error-text amt_refund_to_client_error"></span>
                                </div> --}}

                                <div class="col-lg-12 mt-2">
                                    <label for="">Payment Status</label>
                                    <input type="hidden" name="payment_status" value="{{ $bookings->payment_status }}" readonly>
                                    <select name="payment_status" class="select2 w-100 @error('payment_status') is-invalid @enderror" disabled>
                                        <option>-- Select --</option>
                                        <option value="Yes" {{ ('Yes' == $bookings->payment_status) ? 'selected' : '' }}>Yes</option>
                                    </select>
                                    @error('payment_status')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                    <span class="text-danger error-text payment_status_error"></span>
                                </div>


                                {{-- <div class="col-lg-6 mt-2">
                                    <label for="">Acknowledgement Hanover Status</label>
                                    <select name="acknowledgement_hanoverstatus" class="select2 w-100 @error('acknowledgement_hanoverstatus') is-invalid @enderror">
                                        <option selected="selected" disabled>-- Select --</option>
                                        <option value="Yes" {{ ('Yes' == $bookings->acknowledgement_hanoverstatus) ? 'selected' : '' }}>Yes</option>
                                    </select>
                                    @error('acknowledgement_hanoverstatus')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                    <span class="text-danger error-text acknowledgement_hanoverstatus_error"></span>
                                </div> --}}

                                {{-- <div class="col-lg-8 mt-2">
                                    <label for="">Acknowledgement Hanover Remarks</label>
                                    <input type="text" name="acknowledgement_hanoverremarks" class="form-control" value="{{ $bookings->acknowledgement_hanoverremarks }}">
                                    <span class="text-danger error-text acknowledgement_hanoverremarks_error"></span>
                                </div> --}}

                                {{-- <div class="col-lg-4 mt-2">
                                    <label for="">File Status</label>
                                    <select name="file_status" class="select2 w-100 @error('file_status') is-invalid @enderror">
                                        <option selected="selected" disabled>-- Select --</option>
                                        <option value="Yes" {{ ('Yes' == $bookings->file_status) ? 'selected' : '' }}>Yes</option>
                                    </select>
                                    @error('file_status')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                    <span class="text-danger error-text file_status_error"></span>
                                </div> --}}

                                {{-- <div class="col-lg-6 mt-2">
                                    <label for="">Hotel Vouchered Status</label>
                                    <select name="hotel_vouchered_status" class="select2 w-100 @error('hotel_vouchered_status') is-invalid @enderror">
                                        <option selected="selected" disabled>-- Select --</option>
                                        <option value="Yes" {{ ('Yes' == $bookings->hotel_vouchered_status) ? 'selected' : '' }}>Yes</option>
                                    </select>

                                    @error('hotel_vouchered_status')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                    <span class="text-danger error-text hotel_vendor_error"></span>
                                </div> --}}

                                {{-- <div class="col-lg-6 mt-2">
                                    <label for="">Vendor Payment</label>
                                    <input type="text" name="vendor_payment" class="form-control" value="{{ $bookings->vendor_payment }}">
                                    <span class="text-danger error-text vendor_payment_error"></span>
                                </div> --}}

                                {{-- <div class="col-lg-6 mt-2">
                                    <label for="">Land Voucher Status</label>
                                    <select name="land_voucher_status" class="select2 w-100 @error('land_voucher_status') is-invalid @enderror">
                                        <option selected="selected" disabled>-- Select --</option>
                                        <option value="Yes" {{ ('Yes' == $bookings->land_voucher_status) ? 'selected' : '' }}>Yes</option>
                                    </select>
                                    @error('land_voucher_status')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                    <span class="text-danger error-text land_voucher_status_error"></span>
                                </div> --}}

                                {{-- <div class="col-lg-6 mt-2">
                                    <label for="">Visa</label>
                                    <input type="text" name="visa_two" class="form-control" value="{{ $bookings->visa_two }}">
                                    <span class="text-danger error-text visa_two_error"></span>
                                </div> --}}

                                <div class="col-lg-12 mt-2">
                                    <label for="">Remarks</label>
                                    <textarea name="ops_remarks" class="form-control" rows="3">{{ $bookings->ops_remarks }}</textarea>
                                    <span class="text-danger error-text ops_remarks_error"></span>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6" style="border-left: 2px solid #007bff;">
                            <div class="text-dark p-3 text-bold h4 text-center border bg-primary mt-2">Operation 'Person' Entry</div>
                            <div class="row">
                                <div class="col-lg-6 mt-2">
                                    <label for="">Hotel Invoice Amount</label> <span style="font-size: 10px;font-weight: 800;color: coral;">(Offer Price)</span>
                                    <input type="text" name="hotel_invoice_amt" id="hotelinvamountoffer" class="form-control input-field">
                                    <span class="text-danger error-text hotel_invoice_amt_error"></span>
                                </div>

                                <div class="col-lg-6 mt-2">
                                    <label for="">Land Inv Amt & Total Amt</label> <span style="font-size: 10px;font-weight: 800;color: coral;">(Offer Price)</span>
                                    <input type="text" name="land_invoice_amt_and_total_amt" id="landinvamountoffer" class="form-control input-field">
                                    <span class="text-danger error-text land_invoice_amt_and_total_amt_error"></span>
                                </div>

                                <div class="col-lg-6 mt-2">
                                    <label for="">Seller GOP with GST</label> <span style="font-size: 10px;font-weight: 800;color: coral;">(Offer Price)</span>
                                    <input type="text" name="sales_gop_with_gst" id="sales_gop_with_gst_offer" class="form-control">
                                    <span class="text-danger error-text sales_gop_with_gst_error"></span>
                                </div>

                                <div class="col-lg-6 mt-2">
                                    <label for="">Health Insurance</label> <span style="font-size: 10px;font-weight: 800;color: coral;">(Offer Price)</span>
                                    <input type="text" name="health_insurance" class="form-control" id="healthinsureance_offer">
                                    <span class="text-danger error-text health_insurance_error"></span>
                                </div>

                                <div class="col-lg-6 mt-2">
                                    <label for="">Cruise Invoice</label> <span style="font-size: 10px;font-weight: 800;color: coral;">(Offer Price)</span>
                                    <input type="text" name="cruise_invoice" class="form-control input-field" id="cruiseinv_offer">
                                    <span class="text-danger error-text cruise_invoice_error"></span>
                                </div>
                                <div class="col-lg-6 mt-2">
                                    <label for="">Flight Invoice</label> <span style="font-size: 10px;font-weight: 800;color: coral;">(Offer Price)</span>
                                    <input type="text" name="flight_invoice" class="form-control" id="flight_offer">
                                    <span class="text-danger error-text flight_invoice_error"></span>
                                </div>

                                <div class="col-lg-6 mt-2">
                                    <label for="">Visa</label> <span style="font-size: 10px;font-weight: 800;color: coral;">(Offer Price)</span>
                                    <input type="text" name="visa" class="form-control" id="visa_offer">
                                    <span class="text-danger error-text visa_error"></span>
                                </div>

                                <div class="col-lg-6 mt-2">
                                    <label for="">TCS</label> <span style="font-size: 10px;font-weight: 800;color: coral;">(Offer Price)</span>
                                    <input type="text" name="tcs" id="tcs_offer" class="form-control booking" readonly>
                                    <span class="text-danger error-text tcs_error"></span>
                                </div>

                                <div class="col-lg-6 mt-2">
                                    <label for="">Seller GOP without GST</label> <span style="font-size: 10px;font-weight: 800;color: coral;">(Offer Price)</span>
                                    <input type="text" name="saller_gop_without_gst" id="saller_gop_without_gst_offer" class="form-control input-field" readonly>
                                    <span class="text-danger error-text saller_gop_without_gst_error"></span>
                                </div>

                                <div class="col-lg-6 mt-2">
                                    <label for="">Seller Selling Amount</label> <span style="font-size: 10px;font-weight: 800;color: coral;">(Offer Price)</span>
                                    <input type="text" name="seller_selling_amt" id="seller_selling_amount_offer" class="form-control">
                                    <span class="text-danger error-text seller_selling_amt_error"></span>
                                </div>

                                <div class="col-lg-6 mt-2">
                                    <label for="">Amount Received</label> <span style="font-size: 10px;font-weight: 800;color: coral;">(Offer Price)</span>
                                    <input type="text" name="amt_received" id="amt_received_offer" class="form-control" readonly>
                                    <span class="text-danger error-text amt_received_error"></span>
                                </div>

                                <div class="col-lg-6 mt-2">
                                    <label for="">Amount Left</label> <span style="font-size: 10px;font-weight: 800;color: coral;">(Offer Price)</span>
                                    <input type="text" name="amt_left" id="amt_left_offer" class="form-control" readonly>
                                    <span class="text-danger error-text amt_left_error"></span>
                                </div>

                                <div class="col-lg-12 mt-2">
                                    <label for="">Payment Status</label> <span style="font-size: 10px;font-weight: 800;color: coral;">(Offer Price)</span>
                                    <select name="payment_status" class="select2 w-100 @error('payment_status') is-invalid @enderror">
                                        <option>-- Select --</option>
                                        <option value="Yes">Yes</option>
                                    </select>
                                    @error('payment_status')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                    <span class="text-danger error-text payment_status_error"></span>
                                </div>

                                <div class="col-lg-12 mt-2">
                                    <label for="">Remarks</label> <span style="font-size: 10px;font-weight: 800;color: coral;">(Offer Price)</span>
                                    <textarea name="ops_remarks" class="form-control" rows="3"></textarea>
                                    <span class="text-danger error-text ops_remarks_error"></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-4 mt-2">
                            <label for="">OPS Booking Amount</label> <span style="font-size: 10px;font-weight: 800;color: coral;">(Offer Price)</span>
                            <input type="text" name="ops_booking_amt" class="form-control" id="ops_booking_amt" readonly>
                            <span class="text-danger error-text ops_booking_amt_error"></span>
                        </div>
                        <div class="col-lg-4 mt-2">
                            <label for="">OPS GOP</label> <span style="font-size: 10px;font-weight: 800;color: coral;">(Offer Price)</span>
                            <input type="text" name="ops_gop" id="ops_gop_offer" class="form-control" readonly>
                            <span class="text-danger error-text ops_gop_error"></span>
                        </div>

                        <div class="col-lg-4 mt-2">
                            <label for="">OPS GOP without GST</label> <span style="font-size: 10px;font-weight: 800;color: coral;">(Offer Price)</span>
                            <input type="text" name="ops_gop_without_gst" id="ops_gop_without_gst" class="form-control" readonly>
                            <span class="text-danger error-text ops_gop_without_gst_error"></span>
                        </div>

                        <div class="col-lg-4 mt-2">
                            <label for="">Final GOP without GST</label> <span style="font-size: 10px;font-weight: 800;color: coral;">(Offer Price)</span>
                            <input type="text" name="final_gop_without_gst" id="final_gop_without_gst" class="form-control" readonly>
                            <span class="text-danger error-text final_gop_without_gst_error"></span>
                        </div>

                        <div class="col-lg-4 mt-2">
                            <label for="">Amount Refund to Client</label> <span style="font-size: 10px;font-weight: 800;color: coral;">(Offer Price)</span>
                            <input type="text" name="amt_refund_to_client" class="form-control">
                            <span class="text-danger error-text amt_refund_to_client_error"></span>
                        </div>
                        <div class="col-lg-4 mt-2">
                            <label for="">Amount Refund Reason</label> <span style="font-size: 10px;font-weight: 800;color: coral;">(Offer Price)</span>
                            <input type="text" name="amt_refund_region" class="form-control">
                            <span class="text-danger error-text amt_refund_to_client_error"></span>
                        </div>
                        <div class="col-lg-4 mt-2">
                            <label for="">Acknowledgement Hanover</label> <span style="font-size: 8px;font-weight: 800;color: coral;">(Offer Price)</span>
                            <select name="acknowledgement_hanoverstatus" class="select2 w-100 @error('acknowledgement_hanoverstatus') is-invalid @enderror">
                                <option selected="selected" disabled>-- Select --</option>
                                <option value="Yes">Yes</option>
                            </select>
                            @error('acknowledgement_hanoverstatus')
                                <div class="text-danger">{{ $message }}</div>
                            @enderror
                            <span class="text-danger error-text acknowledgement_hanoverstatus_error"></span>
                        </div>

                        <div class="col-lg-4 mt-2">
                            <label for="">Acknowledgement Hanover Remark</label> <span style="font-size: 10px;font-weight: 800;color: coral;">(Offer Price)</span>
                            <input type="text" name="acknowledgement_hanoverremarks" class="form-control">
                            <span class="text-danger error-text acknowledgement_hanoverremarks_error"></span>
                        </div>

                        <div class="col-lg-4 mt-2">
                            <label for="">File Status</label> <span style="font-size: 10px;font-weight: 800;color: coral;">(Offer Price)</span>
                            <select name="file_status" class="select2 w-100 @error('file_status') is-invalid @enderror">
                                <option selected="selected" disabled>-- Select --</option>
                                <option value="Yes">Yes</option>
                            </select>
                            @error('file_status')
                                <div class="text-danger">{{ $message }}</div>
                            @enderror
                            <span class="text-danger error-text file_status_error"></span>
                        </div>

                        <div class="col-lg-4 mt-2">
                            <label for="">Hotel Vouchered Status</label> <span style="font-size: 10px;font-weight: 800;color: coral;">(Offer Price)</span>
                            <select name="hotel_vouchered_status" class="select2 w-100 @error('hotel_vouchered_status') is-invalid @enderror">
                                <option selected="selected" disabled>-- Select --</option>
                                <option value="Yes">Yes</option>
                            </select>

                            @error('hotel_vouchered_status')
                                <div class="text-danger">{{ $message }}</div>
                            @enderror
                            <span class="text-danger error-text hotel_vendor_error"></span>
                        </div>

                        <div class="col-lg-4 mt-2">
                            <label for="">Vendor Payment</label> <span style="font-size: 10px;font-weight: 800;color: coral;">(Offer Price)</span>
                            <input type="text" name="vendor_payment" class="form-control">
                            <span class="text-danger error-text vendor_payment_error"></span>
                        </div>

                        <div class="col-lg-4 mt-2">
                            <label for="">Land Voucher Status</label> <span style="font-size: 10px;font-weight: 800;color: coral;">(Offer Price)</span>
                            <select name="land_voucher_status" class="select2 w-100 @error('land_voucher_status') is-invalid @enderror">
                                <option selected="selected" disabled>-- Select --</option>
                                <option value="Yes">Yes</option>
                            </select>
                            @error('land_voucher_status')
                                <div class="text-danger">{{ $message }}</div>
                            @enderror
                            <span class="text-danger error-text land_voucher_status_error"></span>
                        </div>

                        <div class="col-lg-4 mt-2">
                            <label for="">Visa</label> <span style="font-size: 10px;font-weight: 800;color: coral;">(Offer Price)</span>
                            <input type="text" name="visa_two" class="form-control">
                            <span class="text-danger error-text visa_two_error"></span>
                        </div>
                    </div>
                    {{-- {{ $modeofpayments }} --}}
                    {{-- money selected table --}}
                    <div class="container-fluid mt-3">
                        <div class="row">
                            <div class="col-sm-12">
                                <a href="#" id="NewRow" class="btn btn-success new">+Add New</a>
                            </div>
                        </div>
                    </div>
                    <div class="container-fluid">
                        {{-- <div class="table-responsive"> --}}
                            <table class="w-100 mt-2" style="border: 1px solid #eee;">
                                <thead>
                                    <tr>
                                        <th style="border: 1px solid #000;margin-left: 8px;width: 50px;text-align: center;">Sr.No.</th>
                                        <th style="border: 1px solid #000;margin-left: 8px;width: 350px;text-align: center;">Money Received</th>
                                        <th style="border: 1px solid #000;margin-left: 8px;width: 170px;text-align: center;">Mode of Payment</th>
                                        <th style="border: 1px solid #000;margin-left: 8px;width: 170px;text-align: center;">Received Date</th>
                                        <th style="border: 1px solid #000;margin-left: 8px;width: 220px;text-align: center;">Payment Screenshot</th>
                                        <th style="border: 1px solid #000;margin-left: 8px;width: 50px;text-align: center;">Action</th>
                                    </tr>
                                </thead>
                                <tbody id="money_receive">
                                    <input type="hidden" value="{{$booking_item_leads}}" id="row_countA">
                                    @php
                                        $numItems = count($booking_item);
                                        $i = 0;
                                    @endphp
                                    @foreach ($booking_item as $book_item)
                                    @if(++$i === $numItems)@endif
                                    <tr id="rowA{{ $i }}">
                                        <td><input type="text" class="form-control form-control-sm" value="{{ $i }}" readonly> <input type="hidden" name="item[{{ $i }}][id]" value="{{ $book_item->id }}" readonly> </td>
                                        <td><input type="text" name="item[{{ $i }}][money_received]" class="form-control form-control-sm money_received" value="{{ $book_item->money_received }}"></td>
                                        <td><select name="item[{{ $i }}][mode_of_payment]" class="form-control form-control-sm mode-of-payment"><option value="0" selected>--- Select ---</option>@foreach ($modeofpayments as $payment)<option value="{{$payment->id}}" {{ ($payment->id == $book_item->mode_of_payment) ? 'selected' : '' }}>{{$payment->name}}</option>@endforeach</select></td>
                                        <td><input type="date" name="item[{{ $i }}][received_date]" class="form-control form-control-sm" value="{{ $book_item->received_date }}"></td>
                                        <td class="text-center"><a href="{{ route('img/show',$book_item->id) }}" target="_blank"><img src="{{ url('booking',$book_item->payment_screenshort) }}" class="img-fluid" width="50" height="30" alt=""></a></td>
                                        <td class="text-center"><button class="btn btn-danger btn-sm delete-row"><i class="fas fa-trash"></i></button></td>
                                    </tr>
                                    @endforeach
                                </tbody>
                                <tfoot>
                                    {{-- <tr>
                                        <td colspan="5"></td>
                                        <td>Grand Total:</td>
                                        <td id="grandTotal">0.00</td>
                                    </tr> --}}
                                </tfoot>
                            </table>
                        {{-- </div> --}}
                    </div>

                    {{--Booking Calculation  --}}
                    <div class="container-fluid mt-3">
                        <div class="row">
                            <div class="col-sm-12">
                                <a href="#" id="addNewRow" class="btn btn-success new" >+Add New </a>
                            </div>
                        </div>
                    </div>
                    <div class="container-fluid">
                        {{-- <div class="table-responsive"> <!-- Add this wrapper for responsiveness --> --}}
                            <table class="w-100 mt-2" style="border: 1px solid #eee;">
                                <thead>
                                    <tr>
                                        <th style="border: 1px solid #000;margin-left: 8px;width: 25px;text-align: center;">Sr No</th>
                                        <th style="border: 1px solid #000;margin-left: 8px;width: 40px;text-align: center;">Flight Cost</th>
                                        <th style="border: 1px solid #000;margin-left: 8px;width: 150px;text-align: center;">Description</th>
                                        <th style="border: 1px solid #000;margin-left: 8px;width: 50px;text-align: center;">Hotel Vendor</th>
                                        <th style="border: 1px solid #000;margin-left: 8px;width: 50px;text-align: center;">Land Vendor</th>
                                        <th style="border: 1px solid #000;margin-left: 8px;width: 20px;text-align: center;">Pax</th>
                                        <th style="border: 1px solid #000;margin-left: 8px;width: 50px;text-align: center;">Unit Rate</th>
                                        <th style="border: 1px solid #000;margin-left: 8px;width: 50px;text-align: center;">Total</th>
                                        <th style="border: 1px solid #000;margin-left: 8px;width: 50px;text-align: center;">Status</th>
                                        <th style="border: 1px solid #000;margin-left: 8px;width: 50px;text-align: center;">Action</th>
                                    </tr>
                                </thead>
                                <tbody id="tableBody">
                                    <input type="hidden" value="{{$bookingCalculations_item_leads}}" id="row_countB">
                                    @php
                                        $numItemstwo = count($bookingCalculations_item);
                                        $j = 0;
                                    @endphp
                                    @foreach ($bookingCalculations_item as $book_cal_item)
                                    @if(++$j === $numItemstwo)@endif
                                    <tr id="rowB{{ $j }}">
                                        <td><input type="text" class="form-control form-control-sm" value="{{ $j }}" readonly> <input type="hidden" name="items[{{ $j }}][id]" value="{{ $book_cal_item->id }}" readonly></td>
                                        <td><input type="text" name="items[{{ $j }}][flight_cost]" class="form-control form-control-sm" value="{{ $book_cal_item->flight_cost }}"></td>
                                        <td><input type="text" name="items[{{ $j }}][description]" class="form-control form-control-sm" value="{{ $book_cal_item->description }}"></td>
                                        <td><select name="items[{{ $j }}][hotel_vendor]" class="form-control form-control-sm"><option value="0" selected>--- Select ---</option>@foreach ($hotelvendors as $hotel)<option value="{{$hotel->id}}" {{ ($hotel->id == $book_cal_item->hotel_vendor) ? 'selected' : '' }}>{{$hotel->name}}</option>@endforeach</select></td>
                                        <td><select name="items[{{ $j }}][land_vendor]" class="form-control form-control-sm"><option value="0" selected>--- Select ---</option>@foreach ($landvendors as $land)<option value="{{$land->id}}" {{ ($land->id == $book_cal_item->land_vendor) ? 'selected' : '' }}>{{$land->name}}</option>@endforeach</select></td>
                                        <td><input type="text" name="items[{{ $j }}][qty]" class="form-control form-control-sm qty" value="{{ $book_cal_item->qty }}"></td>
                                        <td><input type="text" name="items[{{ $j }}][unit_rate]" class="form-control form-control-sm unit-rate" value="{{ $book_cal_item->unit_rate }}"></td>
                                        <td><input type="text" name="items[{{ $j }}][total]" class="form-control form-control-sm total" value="{{ $book_cal_item->total }}" readonly></td>
                                        <td><select name="items[{{ $j }}][status]" class="form-control form-control-sm"><option value="0" selected>--- Select ---</option><option value="1" {{ (1 == $book_cal_item->status) ? 'selected' : '' }}>Hold Booked</option><option value="2" {{ (2 == $book_cal_item->status) ? 'selected' : '' }}>Not Booked</option></select></td>
                                        <td class="text-center"><button class="btn btn-danger btn-sm"><i class="fas fa-trash"></i></button></td>
                                    </tr>
                                    @endforeach
                                </tbody>
                                <tfoot>
                                    <tr >
                                        <td colspan="5"></td>
                                        <td>Grand Total:</td>
                                        <td id="grandTotal">0.00</td>
                                    </tr>
                                </tfoot>
                            </table>
                        {{-- </div> --}}
                    </div>
                    <div class="row mt-3">
                        <div class="col-lg-6">
                            <button type="submit" class="btn btn-primary">Submit</button>
                        </div>
                    </div>
                </form>
            </div><!-- /.card-body -->
          </div>
          <!-- /.card -->
        </section>
        <!-- right col -->
      </div>
      <!-- /.row (main row) -->
    </div><!-- /.container-fluid -->
  </section>
    @section('script')
            {{-- <script>
                var hotelVendorsData = {!! json_encode($hotelvendors) !!};
                var landVendorsData = {!! json_encode($landvendors) !!};
                var modeofpaymentsData = {!! json_encode($modeofpayments) !!};
            </script> --}}

        {{-- table data calculation --}}
            <script>
                $(document).ready(function(){
                    // money recieved
                        // var count = 1;
                        $('#NewRow').click(function(event) {
                            var row_countA = $('#row_countA').val();
                            // alert(row_countA);
                            row_countA++;
                            event.preventDefault();
                            var newRow = '<tr id="rowA'+row_countA+'">' +
                                '<td><input type="text" class="form-control form-control-sm" value="' + row_countA + '" readonly></td>' +
                                '<td><input type="text" name="item[' + row_countA + '][money_received]" class="form-control form-control-sm money_received"></td>' +
                                '<td><select name="item[' + row_countA + '][mode_of_payment]" class="form-control form-control-sm"><option value="0" selected>--- Select ---</option>@foreach ($modeofpayments as $payment)<option value="{{$payment->id}}">{{$payment->name}}</option>@endforeach</select></td>' +
                                '<td><input type="date" name="item[' + row_countA + '][received_date]" class="form-control form-control-sm"></td>' +
                                '<td><input type="file" name="item[' + row_countA + '][payment_screenshort]" class="form-control form-control-sm"></td>' +
                                '<td class="text-center"><button class="btn btn-danger btn-sm delete-row"><i class="fas fa-trash"></i></button></td>' +
                                '</tr>';
                            $('#money_receive').append(newRow);
                            $('#row_countA').val(row_countA);

                            // // Populate mode of payment dropdown
                            // var $modeofpaymentDropdown = $('#money_receive').find('[name^="items[' + count + '][mode_of_payment]"]');
                            // $.each(modeofpaymentsData, function(index, vendor) {
                            //     $modeofpaymentDropdown.append('<option value="' + vendor.id + '">' + vendor.name + '</option>');
                            // });

                            // // Update the count
                            // count++;

                            // // Initially update the amount received
                            // updateAmtReceived();
                        });

                            $(document).on('click', '.btn-danger', function(event){
                                event.preventDefault();
                                $(this).closest('tr').remove();
                                updateAmtReceived();
                            });

                            // Attach event listener to update amount received when Money Received input changes
                            $(document).on('input', '.money_received', function() {
                                updateAmtReceived();
                            });

                            // Function to update amount received and amount left
                            function updateAmtReceived() {
                                var totalAmountReceived = 0; // Initialize total amount received
                                $('.money_received').each(function() {
                                    var value = parseFloat($(this).val()) || 0; // Get the value from the input field
                                    totalAmountReceived += value; // Add the value to the total
                                });
                                $('#amt_received').val(totalAmountReceived.toFixed(2)); // Update the total amount received

                                // Calculate amount left
                                var sellerSellingAmount = parseFloat($('#seller_selling_amount').val()) || 0;
                                var amountLeft = sellerSellingAmount - totalAmountReceived;
                                $('#amt_left').val(amountLeft.toFixed(2)); // Update the amount left
                            }

                            // Attach event listener to update amount received when Money Received input changes
                            $(document).on('input', '.money_received', function() {
                                updateAmtReceived();
                            });

                            // Form submit event listener
                            $('form').submit(function(event) {
                                // Form submit event - update amount received
                                updateAmtReceived();
                                // Proceed with form submission
                            });

                        //booking calculation
                        $('#addNewRow').click(function(event){
                            var row_countB = $('#row_countB').val();
                            // alert(row_countA);
                            row_countB++;
                            event.preventDefault();
                            var newRow = '<tr id="rowB'+row_countB+'">' +
                                '<td><input type="text" class="form-control form-control-sm" value="' + row_countB + '" readonly></td>' +
                                '<td><input type="text" name="items[' + row_countB + '][flight_cost]" class="form-control form-control-sm"></td>' +
                                '<td><input type="text" name="items[' + row_countB + '][description]" class="form-control form-control-sm"></td>' +
                                '<td><select name="items[' + row_countB + '][hotel_vendor]" class="form-control form-control-sm"><option value="0" selected>--- Select ---</option>@foreach ($hotelvendors as $hotel)<option value="{{$hotel->id}}">{{$hotel->name}}</option>@endforeach</select></td>' +
                                '<td><select name="items[' + row_countB + '][land_vendor]" class="form-control form-control-sm"><option value="0" selected>--- Select ---</option>@foreach ($landvendors as $land)<option value="{{$land->id}}">{{$land->name}}</option>@endforeach</select></td>' +
                                '<td><input type="text" name="items[' + row_countB + '][qty]" class="form-control form-control-sm qty"></td>' +
                                '<td><input type="text" name="items[' + row_countB + '][unit_rate]" class="form-control form-control-sm unit-rate"></td>' +
                                '<td><input type="text" name="items[' + row_countB + '][total]" class="form-control form-control-sm total" readonly></td>' + // Add readonly attribute to prevent manual input
                                '<td><select name="items[' + row_countB + '][status]" class="form-control form-control-sm"><option value="0" selected>--- Select ---</option><option value="1">Hold Booked</option><option value="2">Not Booked</option></select></td>' +
                                '<td class="text-center"><button class="btn btn-danger btn-sm"><i class="fas fa-trash"></i></button></td>' +
                                '</tr>';
                            var $newRow = $(newRow);
                            $('#tableBody').append($newRow);
                            $('#row_countA').val(row_countB);


                            // // Populate hotel vendor dropdown
                            // var $hotelVendorDropdown = $newRow.find('[name^="items[' + countrow + '][hotel_vendor]"]');
                            // $.each(hotelVendorsData, function(index, vendor) {
                            //     $hotelVendorDropdown.append('<option value="' + vendor.id + '">' + vendor.name + '</option>');
                            // });

                            // // Populate land vendor dropdown
                            // var $landVendorDropdown = $newRow.find('[name^="items[' + countrow + '][land_vendor]"]');
                            // $.each(landVendorsData, function(index, vendor) {
                            //     $landVendorDropdown.append('<option value="' + vendor.id + '">' + vendor.name + '</option>');
                            // });
                            // countrow++;
                            // Calculate total when qty or unit rate changes
                            $('#tableBody').on('input', '.qty, .unit-rate', function() {
                                var $row = $(this).closest('tr');
                                var qty = parseFloat($row.find('.qty').val());
                                var unitRate = parseFloat($row.find('.unit-rate').val());
                                var total = isNaN(qty) || isNaN(unitRate) ? '' : (qty * unitRate);
                                $row.find('.total').val(total);
                                calculateGrandTotal();
                            });
                        });

                        // Function to calculate and display grand total
                        function calculateGrandTotal() {
                            var grandTotal = 0;
                            $('.total').each(function() {
                                var total = parseFloat($(this).val());
                                if (!isNaN(total)) {
                                    grandTotal += total;
                                }
                            });
                            $('#grandTotal').text(grandTotal.toFixed(2));
                        }
                        $(document).on('click', '.btn-danger', function(event){
                            event.preventDefault();
                            $(this).closest('tr').remove();
                        });

                    });
            </script>
        {{-- end table data calculation --}}

        <script>
            // keypress hotel invoice amount
            $(document).on('keyup', '#hotelinvamount', function(){
                // hotel
                if ($("#hotelinvamount").val() == "") {
                    var hotel_inv_amt = 0.00;
                }else{
                    var hotel_inv_amt = (parseFloat($("#hotelinvamount").val())).toFixed(2);
                }
                // land
                if($("#landinvamount").val() == ""){
                    var land_inv_amt = 0.00;
                }else{
                    var land_inv_amt = parseFloat($("#landinvamount").val());
                }
                // sales GOP with GST amt
                if($("#sales_gop_with_gst").val() == ""){
                    var sales_gop_with_gst_amt = 0.00;
                }else{
                    var sales_gop_with_gst_amt = parseFloat($("#sales_gop_with_gst").val());
                }
                // health insureance
                if($("#healthinsureance").val() == ""){
                    var healthinsureance_amt = 0.00;
                }else{
                    var healthinsureance_amt = parseFloat($("#healthinsureance").val());
                }
                // cruise invoice
                if($("#cruiseinv").val() == ""){
                    var cruiseinv_amt = 0.00;
                }else{
                    var cruiseinv_amt = parseFloat($("#cruiseinv").val());
                }
                // saller GOP without GST
                if($("#saller_gop_without_gst").val() == ""){
                    var saller_gop_without_gst_amt = 0.00;
                }else{
                    var saller_gop_without_gst_amt = parseFloat($("#saller_gop_without_gst").val());
                }
                // flight
                if($("#flight").val() == ""){
                    var flight_amt = 0.00;
                }else{
                    var flight_amt = parseFloat($("#flight").val());
                }
                // visa
                if($("#visa").val() == ""){
                    var visa_amt = 0.00;
                }else{
                    var visa_amt = parseFloat($("#visa").val());
                }
                // tcs
                if($("#tcs").val() == ""){
                    var tcs_amt = 0.00;
                }else{
                    var tcs_amt = parseFloat($("#tcs").val());
                }
                // hotel percentage
                var percentage_two = (parseFloat(hotel_inv_amt * 5 /100)).toFixed(2);
                // land percentage
                var percentage_one = (parseFloat(land_inv_amt * 5 /100)).toFixed(2);
                // cruise invoice percentage
                var percentage_three = (parseFloat(cruiseinv_amt * 5 /100)).toFixed(2);
                // saller GOP without GST percentage
                var percentage_four = (parseFloat(saller_gop_without_gst_amt * 5 /100)).toFixed(2);
                // percentage show
                var percentage = (parseFloat(percentage_one) + parseFloat(percentage_two) + parseFloat(percentage_three) + parseFloat(percentage_four)).toFixed(2);
                // tcs percentage show
                var tcs = $("#tcs").val(percentage);
                // Seller selling amount
                $("#seller_selling_amount").val((parseFloat(land_inv_amt) + parseFloat(hotel_inv_amt) + parseFloat(sales_gop_with_gst_amt) + parseFloat(healthinsureance_amt) + parseFloat(cruiseinv_amt) + parseFloat(flight_amt) + parseFloat(visa_amt) + parseFloat(tcs_amt)).toFixed(2));
            });
            // keypress land invoice amount and total amount
            $(document).on('keyup', '#landinvamount', function(){
                // land
                if($("#landinvamount").val() == ""){
                    var land_inv_amt = 0.00;
                }else{
                    var land_inv_amt = parseFloat($("#landinvamount").val());
                }
                // hotel
                if($("#hotelinvamount").val() == ""){
                    var hotel_inv_amt = 0.00;
                }else{
                    var hotel_inv_amt = parseFloat($("#hotelinvamount").val());
                }
                // sales GOP with GST amt
                if($("#sales_gop_with_gst").val() == ""){
                    var sales_gop_with_gst_amt = 0.00;
                }else{
                    var sales_gop_with_gst_amt = parseFloat($("#sales_gop_with_gst").val());
                }
                // health insureance
                if($("#healthinsureance").val() == ""){
                    var healthinsureance_amt = 0.00;
                }else{
                    var healthinsureance_amt = parseFloat($("#healthinsureance").val());
                }
                // cruise invoice
                if($("#cruiseinv").val() == ""){
                    var cruiseinv_amt = 0.00;
                }else{
                    var cruiseinv_amt = parseFloat($("#cruiseinv").val());
                }
                // saller GOP without GST
                if($("#saller_gop_without_gst").val() == ""){
                    var saller_gop_without_gst_amt = 0.00;
                }else{
                    var saller_gop_without_gst_amt = parseFloat($("#saller_gop_without_gst").val());
                }
                // flight
                if($("#flight").val() == ""){
                    var flight_amt = 0.00;
                }else{
                    var flight_amt = parseFloat($("#flight").val());
                }
                // visa
                if($("#visa").val() == ""){
                    var visa_amt = 0.00;
                }else{
                    var visa_amt = parseFloat($("#visa").val());
                }
                // tcs
                if($("#tcs").val() == ""){
                    var tcs_amt = 0.00;
                }else{
                    var tcs_amt = parseFloat($("#tcs").val());
                }
                // land percentage
                var percentage_one = (parseFloat(land_inv_amt * 5 /100)).toFixed(2);
                // hotel percentage
                var percentage_two = (parseFloat(hotel_inv_amt * 5 /100)).toFixed(2);
                // cruise invoice percentage
                var percentage_three = (parseFloat(cruiseinv_amt * 5 /100)).toFixed(2);
                // saller GOP without GST
                var percentage_four = (parseFloat(saller_gop_without_gst_amt * 5 /100)).toFixed(2);
                // percentage show
                var percentage = (parseFloat(percentage_one) + parseFloat(percentage_two) + parseFloat(percentage_three) + parseFloat(percentage_four)).toFixed(2);
                // tcs percentage show
                var tcs = $("#tcs").val(percentage);
                // Seller selling amount
                $("#seller_selling_amount").val((parseFloat(land_inv_amt) + parseFloat(hotel_inv_amt) + parseFloat(sales_gop_with_gst_amt) + parseFloat(healthinsureance_amt) + parseFloat(cruiseinv_amt) + parseFloat(flight_amt) + parseFloat(visa_amt) + parseFloat(tcs_amt)).toFixed(2));
            });
            // keypress sales GOP with GST amount and total amount
            $(document).on('keyup', '#sales_gop_with_gst', function(){
                // sales GOP with GST
                if($("#sales_gop_with_gst").val() == ""){
                    var sales_gop_with_gst_amt = 0.00;
                }else{
                    var sales_gop_with_gst_amt = parseFloat($("#sales_gop_with_gst").val());
                }
                // land
                if($("#landinvamount").val() == ""){
                    var land_inv_amt = 0.00;
                }else{
                    var land_inv_amt = parseFloat($("#landinvamount").val());
                }
                // hotel
                if($("#hotelinvamount").val() == ""){
                    var hotel_inv_amt = 0.00;
                }else{
                    var hotel_inv_amt = parseFloat($("#hotelinvamount").val());
                }
                // health insureance
                if($("#healthinsureance").val() == ""){
                    var healthinsureance_amt = 0.00;
                }else{
                    var healthinsureance_amt = parseFloat($("#healthinsureance").val());
                }
                // cruise invoice
                if($("#cruiseinv").val() == ""){
                    var cruiseinv_amt = 0.00;
                }else{
                    var cruiseinv_amt = parseFloat($("#cruiseinv").val());
                }
                // flight
                if($("#flight").val() == ""){
                    var flight_amt = 0.00;
                }else{
                    var flight_amt = parseFloat($("#flight").val());
                }
                // visa
                if($("#visa").val() == ""){
                    var visa_amt = 0.00;
                }else{
                    var visa_amt = parseFloat($("#visa").val());
                }
                // // tcs
                // if($("#tcs").val() == ""){
                //     var tcs_amt = 0.00;
                // }else{
                //     var tcs_amt = parseFloat($("#tcs").val());
                // }
                var seller_gop_without_gst = (parseFloat(sales_gop_with_gst_amt) - parseFloat(sales_gop_with_gst_amt) / 118 *18).toFixed(2);
                // saller_gop_without_gst
                $("#saller_gop_without_gst").val(seller_gop_without_gst);
                // land percentage
                var percentage_one = (parseFloat(land_inv_amt * 5 /100)).toFixed(2);
                // hotel percentage
                var percentage_two = (parseFloat(hotel_inv_amt * 5 /100)).toFixed(2);
                // cruise invoice percentage
                var percentage_three = (parseFloat(cruiseinv_amt * 5 /100)).toFixed(2);
                // saller GOP without GST percentage
                var percentage_four = (parseFloat(seller_gop_without_gst * 5 /100)).toFixed(2);
                // console.log(seller_gop_without_gst, 'percentage_four');
                // percentage show
                var percentage = (parseFloat(percentage_one) + parseFloat(percentage_two) + parseFloat(percentage_three) + parseFloat(percentage_four)).toFixed(2);
                // tcs percentage show
                var tcs = $("#tcs").val(percentage);
                $("#seller_selling_amount").val((parseFloat(land_inv_amt) + parseFloat(hotel_inv_amt) + parseFloat(sales_gop_with_gst_amt) + parseFloat(healthinsureance_amt) + parseFloat(cruiseinv_amt) + parseFloat(flight_amt) + parseFloat(visa_amt) + parseFloat(percentage)).toFixed(2));
                // console.log(percentage, 'data');

            });
            // keypress health insureance amount and total amount
            $(document).on('keyup', '#healthinsureance', function(){
                // health insureance
                if($("#healthinsureance").val() == ""){
                    var healthinsureance_amt = 0.00;
                }else{
                    var healthinsureance_amt = parseFloat($("#healthinsureance").val());
                }

                if($("#sales_gop_with_gst").val() == ""){
                    var sales_gop_with_gst_amt = 0.00;
                }else{
                    var sales_gop_with_gst_amt = parseFloat($("#sales_gop_with_gst").val());
                }
                // land
                if($("#landinvamount").val() == ""){
                    var land_inv_amt = 0.00;
                }else{
                    var land_inv_amt = parseFloat($("#landinvamount").val());
                }
                // hotel
                if($("#hotelinvamount").val() == ""){
                    var hotel_inv_amt = 0.00;
                }else{
                    var hotel_inv_amt = parseFloat($("#hotelinvamount").val());
                }
                // cruise invoice
                if($("#cruiseinv").val() == ""){
                    var cruiseinv_amt = 0.00;
                }else{
                    var cruiseinv_amt = parseFloat($("#cruiseinv").val());
                }
                // flight
                if($("#flight").val() == ""){
                    var flight_amt = 0.00;
                }else{
                    var flight_amt = parseFloat($("#flight").val());
                }
                // visa
                if($("#visa").val() == ""){
                    var visa_amt = 0.00;
                }else{
                    var visa_amt = parseFloat($("#visa").val());
                }
                // tcs
                if($("#tcs").val() == ""){
                    var tcs_amt = 0.00;
                }else{
                    var tcs_amt = parseFloat($("#tcs").val());
                }
                $("#seller_selling_amount").val((parseFloat(land_inv_amt) + parseFloat(hotel_inv_amt) + parseFloat(sales_gop_with_gst_amt) + parseFloat(healthinsureance_amt) + parseFloat(cruiseinv_amt) + parseFloat(flight_amt) + parseFloat(visa_amt) + parseFloat(tcs_amt)).toFixed(2));
            });
            // keypress cruise invoice amount and total amount
            $(document).on('keyup', '#cruiseinv', function(){
                // cruise invoice
                if($("#cruiseinv").val() == ""){
                    var cruiseinv_amt = 0.00;
                }else{
                    var cruiseinv_amt = parseFloat($("#cruiseinv").val());
                }
                // land
                if($("#landinvamount").val() == ""){
                    var land_inv_amt = 0.00;
                }else{
                    var land_inv_amt = parseFloat($("#landinvamount").val());
                }
                // hotel
                if($("#hotelinvamount").val() == ""){
                    var hotel_inv_amt = 0.00;
                }else{
                    var hotel_inv_amt = parseFloat($("#hotelinvamount").val());
                }
                // sales GOP with GST amt
                if($("#sales_gop_with_gst").val() == ""){
                    var sales_gop_with_gst_amt = 0.00;
                }else{
                    var sales_gop_with_gst_amt = parseFloat($("#sales_gop_with_gst").val());
                }
                // health insureance
                if($("#healthinsureance").val() == ""){
                    var healthinsureance_amt = 0.00;
                }else{
                    var healthinsureance_amt = parseFloat($("#healthinsureance").val());
                }
                // saller GOP without GST
                if($("#saller_gop_without_gst").val() == ""){
                    var saller_gop_without_gst_amt = 0.00;
                }else{
                    var saller_gop_without_gst_amt = parseFloat($("#saller_gop_without_gst").val());
                }
                // flight
                if($("#flight").val() == ""){
                    var flight_amt = 0.00;
                }else{
                    var flight_amt = parseFloat($("#flight").val());
                }
                // visa
                if($("#visa").val() == ""){
                    var visa_amt = 0.00;
                }else{
                    var visa_amt = parseFloat($("#visa").val());
                }
                // tcs
                // if($("#tcs").val() == ""){
                //     var tcs_amt = 0.00;
                // }else{
                //     var tcs_amt = parseFloat($("#tcs").val());
                // }
                // land percentage
                var percentage_one = (parseFloat(land_inv_amt * 5 /100)).toFixed(2);
                // hotel percentage
                var percentage_two = (parseFloat(hotel_inv_amt * 5 /100)).toFixed(2);
                // cruise invoice percentage
                var percentage_three = (parseFloat(cruiseinv_amt * 5 /100)).toFixed(2);
                // cruise invoice percentage
                var percentage_four = (parseFloat(saller_gop_without_gst_amt * 5 /100)).toFixed(2);
                // percentage show
                var percentage = (parseFloat(percentage_one) + parseFloat(percentage_two) + parseFloat(percentage_three) + parseFloat(percentage_four)).toFixed(2);
                // tcs percentage show
                var tcs = $("#tcs").val(percentage);
                // Seller selling amount
                $("#seller_selling_amount").val((parseFloat(land_inv_amt) + parseFloat(hotel_inv_amt) + parseFloat(sales_gop_with_gst_amt) + parseFloat(healthinsureance_amt) + parseFloat(cruiseinv_amt) + parseFloat(flight_amt) + parseFloat(visa_amt) + parseFloat(percentage)).toFixed(2));
            });

            // keypress flight amount and total amount
            $(document).on('keyup', '#flight', function(){
                // flight
                if($("#flight").val() == ""){
                    var flight_amt = 0.00;
                }else{
                    var flight_amt = parseFloat($("#flight").val());
                }
                // health insureance
                if($("#healthinsureance").val() == ""){
                    var healthinsureance_amt = 0.00;
                }else{
                    var healthinsureance_amt = parseFloat($("#healthinsureance").val());
                }

                if($("#sales_gop_with_gst").val() == ""){
                    var sales_gop_with_gst_amt = 0.00;
                }else{
                    var sales_gop_with_gst_amt = parseFloat($("#sales_gop_with_gst").val());
                }
                // land
                if($("#landinvamount").val() == ""){
                    var land_inv_amt = 0.00;
                }else{
                    var land_inv_amt = parseFloat($("#landinvamount").val());
                }
                // hotel
                if($("#hotelinvamount").val() == ""){
                    var hotel_inv_amt = 0.00;
                }else{
                    var hotel_inv_amt = parseFloat($("#hotelinvamount").val());
                }
                // cruise invoice
                if($("#cruiseinv").val() == ""){
                    var cruiseinv_amt = 0.00;
                }else{
                    var cruiseinv_amt = parseFloat($("#cruiseinv").val());
                }
                // visa
                if($("#visa").val() == ""){
                    var visa_amt = 0.00;
                }else{
                    var visa_amt = parseFloat($("#visa").val());
                }
                // tcs
                if($("#tcs").val() == ""){
                    var tcs_amt = 0.00;
                }else{
                    var tcs_amt = parseFloat($("#tcs").val());
                }
                $("#seller_selling_amount").val((parseFloat(land_inv_amt) + parseFloat(hotel_inv_amt) + parseFloat(sales_gop_with_gst_amt) + parseFloat(healthinsureance_amt) + parseFloat(cruiseinv_amt) + parseFloat(flight_amt) + parseFloat(visa_amt) + parseFloat(tcs_amt)).toFixed(2));
            });
            // keypress visa amount and total amount
            $(document).on('keyup', '#visa', function(){
                // visa
                if($("#visa").val() == ""){
                    var visa_amt = 0.00;
                }else{
                    var visa_amt = parseFloat($("#visa").val());
                }
                // flight
                if($("#flight").val() == ""){
                    var flight_amt = 0.00;
                }else{
                    var flight_amt = parseFloat($("#flight").val());
                }
                // health insureance
                if($("#healthinsureance").val() == ""){
                    var healthinsureance_amt = 0.00;
                }else{
                    var healthinsureance_amt = parseFloat($("#healthinsureance").val());
                }

                if($("#sales_gop_with_gst").val() == ""){
                    var sales_gop_with_gst_amt = 0.00;
                }else{
                    var sales_gop_with_gst_amt = parseFloat($("#sales_gop_with_gst").val());
                }
                // land
                if($("#landinvamount").val() == ""){
                    var land_inv_amt = 0.00;
                }else{
                    var land_inv_amt = parseFloat($("#landinvamount").val());
                }
                // hotel
                if($("#hotelinvamount").val() == ""){
                    var hotel_inv_amt = 0.00;
                }else{
                    var hotel_inv_amt = parseFloat($("#hotelinvamount").val());
                }
                // cruise invoice
                if($("#cruiseinv").val() == ""){
                    var cruiseinv_amt = 0.00;
                }else{
                    var cruiseinv_amt = parseFloat($("#cruiseinv").val());
                }
                // tcs
                if($("#tcs").val() == ""){
                    var tcs_amt = 0.00;
                }else{
                    var tcs_amt = parseFloat($("#tcs").val());
                }
                $("#seller_selling_amount").val((parseFloat(land_inv_amt) + parseFloat(hotel_inv_amt) + parseFloat(sales_gop_with_gst_amt) + parseFloat(healthinsureance_amt) + parseFloat(cruiseinv_amt) + parseFloat(flight_amt) + parseFloat(visa_amt) + parseFloat(tcs_amt)).toFixed(2));
            });
        </script>
        {{-- operation person perform actions --}}
        <script>
            // keypress hotel invoice amount
            $(document).on('keyup', '#hotelinvamountoffer', function(){
                // hotel
                if ($("#hotelinvamountoffer").val() == "") {
                    var hotel_inv_amt_offer = 0.00;
                }else{
                    var hotel_inv_amt_offer = (parseFloat($("#hotelinvamountoffer").val())).toFixed(2);
                }
                // land
                if($("#landinvamountoffer").val() == ""){
                    var land_inv_amt_offer = 0.00;
                }else{
                    var land_inv_amt_offer = parseFloat($("#landinvamountoffer").val());
                }
                // sales GOP with GST amt
                if($("#sales_gop_with_gst_offer").val() == ""){
                    var sales_gop_with_gst_amt_offer = 0.00;
                }else{
                    var sales_gop_with_gst_amt_offer = parseFloat($("#sales_gop_with_gst_offer").val());
                }
                // health insureance
                if($("#healthinsureance_offer").val() == ""){
                    var healthinsureance_amt_offer = 0.00;
                }else{
                    var healthinsureance_amt_offer = parseFloat($("#healthinsureance_offer").val());
                }
                // cruise invoice
                if($("#cruiseinv_offer").val() == ""){
                    var cruiseinv_amt_offer = 0.00;
                }else{
                    var cruiseinv_amt_offer = parseFloat($("#cruiseinv_offer").val());
                }
                // saller GOP without GST
                if($("#saller_gop_without_gst_offer").val() == ""){
                    var saller_gop_without_gst_amt_offer = 0.00;
                }else{
                    var saller_gop_without_gst_amt_offer = parseFloat($("#saller_gop_without_gst_offer").val());
                }
                // flight
                if($("#flight_offer").val() == ""){
                    var flight_amt_offer = 0.00;
                }else{
                    var flight_amt_offer = parseFloat($("#flight_offer").val());
                }
                // visa
                if($("#visa_offer").val() == ""){
                    var visa_amt_offer = 0.00;
                }else{
                    var visa_amt_offer = parseFloat($("#visa_offer").val());
                }
                // tcs
                if($("#tcs_offer").val() == ""){
                    var tcs_amt_offer = 0.00;
                }else{
                    var tcs_amt_offer = parseFloat($("#tcs_offer").val());
                }
                // hotel percentage
                var percentage_two = (parseFloat(hotel_inv_amt_offer * 5 /100)).toFixed(2);
                // land percentage
                var percentage_one = (parseFloat(land_inv_amt_offer * 5 /100)).toFixed(2);
                // cruise invoice percentage
                var percentage_three = (parseFloat(cruiseinv_amt_offer * 5 /100)).toFixed(2);
                // saller GOP without GST percentage
                var percentage_four = (parseFloat(saller_gop_without_gst_amt_offer * 5 /100)).toFixed(2);
                // percentage show
                var percentage = (parseFloat(percentage_one) + parseFloat(percentage_two) + parseFloat(percentage_three) + parseFloat(percentage_four)).toFixed(2);
                // tcs percentage show
                var tcs = $("#tcs_offer").val(percentage);

                // console.log('data', parseFloat(hotel_inv_amt_offer) + parseFloat(land_inv_amt_offer) + parseFloat(flight_amt_offer) + parseFloat(visa_amt_offer) + parseFloat(sales_gop_with_gst_amt_offer) + parseFloat(cruiseinv_amt_offer) + parseFloat(tcs_amt_offer));

                // Seller selling amount
                $("#seller_selling_amount_offer").val((parseFloat(land_inv_amt_offer) + parseFloat(hotel_inv_amt_offer) + parseFloat(sales_gop_with_gst_amt_offer) + parseFloat(healthinsureance_amt_offer) + parseFloat(cruiseinv_amt_offer) + parseFloat(flight_amt_offer) + parseFloat(visa_amt_offer) + parseFloat(tcs_amt_offer)).toFixed(2));
                $('#ops_booking_amt').val((parseFloat(hotel_inv_amt_offer) + parseFloat(land_inv_amt_offer) + parseFloat(flight_amt_offer) + parseFloat(visa_amt_offer) + parseFloat(sales_gop_with_gst_amt_offer) + parseFloat(cruiseinv_amt_offer) + parseFloat(tcs_amt_offer)).toFixed(2));
                // ops gop amount calculation
                var ops_gop_amount = ((parseFloat(land_inv_amt_offer) + parseFloat(hotel_inv_amt_offer) + parseFloat(sales_gop_with_gst_amt_offer) + parseFloat(healthinsureance_amt_offer) + parseFloat(cruiseinv_amt_offer) + parseFloat(flight_amt_offer) + parseFloat(visa_amt_offer) + parseFloat(tcs_amt_offer)).toFixed(2) - (parseFloat(hotel_inv_amt_offer) + parseFloat(land_inv_amt_offer) + parseFloat(flight_amt_offer) + parseFloat(visa_amt_offer) + parseFloat(sales_gop_with_gst_amt_offer) + parseFloat(cruiseinv_amt_offer) + parseFloat(tcs_amt_offer))).toFixed(2);
                $("#ops_gop_offer").val(ops_gop_amount);
                // ops gop without gst
                var opsgop_without_gst = (parseFloat(ops_gop_amount) - parseFloat(ops_gop_amount) / 118 *18).toFixed(2);
                $("#ops_gop_without_gst").val(opsgop_without_gst);
                var final_gop_without_gst = (parseFloat(saller_gop_without_gst_amt_offer) + parseFloat(opsgop_without_gst)).toFixed(2);
                $("#final_gop_without_gst").val(final_gop_without_gst);
            });
            // keypress land invoice amount and total amount
            $(document).on('keyup', '#landinvamountoffer', function(){
                // land
                if($("#landinvamountoffer").val() == ""){
                    var land_inv_amt_offer = 0.00;
                }else{
                    var land_inv_amt_offer = parseFloat($("#landinvamountoffer").val());
                }
                // hotel
                if($("#hotelinvamountoffer").val() == ""){
                    var hotel_inv_amt_offer = 0.00;
                }else{
                    var hotel_inv_amt_offer = parseFloat($("#hotelinvamountoffer").val());
                }
                // sales GOP with GST amt
                if($("#sales_gop_with_gst_offer").val() == ""){
                    var sales_gop_with_gst_amt_offer = 0.00;
                }else{
                    var sales_gop_with_gst_amt_offer = parseFloat($("#sales_gop_with_gst_offer").val());
                }
                // health insureance
                if($("#healthinsureance_offer").val() == ""){
                    var healthinsureance_amt_offer = 0.00;
                }else{
                    var healthinsureance_amt_offer = parseFloat($("#healthinsureance_offer").val());
                }
                // cruise invoice
                if($("#cruiseinv_offer").val() == ""){
                    var cruiseinv_amt_offer = 0.00;
                }else{
                    var cruiseinv_amt_offer = parseFloat($("#cruiseinv_offer").val());
                }
                // saller GOP without GST
                if($("#saller_gop_without_gst_offer").val() == ""){
                    var saller_gop_without_gst_amt_offer = 0.00;
                }else{
                    var saller_gop_without_gst_amt_offer = parseFloat($("#saller_gop_without_gst_offer").val());
                }
                // flight
                if($("#flight_offer").val() == ""){
                    var flight_amt_offer = 0.00;
                }else{
                    var flight_amt_offer = parseFloat($("#flight_offer").val());
                }
                // visa
                if($("#visa_offer").val() == ""){
                    var visa_amt_offer = 0.00;
                }else{
                    var visa_amt_offer = parseFloat($("#visa_offer").val());
                }
                // tcs
                if($("#tcs_offer").val() == ""){
                    var tcs_amt_offer = 0.00;
                }else{
                    var tcs_amt_offer = parseFloat($("#tcs_offer").val());
                }
                // land percentage
                var percentage_one = (parseFloat(land_inv_amt_offer * 5 /100)).toFixed(2);
                // hotel percentage
                var percentage_two = (parseFloat(hotel_inv_amt_offer * 5 /100)).toFixed(2);
                // cruise invoice percentage
                var percentage_three = (parseFloat(cruiseinv_amt_offer * 5 /100)).toFixed(2);
                // saller GOP without GST
                var percentage_four = (parseFloat(saller_gop_without_gst_amt_offer * 5 /100)).toFixed(2);
                // percentage show
                var percentage = (parseFloat(percentage_one) + parseFloat(percentage_two) + parseFloat(percentage_three) + parseFloat(percentage_four)).toFixed(2);
                // tcs percentage show
                var tcs = $("#tcs_offer").val(percentage);
                // Seller selling amount
                $("#seller_selling_amount_offer").val((parseFloat(land_inv_amt_offer) + parseFloat(hotel_inv_amt_offer) + parseFloat(sales_gop_with_gst_amt_offer) + parseFloat(healthinsureance_amt_offer) + parseFloat(cruiseinv_amt_offer) + parseFloat(flight_amt_offer) + parseFloat(visa_amt_offer) + parseFloat(tcs_amt_offer)).toFixed(2));
                $('#ops_booking_amt').val((parseFloat(hotel_inv_amt_offer) + parseFloat(land_inv_amt_offer) + parseFloat(flight_amt_offer) + parseFloat(visa_amt_offer) + parseFloat(sales_gop_with_gst_amt_offer) + parseFloat(cruiseinv_amt_offer) + parseFloat(tcs_amt_offer)).toFixed(2));
                // ops gop amount calculation
                var ops_gop_amount = ((parseFloat(land_inv_amt_offer) + parseFloat(hotel_inv_amt_offer) + parseFloat(sales_gop_with_gst_amt_offer) + parseFloat(healthinsureance_amt_offer) + parseFloat(cruiseinv_amt_offer) + parseFloat(flight_amt_offer) + parseFloat(visa_amt_offer) + parseFloat(tcs_amt_offer)) - (parseFloat(hotel_inv_amt_offer) + parseFloat(land_inv_amt_offer) + parseFloat(flight_amt_offer) + parseFloat(visa_amt_offer) + parseFloat(sales_gop_with_gst_amt_offer) + parseFloat(cruiseinv_amt_offer) + parseFloat(tcs_amt_offer))).toFixed(2);
                $("#ops_gop_offer").val(ops_gop_amount);
                // ops gop without gst
                var opsgop_without_gst = (parseFloat(ops_gop_amount) - parseFloat(ops_gop_amount) / 118 *18).toFixed(2);
                $("#ops_gop_without_gst").val(opsgop_without_gst);
                var final_gop_without_gst = (parseFloat(saller_gop_without_gst_amt_offer) + parseFloat(opsgop_without_gst)).toFixed(2);
                $("#final_gop_without_gst").val(final_gop_without_gst);
            });
            // keypress sales GOP with GST amount and total amount
            $(document).on('keyup', '#sales_gop_with_gst_offer', function(){
                // sales GOP with GST
                if($("#sales_gop_with_gst_offer").val() == ""){
                    var sales_gop_with_gst_amt_offer = 0.00;
                }else{
                    var sales_gop_with_gst_amt_offer = parseFloat($("#sales_gop_with_gst_offer").val());
                }
                // land
                if($("#landinvamountoffer").val() == ""){
                    var land_inv_amt_offer = 0.00;
                }else{
                    var land_inv_amt_offer = parseFloat($("#landinvamountoffer").val());
                }
                // hotel
                if($("#hotelinvamountoffer").val() == ""){
                    var hotel_inv_amt_offer = 0.00;
                }else{
                    var hotel_inv_amt_offer = parseFloat($("#hotelinvamountoffer").val());
                }
                // health insureance
                if($("#healthinsureance_offer").val() == ""){
                    var healthinsureance_amt_offer = 0.00;
                }else{
                    var healthinsureance_amt_offer = parseFloat($("#healthinsureance_offer").val());
                }
                // cruise invoice
                if($("#cruiseinv_offer").val() == ""){
                    var cruiseinv_amt_offer = 0.00;
                }else{
                    var cruiseinv_amt_offer = parseFloat($("#cruiseinv_offer").val());
                }
                // flight
                if($("#flight_offer").val() == ""){
                    var flight_amt_offer = 0.00;
                }else{
                    var flight_amt_offer = parseFloat($("#flight_offer").val());
                }
                // visa
                if($("#visa_offer").val() == ""){
                    var visa_amt_offer = 0.00;
                }else{
                    var visa_amt_offer = parseFloat($("#visa_offer").val());
                }
                // tcs
                if($("#tcs_offer").val() == ""){
                    var tcs_amt_offer = 0.00;
                }else{
                    var tcs_amt_offer = parseFloat($("#tcs_offer").val());
                }
                var seller_gop_without_gst = (parseFloat(sales_gop_with_gst_amt_offer) - parseFloat(sales_gop_with_gst_amt_offer) / 118 *18).toFixed(2);
                // saller_gop_without_gst
                $("#saller_gop_without_gst_offer").val(seller_gop_without_gst);
                // land percentage
                var percentage_one = (parseFloat(land_inv_amt_offer * 5 /100)).toFixed(2);
                // hotel percentage
                var percentage_two = (parseFloat(hotel_inv_amt_offer * 5 /100)).toFixed(2);
                // cruise invoice percentage
                var percentage_three = (parseFloat(cruiseinv_amt_offer * 5 /100)).toFixed(2);
                // saller GOP without GST percentage
                var percentage_four = (parseFloat(seller_gop_without_gst * 5 /100)).toFixed(2);
                // console.log(seller_gop_without_gst, 'percentage_four');
                // percentage show
                var percentage = (parseFloat(percentage_one) + parseFloat(percentage_two) + parseFloat(percentage_three) + parseFloat(percentage_four)).toFixed(2);
                // tcs percentage show
                var tcs = $("#tcs_offer").val(percentage);
                $("#seller_selling_amount_offer").val((parseFloat(land_inv_amt_offer) + parseFloat(hotel_inv_amt_offer) + parseFloat(sales_gop_with_gst_amt_offer) + parseFloat(healthinsureance_amt_offer) + parseFloat(cruiseinv_amt_offer) + parseFloat(flight_amt_offer) + parseFloat(visa_amt_offer) + parseFloat(percentage)).toFixed(2));
                // console.log(percentage, 'data');
                $('#ops_booking_amt').val((parseFloat(hotel_inv_amt_offer) + parseFloat(land_inv_amt_offer) + parseFloat(flight_amt_offer) + parseFloat(visa_amt_offer) + parseFloat(sales_gop_with_gst_amt_offer) + parseFloat(cruiseinv_amt_offer) + parseFloat(tcs_amt_offer)).toFixed(2));
                // ops gop amount calculation
                var ops_gop_amount = ((parseFloat(land_inv_amt_offer) + parseFloat(hotel_inv_amt_offer) + parseFloat(sales_gop_with_gst_amt_offer) + parseFloat(healthinsureance_amt_offer) + parseFloat(cruiseinv_amt_offer) + parseFloat(flight_amt_offer) + parseFloat(visa_amt_offer) + parseFloat(percentage)) - (parseFloat(hotel_inv_amt_offer) + parseFloat(land_inv_amt_offer) + parseFloat(flight_amt_offer) + parseFloat(visa_amt_offer) + parseFloat(sales_gop_with_gst_amt_offer) + parseFloat(cruiseinv_amt_offer) + parseFloat(tcs_amt_offer))).toFixed(2);
                $("#ops_gop_offer").val(ops_gop_amount);
                // ops gop without gst
                var opsgop_without_gst = (parseFloat(ops_gop_amount) - parseFloat(ops_gop_amount) / 118 *18).toFixed(2);
                $("#ops_gop_without_gst").val(opsgop_without_gst);
                var final_gop_without_gst = (parseFloat(saller_gop_without_gst_amt_offer) + parseFloat(opsgop_without_gst)).toFixed(2);
                $("#final_gop_without_gst").val(final_gop_without_gst);
            });
            // keypress health insureance amount and total amount
            $(document).on('keyup', '#healthinsureance_offer', function(){
                // health insureance
                if($("#healthinsureance_offer").val() == ""){
                    var healthinsureance_amt_offer = 0.00;
                }else{
                    var healthinsureance_amt_offer = parseFloat($("#healthinsureance_offer").val());
                }

                if($("#sales_gop_with_gst_offer").val() == ""){
                    var sales_gop_with_gst_amt_offer = 0.00;
                }else{
                    var sales_gop_with_gst_amt_offer = parseFloat($("#sales_gop_with_gst_offer").val());
                }
                // land
                if($("#landinvamountoffer").val() == ""){
                    var land_inv_amt_offer = 0.00;
                }else{
                    var land_inv_amt_offer = parseFloat($("#landinvamountoffer").val());
                }
                // hotel
                if($("#hotelinvamountoffer").val() == ""){
                    var hotel_inv_amt_offer = 0.00;
                }else{
                    var hotel_inv_amt_offer = parseFloat($("#hotelinvamountoffer").val());
                }
                // cruise invoice
                if($("#cruiseinv_offer").val() == ""){
                    var cruiseinv_amt_offer = 0.00;
                }else{
                    var cruiseinv_amt_offer = parseFloat($("#cruiseinv_offer").val());
                }
                // flight
                if($("#flight_offer").val() == ""){
                    var flight_amt_offer = 0.00;
                }else{
                    var flight_amt_offer = parseFloat($("#flight_offer").val());
                }
                // visa
                if($("#visa_offer").val() == ""){
                    var visa_amt_offer = 0.00;
                }else{
                    var visa_amt_offer = parseFloat($("#visa_offer").val());
                }
                // tcs
                if($("#tcs_offer").val() == ""){
                    var tcs_amt_offer = 0.00;
                }else{
                    var tcs_amt_offer = parseFloat($("#tcs_offer").val());
                }
                $("#seller_selling_amount_offer").val((parseFloat(land_inv_amt_offer) + parseFloat(hotel_inv_amt_offer) + parseFloat(sales_gop_with_gst_amt_offer) + parseFloat(healthinsureance_amt_offer) + parseFloat(cruiseinv_amt_offer) + parseFloat(flight_amt_offer) + parseFloat(visa_amt_offer) + parseFloat(tcs_amt_offer)).toFixed(2));
                $('#ops_booking_amt').val((parseFloat(hotel_inv_amt_offer) + parseFloat(land_inv_amt_offer) + parseFloat(flight_amt_offer) + parseFloat(visa_amt_offer) + parseFloat(sales_gop_with_gst_amt_offer) + parseFloat(cruiseinv_amt_offer) + parseFloat(tcs_amt_offer)).toFixed(2));
                // ops gop amount calculation
                var ops_gop_amount = ((parseFloat(land_inv_amt_offer) + parseFloat(hotel_inv_amt_offer) + parseFloat(sales_gop_with_gst_amt_offer) + parseFloat(healthinsureance_amt_offer) + parseFloat(cruiseinv_amt_offer) + parseFloat(flight_amt_offer) + parseFloat(visa_amt_offer) + parseFloat(tcs_amt_offer)) - (parseFloat(hotel_inv_amt_offer) + parseFloat(land_inv_amt_offer) + parseFloat(flight_amt_offer) + parseFloat(visa_amt_offer) + parseFloat(sales_gop_with_gst_amt_offer) + parseFloat(cruiseinv_amt_offer) + parseFloat(tcs_amt_offer))).toFixed(2);
                $("#ops_gop_offer").val(ops_gop_amount);
                // ops gop without gst
                var opsgop_without_gst = (parseFloat(ops_gop_amount) - parseFloat(ops_gop_amount) / 118 *18).toFixed(2);
                $("#ops_gop_without_gst").val(opsgop_without_gst);
                var final_gop_without_gst = (parseFloat(saller_gop_without_gst_amt_offer) + parseFloat(opsgop_without_gst)).toFixed(2);
                $("#final_gop_without_gst").val(final_gop_without_gst);
            });
            // keypress cruise invoice amount and total amount
            $(document).on('keyup', '#cruiseinv_offer', function(){
                // cruise invoice
                if($("#cruiseinv_offer").val() == ""){
                    var cruiseinv_amt_offer = 0.00;
                }else{
                    var cruiseinv_amt_offer = parseFloat($("#cruiseinv_offer").val());
                }
                // land
                if($("#landinvamountoffer").val() == ""){
                    var land_inv_amt_offer = 0.00;
                }else{
                    var land_inv_amt_offer = parseFloat($("#landinvamountoffer").val());
                }
                // hotel
                if($("#hotelinvamountoffer").val() == ""){
                    var hotel_inv_amt_offer = 0.00;
                }else{
                    var hotel_inv_amt_offer = parseFloat($("#hotelinvamountoffer").val());
                }
                // sales GOP with GST amt
                if($("#sales_gop_with_gst_offer").val() == ""){
                    var sales_gop_with_gst_amt_offer = 0.00;
                }else{
                    var sales_gop_with_gst_amt_offer = parseFloat($("#sales_gop_with_gst_offer").val());
                }
                // health insureance
                if($("#healthinsureance_offer").val() == ""){
                    var healthinsureance_amt_offer = 0.00;
                }else{
                    var healthinsureance_amt_offer = parseFloat($("#healthinsureance_offer").val());
                }
                // saller GOP without GST
                if($("#saller_gop_without_gst_offer").val() == ""){
                    var saller_gop_without_gst_amt_offer = 0.00;
                }else{
                    var saller_gop_without_gst_amt_offer = parseFloat($("#saller_gop_without_gst_offer").val());
                }
                // flight
                if($("#flight_offer").val() == ""){
                    var flight_amt_offer = 0.00;
                }else{
                    var flight_amt_offer = parseFloat($("#flight_offer").val());
                }
                // visa
                if($("#visa_offer").val() == ""){
                    var visa_amt_offer = 0.00;
                }else{
                    var visa_amt_offer = parseFloat($("#visa_offer").val());
                }
                // tcs
                if($("#tcs_offer").val() == ""){
                    var tcs_amt_offer = 0.00;
                }else{
                    var tcs_amt_offer = parseFloat($("#tcs_offer").val());
                }
                // land percentage
                var percentage_one = (parseFloat(land_inv_amt_offer * 5 /100)).toFixed(2);
                // hotel percentage
                var percentage_two = (parseFloat(hotel_inv_amt_offer * 5 /100)).toFixed(2);
                // cruise invoice percentage
                var percentage_three = (parseFloat(cruiseinv_amt_offer * 5 /100)).toFixed(2);
                // cruise invoice percentage
                var percentage_four = (parseFloat(saller_gop_without_gst_amt_offer * 5 /100)).toFixed(2);
                // percentage show
                var percentage = (parseFloat(percentage_one) + parseFloat(percentage_two) + parseFloat(percentage_three) + parseFloat(percentage_four)).toFixed(2);
                // tcs percentage show
                var tcs = $("#tcs_offer").val(percentage);
                // Seller selling amount
                $("#seller_selling_amount_offer").val((parseFloat(land_inv_amt_offer) + parseFloat(hotel_inv_amt_offer) + parseFloat(sales_gop_with_gst_amt_offer) + parseFloat(healthinsureance_amt_offer) + parseFloat(cruiseinv_amt_offer) + parseFloat(flight_amt_offer) + parseFloat(visa_amt_offer) + parseFloat(percentage)).toFixed(2));
                $('#ops_booking_amt').val((parseFloat(hotel_inv_amt_offer) + parseFloat(land_inv_amt_offer) + parseFloat(flight_amt_offer) + parseFloat(visa_amt_offer) + parseFloat(sales_gop_with_gst_amt_offer) + parseFloat(cruiseinv_amt_offer) + parseFloat(tcs_amt_offer)).toFixed(2));
                // ops gop amount calculation
                var ops_gop_amount = ((parseFloat(land_inv_amt_offer) + parseFloat(hotel_inv_amt_offer) + parseFloat(sales_gop_with_gst_amt_offer) + parseFloat(healthinsureance_amt_offer) + parseFloat(cruiseinv_amt_offer) + parseFloat(flight_amt_offer) + parseFloat(visa_amt_offer) + parseFloat(percentage)) - (parseFloat(hotel_inv_amt_offer) + parseFloat(land_inv_amt_offer) + parseFloat(flight_amt_offer) + parseFloat(visa_amt_offer) + parseFloat(sales_gop_with_gst_amt_offer) + parseFloat(cruiseinv_amt_offer) + parseFloat(tcs_amt_offer))).toFixed(2);
                $("#ops_gop_offer").val(ops_gop_amount);
                // ops gop without gst
                var opsgop_without_gst = (parseFloat(ops_gop_amount) - parseFloat(ops_gop_amount) / 118 *18).toFixed(2);
                $("#ops_gop_without_gst").val(opsgop_without_gst);
                var final_gop_without_gst = (parseFloat(saller_gop_without_gst_amt_offer) + parseFloat(opsgop_without_gst)).toFixed(2);
                $("#final_gop_without_gst").val(final_gop_without_gst);
            });

            // keypress flight amount and total amount
            $(document).on('keyup', '#flight_offer', function(){
                // flight
                if($("#flight_offer").val() == ""){
                    var flight_amt_offer = 0.00;
                }else{
                    var flight_amt_offer = parseFloat($("#flight_offer").val());
                }
                // health insureance
                if($("#healthinsureance_offer").val() == ""){
                    var healthinsureance_amt_offer = 0.00;
                }else{
                    var healthinsureance_amt_offer = parseFloat($("#healthinsureance_offer").val());
                }

                if($("#sales_gop_with_gst_offer").val() == ""){
                    var sales_gop_with_gst_amt_offer = 0.00;
                }else{
                    var sales_gop_with_gst_amt_offer = parseFloat($("#sales_gop_with_gst_offer").val());
                }
                // land
                if($("#landinvamountoffer").val() == ""){
                    var land_inv_amt_offer = 0.00;
                }else{
                    var land_inv_amt_offer = parseFloat($("#landinvamountoffer").val());
                }
                // hotel
                if($("#hotelinvamountoffer").val() == ""){
                    var hotel_inv_amt_offer = 0.00;
                }else{
                    var hotel_inv_amt_offer = parseFloat($("#hotelinvamountoffer").val());
                }
                // cruise invoice
                if($("#cruiseinv_offer").val() == ""){
                    var cruiseinv_amt_offer = 0.00;
                }else{
                    var cruiseinv_amt_offer = parseFloat($("#cruiseinv_offer").val());
                }
                // visa
                if($("#visa_offer").val() == ""){
                    var visa_amt_offer = 0.00;
                }else{
                    var visa_amt_offer = parseFloat($("#visa_offer").val());
                }
                // tcs
                if($("#tcs_offer").val() == ""){
                    var tcs_amt_offer = 0.00;
                }else{
                    var tcs_amt_offer = parseFloat($("#tcs_offer").val());
                }
                $("#seller_selling_amount_offer").val((parseFloat(land_inv_amt_offer) + parseFloat(hotel_inv_amt_offer) + parseFloat(sales_gop_with_gst_amt_offer) + parseFloat(healthinsureance_amt_offer) + parseFloat(cruiseinv_amt_offer) + parseFloat(flight_amt_offer) + parseFloat(visa_amt_offer) + parseFloat(tcs_amt_offer)).toFixed(2));
                $('#ops_booking_amt').val((parseFloat(hotel_inv_amt_offer) + parseFloat(land_inv_amt_offer) + parseFloat(flight_amt_offer) + parseFloat(visa_amt_offer) + parseFloat(sales_gop_with_gst_amt_offer) + parseFloat(cruiseinv_amt_offer) + parseFloat(tcs_amt_offer)).toFixed(2));
                // ops gop amount calculation
                var ops_gop_amount = ((parseFloat(land_inv_amt_offer) + parseFloat(hotel_inv_amt_offer) + parseFloat(sales_gop_with_gst_amt_offer) + parseFloat(healthinsureance_amt_offer) + parseFloat(cruiseinv_amt_offer) + parseFloat(flight_amt_offer) + parseFloat(visa_amt_offer) + parseFloat(tcs_amt_offer)) - (parseFloat(hotel_inv_amt_offer) + parseFloat(land_inv_amt_offer) + parseFloat(flight_amt_offer) + parseFloat(visa_amt_offer) + parseFloat(sales_gop_with_gst_amt_offer) + parseFloat(cruiseinv_amt_offer) + parseFloat(tcs_amt_offer))).toFixed(2);
                $("#ops_gop_offer").val(ops_gop_amount);
                // ops gop without gst
                var opsgop_without_gst = (parseFloat(ops_gop_amount) - parseFloat(ops_gop_amount) / 118 *18).toFixed(2);
                $("#ops_gop_without_gst").val(opsgop_without_gst);
                var final_gop_without_gst = (parseFloat(saller_gop_without_gst_amt_offer) + parseFloat(opsgop_without_gst)).toFixed(2);
                $("#final_gop_without_gst").val(final_gop_without_gst);
            });
            // keypress visa amount and total amount
            $(document).on('keyup', '#visa_offer', function(){
                // visa
                if($("#visa_offer").val() == ""){
                    var visa_amt_offer = 0.00;
                }else{
                    var visa_amt_offer = parseFloat($("#visa_offer").val());
                }
                // flight
                if($("#flight_offer").val() == ""){
                    var flight_amt_offer = 0.00;
                }else{
                    var flight_amt_offer = parseFloat($("#flight_offer").val());
                }
                // health insureance
                if($("#healthinsureance_offer").val() == ""){
                    var healthinsureance_amt_offer = 0.00;
                }else{
                    var healthinsureance_amt_offer = parseFloat($("#healthinsureance_offer").val());
                }

                if($("#sales_gop_with_gst_offer").val() == ""){
                    var sales_gop_with_gst_amt_offer = 0.00;
                }else{
                    var sales_gop_with_gst_amt_offer = parseFloat($("#sales_gop_with_gst_offer").val());
                }
                // land
                if($("#landinvamountoffer").val() == ""){
                    var land_inv_amt_offer = 0.00;
                }else{
                    var land_inv_amt_offer = parseFloat($("#landinvamountoffer").val());
                }
                // hotel
                if($("#hotelinvamountoffer").val() == ""){
                    var hotel_inv_amt_offer = 0.00;
                }else{
                    var hotel_inv_amt_offer = parseFloat($("#hotelinvamountoffer").val());
                }
                // cruise invoice
                if($("#cruiseinv_offer").val() == ""){
                    var cruiseinv_amt_offer = 0.00;
                }else{
                    var cruiseinv_amt_offer = parseFloat($("#cruiseinv_offer").val());
                }
                // tcs
                if($("#tcs_offer").val() == ""){
                    var tcs_amt_offer = 0.00;
                }else{
                    var tcs_amt_offer = parseFloat($("#tcs_offer").val());
                }

                $("#seller_selling_amount_offer").val((parseFloat(land_inv_amt_offer) + parseFloat(hotel_inv_amt_offer) + parseFloat(sales_gop_with_gst_amt_offer) + parseFloat(healthinsureance_amt_offer) + parseFloat(cruiseinv_amt_offer) + parseFloat(flight_amt_offer) + parseFloat(visa_amt_offer) + parseFloat(tcs_amt_offer)).toFixed(2));
                $('#ops_booking_amt').val((parseFloat(hotel_inv_amt_offer) + parseFloat(land_inv_amt_offer) + parseFloat(flight_amt_offer) + parseFloat(visa_amt_offer) + parseFloat(sales_gop_with_gst_amt_offer) + parseFloat(cruiseinv_amt_offer) + parseFloat(tcs_amt_offer)).toFixed(2));
                // ops gop amount calculation
                var ops_gop_amount = ((parseFloat(land_inv_amt_offer) + parseFloat(hotel_inv_amt_offer) + parseFloat(sales_gop_with_gst_amt_offer) + parseFloat(healthinsureance_amt_offer) + parseFloat(cruiseinv_amt_offer) + parseFloat(flight_amt_offer) + parseFloat(visa_amt_offer) + parseFloat(tcs_amt_offer)) - (parseFloat(hotel_inv_amt_offer) + parseFloat(land_inv_amt_offer) + parseFloat(flight_amt_offer) + parseFloat(visa_amt_offer) + parseFloat(sales_gop_with_gst_amt_offer) + parseFloat(cruiseinv_amt_offer) + parseFloat(tcs_amt_offer))).toFixed(2);
                $("#ops_gop_offer").val(ops_gop_amount);
                // ops gop without gst
                var opsgop_without_gst = (parseFloat(ops_gop_amount) - parseFloat(ops_gop_amount) / 118 *18).toFixed(2);
                $("#ops_gop_without_gst").val(opsgop_without_gst);
                var final_gop_without_gst = (parseFloat(saller_gop_without_gst_amt_offer) + parseFloat(opsgop_without_gst)).toFixed(2);
                $("#final_gop_without_gst").val(final_gop_without_gst);
            });
        </script>
    @endsection
@endsection