@extends('layouts.usermaster')
@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">Booking Approval Accountant</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">Booking Approval Accountant</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('booking/arrived/amount/store') }}" method="post">
                    @csrf
                    <div class="row">
                        <input type="hidden" name="id" value="{{ $bookings->id }}" readonly/>
                        <div class="col-lg-3">
                            <label for="">Handover Date</label>
                            <input type="date" name="handover_date" class="form-control" value="{{ $bookings->handover_date }}" readonly>
                            <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" readonly>
                            <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" class="select2 w-100 @error('client_name') is-invalid @enderror" disabled>
                                <option value="" selected>Select a Client</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">
                            <label for="">Client Number</label>
                            <input type="text" name="client_number" class="form-control" value="{{ $bookings->client_number }}" readonly>
                            <span class="text-danger error-text client_number_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" disabled>
                                <option value="" selected>Select a Sales POC</option>
                                @foreach ($salespocs as $salespoc)
                                    <option value="{{ $salespoc->id }}" {{ ( $salespoc->id == $bookings->sales_poc) ? '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>
                            <input type="text" name="destination" value="{{ $bookings->destination }}" class="form-control" readonly>
                            <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" disabled>
                                <option value="" selected>Select a OPS POC</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" disabled>
                                <option value="" selected>Select a Service Type</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 class="col-lg-3 mt-2">
                            <label for="">Hotel Invoice Amount</label>
                            <input type="text" name="hotel_invoice_amt" class="form-control" value="{{ $bookings->hotel_invoice_amt }}" readonly>
                            <span class="text-danger error-text hotel_invoice_amt_error"></span>
                        </div>
                        <div class="col-lg-3 mt-2">
                            <label for="">Land Inv Amt and Total Amount</label>
                            <input type="text" name="land_invoice_amt_and_total_amt" class="form-control" 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-3 mt-2">
                            <label for="">Cruise Invoice</label>
                            <input type="text" name="cruise_invoice" class="form-control" value="{{ $bookings->cruise_invoice }}" readonly>
                            <span class="text-danger error-text cruise_invoice_error"></span>
                        </div>

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

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

                        <div class="col-lg-3 mt-2">
                            <label for="">Sales GOP with GST</label>
                            <input type="text" name="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-3 mt-2">
                            <label for="">TCS</label>
                            <input type="text" name="tcs" class="form-control" value="{{ $bookings->tcs }}" readonly>
                            <span class="text-danger error-text tcs_error"></span>
                        </div>

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

                        <div class="col-lg-3 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-3 mt-2">
                            <label for="">Seller Selling Amount</label>
                            <input type="text" name="seller_selling_amt" 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-3 mt-2">
                            <label for="">OPS GOP</label>
                            <input type="text" name="ops_gop" class="form-control" value="{{ $bookings->ops_gop }}" readonly>
                            <span class="text-danger error-text ops_gop_error"></span>
                        </div>
                        <div class="col-lg-3 mt-2">
                            <label for="">OPS GOP without GST</label>
                            <input type="text" name="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-3 mt-2">
                            <label for="">Final GOP without GST</label>
                            <input type="text" name="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-3 mt-2">
                            <label for="">Amount Recieved</label>
                            <input type="text" name="amt_recieved" class="form-control" value="{{ $bookings->amt_recieved }}" readonly>
                            <span class="text-danger error-text amt_recieved_error"></span>
                        </div>

                        <div class="col-lg-3 mt-2">
                            <label for="">Amount Left</label>
                            <input type="text" name="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-3 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 }}" readonly>
                            <span class="text-danger error-text amt_refund_to_client_error"></span>
                        </div>

                        <div class="col-lg-3 mt-2">
                            <label for="">Cash Collected From Client</label>
                            <input type="text" name="cash_collected_from_client" class="form-control" value="{{ $bookings->cash_collected_from_client }}" readonly>
                            <span class="text-danger error-text cash_collected_from_client_error"></span>
                        </div>

                        {{-- <div class="col-lg-3 mt-2">
                            <label for="">1st Installment</label>
                            <input type="text" name="1st_installment" class="form-control" value="">
                            <span class="text-danger error-text 1st_installment_error"></span>
                        </div>

                        <div class="col-lg-3 mt-2">
                            <label for="">2st Installment</label>
                            <input type="text" name="2st_installment" class="form-control" value="">
                            <span class="text-danger error-text 2st_installment_error"></span>
                        </div> --}}

                        <div class="col-lg-3 mt-2">
                            <label for="">Payment Status</label>
                            <input type="text" name="payment_status" class="form-control" value="{{ $bookings->payment_status }}" readonly>
                            <span class="text-danger error-text payment_status_error"></span>
                        </div>

                        <div class="col-lg-3 mt-2">
                            <label for="">Acknowledgement Hanover Status</label>
                            <input type="text" name="acknowledgement_hanoverstatus" class="form-control" value="{{ $bookings->acknowledgement_hanoverstatus }}" readonly>
                            <span class="text-danger error-text acknowledgement_hanoverstatus_error"></span>
                        </div>

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

                        <div class="col-lg-3 mt-2">
                            <label for="">File Status</label>
                            <input type="text" name="file_status" class="form-control" value="{{ $bookings->file_status }}" readonly>
                            <span class="text-danger error-text file_status_error"></span>
                        </div>

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

                        <div class="col-lg-3 mt-2">
                            <label for="">Hotel Vouchered Status</label>
                            <input type="text" name="hotel_vouchered_status" class="form-control" value="{{ $bookings->hotel_vouchered_status }}" readonly>
                            <span class="text-danger error-text hotel_vouchered_status_error"></span>
                        </div>

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

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

                        <div class="col-lg-3 mt-2">
                            <label for="">Land Voucher Status</label>
                            <input type="text" name="land_voucher_status" class="form-control" value="{{ $bookings->land_voucher_status }}" readonly>
                            <span class="text-danger error-text land_voucher_status_error"></span>
                        </div>

                        <div class="col-lg-3 mt-2">
                            <label for="">Visa</label>
                            <input type="text" name="visa_two" class="form-control" value="{{ $bookings->visa_two }}" readonly>
                            <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" readonly>{{ $bookings->ops_remarks }}</textarea>
                            <span class="text-danger error-text ops_remarks_error"></span>
                        </div>
                    </div>
                    {{-- <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 pt-4">
                        <div class="table-responsive">
                            <table class="table table-striped mt-2">
                                <thead>
                                    <tr>
                                        <th>Sr.No.</th>
                                        <th>Money Received</th>
                                        <th>Mode of Payment</th>
                                        <th>Received Date</th>
                                        <th>Inward Amount</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @php
                                        $x = 0;
                                    @endphp
                                    @foreach ($moneyselecteds as $moneyselected)
                                    @php
                                        $x = $x + 1;
                                    @endphp
                                    <tr>
                                        <td>{{$loop->iteration}} <input type="hidden" name="item[{{ $moneyselected->id }}][moneyselectid]" value="{{ $moneyselected->id }}"></td>
                                        <td><input type="text" name="item[{{ $moneyselected->id }}][money_received]" class="form-control money_received" value="{{ $moneyselected->money_received }}" readonly></td>
                                        <td><select name="item[{{ $moneyselected->id }}][mode_of_payment]" class="form-control mode-of-payment" disabled><option value="">--- Select ---</option>@foreach ($salespocs as $salespoc)<option value="{{$salespoc->id}}" {{ ( $moneyselected->mode_of_payment == $salespoc->id) ? 'selected' : '' }}>{{$salespoc->name}}</option>@endforeach</td>
                                        <td><input type="date" name="item[{{ $moneyselected->id }}][received_date]" class="form-control" value="{{ $moneyselected->received_date }}" readonly></td>
                                        <td>
                                            <span><input type="checkbox" name="item[{{ $moneyselected->id }}][inward_amount]" class="accecpt" id="checkaccecpt{{ $x }}" value="1" {{ ($moneyselected->inward_amount == 1) ? 'checked' : "" }}></span> Accecpt
                                            <span><input type="checkbox" name="item[{{ $moneyselected->id }}][inwardamount_approval_reject]" class="reject" id="checkreject{{ $x }}" value="1" {{ ($moneyselected->inwardamount_approval_reject == 1) ? 'checked' : "" }}></span> Reject
                                            {{-- <span class="pl-4"><a href="{{ route('booking/arrived/amount/remark',$moneyselected->id) }}" class="btn btn-primary">Remark</a></span> --}}
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </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 pt-4">
                        <div class="table-responsive"> <!-- Add this wrapper for responsiveness -->
                            <table class="table table-striped mt-2">
                                <thead>
                                    <tr class="container">
                                        <th class="col-1">Sr.No.</th>
                                        <th class="col-2">Description</th>
                                        <th class="col-2">Hotel Vendor</th>
                                        <th class="col-2">Land Vendor</th>
                                        <th class="col-1">Pax</th>
                                        <th class="col-2">Unit Rate</th>
                                        <th class="col-2">Total</th>
                                        {{-- <th class="col-1">Inward Amount</th> --}}
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($bookingCalculations as $bookingCalculation)                                        
                                    <tr>
                                        <td>{{$loop->iteration}} <input type="hidden" name="items[{{ $bookingCalculation->id }}][bookingcalculationid]" value="{{ $bookingCalculation->id }}"></td>
                                        <td><input type="text" name="items[{{ $bookingCalculation->id }}][description]" class="form-control" value="{{ $bookingCalculation->description }}" readonly></td>
                                        <td><select name="items[{{ $bookingCalculation->id }}][hotel_vendor]" class="form-control" disabled><option selected="selected" disabled>-- Select --</option>@foreach ($hotelvendors as $hotelvendor)<option value="{{$hotelvendor->id}}" {{ ( $bookingCalculation->hotel_vendor == $hotelvendor->id) ? 'selected' : '' }}>{{$hotelvendor->name}}</option>@endforeach</select></td>
                                        <td><select name="items[{{ $bookingCalculation->id }}][land_vendor]" class="form-control" disabled><option selected="selected" disabled>-- Select --</option>@foreach ($landvendors as $landvendor)<option value="{{$landvendor->id}}" {{ ( $bookingCalculation->land_vendor == $landvendor->id) ? 'selected' : '' }}>{{$landvendor->name}}</option>@endforeach</select></td>
                                        <td><input type="text" name="items[{{ $bookingCalculation->id }}][qty]" class="form-control qty" value="{{ $bookingCalculation->qty }}" readonly></td>
                                        <td><input type="text" name="items[{{ $bookingCalculation->id }}][unit_rate]" class="form-control unit-rate" value="{{ $bookingCalculation->unit_rate }}" readonly></td>
                                        <td><input type="text" name="items[{{ $bookingCalculation->id }}][total]" class="form-control total" value="{{ $bookingCalculation->total }}" readonly></td>
                                    </tr>
                                    @endforeach
                                </tbody>
                                <tfoot>
                                    <tr >
                                        <td colspan="5"></td>
                                        <td><b>Grand Total:</b></td>
                                        <td id="grandTotal">{{ number_format((float)$total, 2, '.', '') }}</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>
  {{-- <script>
    // accecpt checkbox
    var checkaccecpt = $("#accecpt").val();
    // console.log(checkaccecpt, 'hi');
    $(".accecpt").click(function(){
        console.log(this);
    })

    //reject checkbox
    var checkreject = $("#reject").val();
    console.log(checkreject, 'hello');
  </script> --}}

  <script>
    // For Accecpt Here the checkbox is checked or not.
    $(document).on('click', '.accecpt', function() {
        var ntrid = $(this).attr('id');
        var newStr = ntrid.replace('checkaccecpt','');
        console.log(newStr);
        if($("#checkaccecpt"+newStr).prop('checked') == true){
            document.getElementById("checkreject"+newStr).checked = false;
        }
    });
    // For Reject Here the checkbox is checked or not.
    $(document).on('click', '.reject', function() {
        var ntrid = $(this).attr('id');
        var newStr = ntrid.replace('checkreject','');
        console.log(newStr);
        if($("#checkreject"+newStr).prop('checked') == true){
            document.getElementById("checkaccecpt"+newStr).checked = false;
        }
    });
  </script>
@endsection