@extends('layouts.app')

@section('content')
	<div class="page-wrapper">
    <div class="row page-titles">

        <div class="col-md-5 align-self-center">
            <h3 class="text-themecolor">{{trans('lang.rides')}}</h3>
        </div>
        <div class="col-md-7 align-self-center">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{url('/dashboard')}}">{{trans('lang.dashboard')}}</a></li>

                                    <li class="breadcrumb-item"><a href= "javascript:window.history.go(-1);" >{{trans('lang.rides')}}</a></li>
                
                <li class="breadcrumb-item">{{trans('lang.ride_edit')}}</li>
            </ol>
        </div>
    </div>

        <div class="card-body">
      	   <div id="data-table_processing" class="dataTables_processing panel panel-default" style="display: none;">{{trans('lang.processing')}}</div>

        <div class="order_detail" id="order_detail">
          <div class="order_detail-top">
            <div class="row">
              <div class="order_edit-genrl col-md-4">

                <h3>{{trans('lang.general_details')}}</h3>
                <div class="order_detail-top-box">

                  <div class="form-group row widt-100 gendetail-col">
                    <label class="col-12 control-label"><strong>{{trans('lang.date_created')}} : </strong><span id="createdAt"></span></label>
                    <!-- <div class="col-7">
                       <span id="createdAt"></span>
                    </div> -->
                  </div>

                 <!--  <div class="form-group row widt-100 gendetail-col"> -->
                  <div class="form-group row widt-100 gendetail-col payment_method">
                    <label class="col-12 control-label"><strong>{{trans('lang.payment_methods')}}: </strong><span id="payment_method"></span></label>
                    <!-- <div class="col-7">
                       <span id="payment_method"></span>
                    </div> -->
                  </div>

                  <div class="form-group row widt-100 gendetail-col">
                    <label class="col-12 control-label"><strong>{{trans('lang.order_type')}}:</strong> <span id="order_type"></span></label>
                  </div>

                  <div class="form-group row width-100 ">
                    <label class="col-3 control-label">{{trans('lang.status')}}:</label>
                    <div class="col-7">
                      <select id= "order_status" class="form-control">
                          <option value="Order Placed" id="order_placed">{{ trans('lang.order_placed')}}</option>
                          <option value="Order Accepted" id="order_accepted">{{ trans('lang.order_accepted')}}</option>
                          <option value="Order Rejected" id="order_rejected">{{ trans('lang.order_rejected')}}</option>
                          <option value="Driver Pending" id="driver_pending">{{ trans('lang.driver_pending')}}</option>
                          <option value="Driver Rejected" id="driver_rejected">{{ trans('lang.driver_rejected')}}</option>
                          <option value="Order Shipped" id="order_shipped">{{ trans('lang.order_shipped')}}</option>
                          <option value="In Transit" id="in_transit">{{ trans('lang.in_transit')}}</option>
                          <option value="Order Completed" id="order_completed">{{ trans('lang.order_completed')}}</option>
                      </select>
                   </div>
                  </div>

                  <!-- <div class="form-group row width-100">
                  <label class="col-3 control-label">Customer:</label>
                   <div class="col-7">
                    <select id="coupon_discount_type" class="form-control">
                    <option vale="percent">Completed</option>
                    <option value="fixed">Cancelled</option>
                    <option value="fixed">Cancelled</option>
                    <option value="fixed">Cancelled</option>
                    <option value="fixed">Cancelled</option>
                    <option value="fixed">Cancelled</option>
                  </select>
                   </div>
                  </div> -->
                  <div class="form-group row width-100">
                    <label class="col-3 control-label"></label>
                    <div class="col-7 text-right">
                     <button type="button" class="btn btn-primary save_order_btn" ><i class="fa fa-save"></i> {{trans('lang.update')}}</button>
                   </div>
                  </div>
                </div>

              </div>

              <div class="order_edit-genrl col-md-4">
                <h3>{{ trans('lang.billing_details')}}</h3>

                  <div class="address order_detail-top-box">
										<div class="address order_detail-top-box">
											<div class="form-group row widt-100 gendetail-col">
													<label class="col-12 control-label"><strong>{{trans('lang.name')}}
																	: </strong><span id="billing_name"></span></label>

											</div>
											<div class="form-group row widt-100 gendetail-col">
													<label class="col-12 control-label"><strong>{{trans('lang.address')}}
																	: </strong><span id="billing_line1"></span>  <span id="billing_line2"></span><span id="billing_country"></span></label>

											</div>

											<div class="form-group row widt-100 gendetail-col">
													<label class="col-12 control-label"><strong>{{trans('lang.email_address')}}
																	: </strong><span id="billing_email"></span></label>

											</div>
                  
                    <p><strong>{{trans('lang.phone')}}:</strong>
                      <span id="billing_phone"></span>
                    </p>
                  </div>
              </div>

              <div class="order_addre-edit col-md-4 driver_details_hide">
                <h3>{{ trans('lang.driver_detail')}}</h3>

                <div class="address order_detail-top-box">
                  <p>
                      <span id="driver_firstName"></span> <span id="driver_lastName"></span><br>
                  </p>
                  <p><strong>{{trans('lang.email_address')}}:</strong>
                       <span id="driver_email"></span>
                  </p>
                  <p><strong>{{trans('lang.phone')}}:</strong>
                    <span id="driver_phone"></span>
                  </p>
                  <p><strong>{{trans('lang.car_name')}}:</strong>
                    <span id="driver_carName"></span>
                  </p>
                  <p><strong>{{trans('lang.car_number')}}:</strong>
                    <span id="driver_carNumber"></span>
                  </p>
                </div>
              </div>

            </div>

          </div>



        <div class="order-deta-btm mt-4">
          <div class="row">
            <div class="col-md-8 order-deta-btm-left">
          <div class="order-items-list ">
            <div class="row">
              <div class="col-md-12">
                <table cellpadding="0" cellspacing="0" class="table table-striped table-valign-middle">

                   <thead>
                     <tr>
                      <th>{{trans('lang.from')}}</th>
                      <th>{{trans('lang.to')}}</th>
                      <th>{{trans('lang.price')}}</th>
                      <!-- <th>{{trans('lang.qty')}}</th> -->
                      <!-- <th>{{trans('lang.extras')}}</th> -->
                      <th>{{trans('lang.total')}}</th>
                    </tr>

                  </thead>

                  <tbody id="order_products">
                    <!-- <div id="order_products"></div> -->
                                     </tbody>
                </table>
              </div>
            </div>
          </div>

          <div class="order-data-row order-totals-items">
            <div class="row">
              <div class="col-md-12">
                 <table class="order-totals">

                    <tbody id="order_products_total">
                        <!-- <tr>
                            <td class="label">Items Subtotal:</td>
                            <td class="total">
                              $ 172.00
                            </td>
                          </tr>
                        <tr>
                            <td class="label">Shipping:</td>
                            <td class="total">
                              $ 10.00</td>
                          </tr>
                        <tr>
                          <td class="label">Order Total:</td>
                          <td class="total">
                            $ 182.00 </td>
                        </tr>

                         <tr class="paid">
                          <td class="label">Paid</td>
                          <td class="total">
                            $ 182.00</td>
                        </tr> -->

                  </tbody>
                </table>
              </div>
            </div>
         </div>
        </div>

         <div class="col-md-4 order-deta-btm-right">
            <div class="resturant-detail">
              <div class="card">
                <div class="card-header">
                  <h4 class="card-header-title">{{trans('lang.driver_detail')}}</h4>
                </div>

                <div class="card-body">
                  <a href="#" class="row redirecttopage" id="resturant-view">
                    <div class="col-4">
                      <img src="" class="resturant-img rounded-circle" alt="driver" width="70px" height="70px">
                    </div>
                    <div class="col-8">
                      <h4 class="vendor-title"></h4>
                    </div>
                  </a>

                  <h5 class="contact-info">{{trans('lang.contact_info')}}:</h5>
                   <!-- <p><strong>{{trans('lang.email_address')}}:</strong>
                       <span id="vendor_email"></span>
                    </p> -->
                    <p><strong>{{trans('lang.phone')}}:</strong>
                      <span id="vendor_phone"></span>
                    </p>
                    <h5 class="contact-info">{{trans('lang.car_info')}}:</h5>
                    <a href="#" class="row redirecttopage" id="car-view">
                    <div class="col-4">
                      <img src="" class="car-img rounded-circle" alt="car" width="70px" height="70px">
                    </div>

                  </a>
                   <br>
                   <p ><strong style="width:auto !important;">{{trans('lang.car_name')}}:</strong>
                    <span id="driver_carName"></span>
                  </p> <br>
                  <p ><strong style="width:auto !important;">{{trans('lang.car_number')}}:</strong>
                    <span id="driver_carNumber"></span>
                  </p> <br>
                  <p ><strong style="width:auto !important;">{{trans('lang.car_make')}}:</strong>
                    <span id="driver_car_make"></span>
                  </p>

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

        </div>
        </div>

       </div>

      </div>





   <!--  </div> -->


            <div class="form-group col-12 text-center btm-btn">
          <button type="button" class="btn btn-primary save_order_btn" ><i class="fa fa-save"></i> {{trans('lang.save')}}</button>

                       <a href="javascript:window.history.go(-1);" class="btn btn-default"><i class="fa fa-undo"></i>{{trans('lang.cancel')}}</a>
          
          <!-- <a href="{!! route('orders') !!}" class="btn btn-default"><i class="fa fa-undo"></i>{{trans('lang.cancel')}}</a> -->
      </div>

      </div>



          </div>
        </div>


 @endsection

@section('style')
<style type="text/css">

</style>
@section('scripts')
<script src="https://cdnjs.cloudflare.com/ajax/libs/printThis/1.15.0/printThis.js"></script>
<script>
var adminCommission=0;
var id_rendom = "6938f294822d4";
var id = "";
var driverId='';
var fcmToken='';
var old_order_status='';
var payment_shared=false;
var deliveryChargeVal = 0;
var tip_amount_val = 0;
var tip_amount=0;
var vendorname='';
var database = firebase.firestore();
var ref = database.collection('rides').where("id","==",id);
var append_procucts_list = '';
var append_procucts_total = '';
var total_price=0;
var currentCurrency = '';
var currencyAtRight = false;
var refCurrency = database.collection('currencies').where('isActive', '==' , true);
var orderPreviousStatus = '';
var orderTakeAwayOption = false;
var manfcmTokenVendor='';
var manname='';
refCurrency.get().then( async function(snapshots){
    var currencyData = snapshots.docs[0].data();
    currentCurrency = currencyData.symbol;
    currencyAtRight = currencyData.symbolAtRight;
});


var geoFirestore = new GeoFirestore(database);
var place_image ='';
var ref_place = database.collection('settings').doc("placeHolderImage");
 ref_place.get().then( async function(snapshots){

    var placeHolderImage = snapshots.data();
    place_image = placeHolderImage.image;
  //  console.log('place_image'+place_image);

});

$(document).ready(function(){

    var alovelaceDocumentRef = database.collection('vendor_orders').doc();
    if(alovelaceDocumentRef.id){
        id_rendom=alovelaceDocumentRef.id;
    }
    $(document.body).on('click', '.redirecttopage' ,function(){
        var url=$(this).attr('data-url');
        window.location.href = url;
    });

    jQuery("#data-table_processing").show();

    ref.get().then( async function(snapshots){
    var ride = snapshots.docs[0].data();

    append_procucts_list = document.getElementById('order_products');
    append_procucts_list.innerHTML='';

    append_procucts_total = document.getElementById('order_products_total');
    append_procucts_total.innerHTML='';


    $("#billing_name").text(ride.author.shippingAddress.name);
    var billingAddressstring = '';

    $("#trackng_number").text(id);
    if(ride.author.shippingAddress.hasOwnProperty('line1')){
      $("#billing_line1").text(ride.author.shippingAddress.line1);
    }
    if(ride.author.shippingAddress.hasOwnProperty('line2')){
      billingAddressstring = billingAddressstring + ride.author.shippingAddress.line2;
    }
    if(ride.author.shippingAddress.hasOwnProperty('city')){
      billingAddressstring = billingAddressstring+", "+ ride.author.shippingAddress.city;
    }

    if(ride.author.shippingAddress.hasOwnProperty('postalCode')){
      billingAddressstring = billingAddressstring+", "+ ride.author.shippingAddress.postalCode;
    }

    if(ride.author.hasOwnProperty('phoneNumber')){
      $("#billing_phone").text(ride.author.phoneNumber);
    }

    $("#billing_line2").text(billingAddressstring);

    if(ride.author.shippingAddress.hasOwnProperty('country')){

      $("#billing_country").text(ride.author.shippingAddress.country);

    }

    if(ride.author.shippingAddress.hasOwnProperty('email')){
      $("#billing_email").html('<a href="mailto:'+ride.author.shippingAddress.email+'">'+ride.author.shippingAddress.email+'</a>');
    }

    if (ride.createdAt) {
        var date1 = ride.createdAt.toDate().toDateString();
        var date = new Date(date1);
        var dd = String(date.getDate()).padStart(2, '0');
        var mm = String(date.getMonth() + 1).padStart(2, '0'); //January is 0!
        var yyyy = date.getFullYear();
        var createdAt_val = yyyy + '-' + mm + '-' + dd;
        var time = ride.createdAt.toDate().toLocaleTimeString('en-US');
        //console.log('time'+time);
      $('#createdAt').text(createdAt_val+' '+time);
    }

    if (ride.payment_method) {

      if (ride.payment_method == 'cod') {
        $('#payment_method').text('{{trans("lang.cash_on_delivery")}}');
      } else if(ride.payment_method == 'paypal') {
        $('#payment_method').text('{{trans("lang.paypal")}}');
      }else{
        $('#payment_method').text(ride.payment_method);
      }

    }
    if(ride.hasOwnProperty('takeAway') && ride.takeAway){
      $('#driver_pending').hide();
      $('#driver_rejected').hide();
      $('#order_shipped').hide();
      $('#in_transit').hide();
      $('#order_type').text('{{trans("lang.order_takeaway")}}');
      $('.payment_method').hide();
      orderTakeAwayOption = true;

    }else{
      $('#order_type').text('{{trans("lang.order_delivery")}}');
      $('.payment_method').show();

    }

    if ((ride.driver!='' && ride.driver!=undefined ) && (ride.takeAway) ) {

      $('#driver_carName').text(ride.driver.carName);
      $('#driver_carNumber').text(ride.driver.carNumber);
      $('#driver_email').html('<a href="mailto:'+ride.driver.email+'">'+ride.driver.email+'</a>');
      $('#driver_firstName').text(ride.driver.firstName);
      $('#driver_lastName').text(ride.driver.lastName);
      $('#driver_phone').text(ride.driver.phoneNumber);

    }else{
      $('.order_edit-genrl').removeClass('col-md-4').addClass('col-md-6');
      $('.order_addre-edit').removeClass('col-md-4').addClass('col-md-6');
      $('.driver_details_hide').empty();

    }

    if (ride.driverID != '' && ride.driverID != undefined) {
        driverId = ride.driverID;
    }
    if (ride.vendor && ride.vendor.author != '' && ride.vendor.author != undefined) {
        vendorAuthor = ride.vendor.author;
    }
    fcmToken=ride.author.fcmToken;
		if (ride.driver!=undefined) {
			drivername=ride.driver.firstName;
		}else{
			drivername='';
		}



    customername = ride.author.firstName;

    driverID = ride.driverID;
    old_order_status=ride.status;
    if(ride.payment_shared!=undefined){
        payment_shared = ride.payment_shared;
    }
    var productsListHTML=buildHTMLProductsList(snapshots);
   var productstotalHTML=buildHTMLProductstotal(ride);

     if(productsListHTML!=''){
        append_procucts_list.innerHTML=productsListHTML;
     }

     if(productstotalHTML!=''){
        append_procucts_total.innerHTML=productstotalHTML;
     }

  // var address =

    orderPreviousStatus = ride.status;
    if (ride.hasOwnProperty('payment_method')) {
        orderPaymentMethod = ride.payment_method;
    }

    // $(".order_id").val(ride.id);
    // $(".client_name").val(ride.author.firstName+' '+ride.author.lastName);
    $("#order_status option[value='"+ride.status+"']").attr("selected","selected");
    if(ride.status=="Order Rejected" || ride.status=="Driver Rejected"){
      $("#order_status").prop("disabled", true);
    }
    var price = 0;


    // $(".order_price").val(price);
    // $("#order_status").val(ride.status);
    // $(".order_vendor").val(ride.vendor.title);



   if (ride.driverID) {
     var driver = database.collection('users').where("id","==",ride.driverID);

     driver.get().then( async function(snapshotsnew){
       var driverdata = snapshotsnew.docs[0].data();

         if (driverdata.id) {
             var route_view =  '{{route("drivers.view",":id")}}';
               route_view = route_view.replace(':id', driverdata.id);

             $('#resturant-view').attr('data-url',route_view);
         }
         if (driverdata.profilePictureURL) {
             $('.resturant-img').attr('src',driverdata.profilePictureURL);
         }else{
             $('.resturant-img').attr('src',place_image);
         }
         if (driverdata.firstName) {
             $('.vendor-title').html(driverdata.firstName+' '+driverdata.lastName);
         }

          if (driverdata.email) {
              $('#vendor_email').html(driverdata.email);
          }
         if (driverdata.phoneNumber) {
             $('#vendor_phone').text(driverdata.phoneNumber);
          }
          if (driverdata.id) {
             var route_view =  '{{route("drivers.view",":id")}}';
               route_view = route_view.replace(':id', driverdata.id);

             $('#resturant-car').attr('data-url',route_view);
         }
         if (driverdata.carPictureURL) {
             $('.car-img').attr('src',driverdata.carPictureURL);
         }else{
             $('.car-img').attr('src',place_image);
         }
         if (driverdata.carName) {
             $('#driver_carName').html(driverdata.carName);
         }

          if (driverdata.carNumber) {
              $('#driver_carNumber').html(driverdata.carNumber);
          }
         if (driverdata.carMakes) {
             $('#driver_car_make').text(driverdata.carMakes);
          }

     });

    }
    ref.get().then( async function(snapshotsride){

      snapshotsride.docs.forEach((listval) => {
    database.collection('rides').where('id','==',listval.id).where("status","in",["Order Completed"]).get().then( async function(orderSnapshots){
            var count_order_complete=orderSnapshots.docs.length;
            // database.collection('users').doc(listval.id).update({'orderCompleted':count_order_complete}).then(function(result) {

            //  });

        });

    });
});

       jQuery("#data-table_processing").hide();
  })


$(".save_order_btn").click(async function(){


  //var is_disable_delete = "//";
  //  if(is_disable_delete == 1){
  //      alert("Do not alllow to change in demo content !");
  //      return false;
  //  }

  var clientName = $(".client_name").val();
  var orderStatus = $("#order_status").val();
  if(old_order_status!=orderStatus){
        database.collection('rides').doc(id).update({'status':orderStatus}).then( async function(result) {

              if(orderStatus=="Order Completed"){
                  //manfcmTokenVendor = fcmTokenVendor;
                  manname = customername;
              }else{
                  manfcmTokenRide = fcmToken;
                  manname = drivername;
              }
              if (orderStatus != orderPreviousStatus && payment_shared==false) {
                  if (orderStatus == 'Order Completed') {

                  vendorAmount=parseFloat(total_price) + (parseFloat(adminCommission));
                  driverAmount=parseFloat(deliveryChargeVal) - parseFloat(tip_amount);
                  var vendor = database.collection('users').where("driverID", "==", driverID);
                  var vendorWallet = 0;
                  await database.collection('order_transactions').doc(id_rendom).set({'date': vendorWallet,'driverAmount':driverAmount,'driverId':driverID,'id':id_rendom,'order_id':id}).then( async function (result) {
                          // await vendor.get().then(async function (snapshotsnew) {
                          //     var vendordata = snapshotsnew.docs[0].data();
                          //     if(vendordata){
                          //         if(isNaN(vendordata.wallet_amount) || vendordata.wallet_amount==undefined){
                          //             vendorWallet=0;
                          //         }else{
                          //             vendorWallet=parseFloat(vendordata.wallet_amount);
                          //         }
                          //         if(orderPaymentMethod == 'cod' && orderTakeAwayOption == true){
                          //             vendorWallet=vendorWallet-parseFloat(adminCommission);
                          //         }else{
                          //             vendorWallet=vendorWallet+parseFloat(vendorAmount);
                          //         }

                          //         if(!isNaN(vendorWallet)){
                          //           database.collection('users').doc(vendordata.id).update({'wallet_amount': vendorWallet}).then(function (result) {

                          //         });
                          //         }

                          //     }
                          // });
                      if(driverId && driverAmount){
                          var driver = database.collection('users').where("id", "==", driverId);
                          await driver.get().then(async function (snapshotsdriver) {
                              var driverdata = snapshotsdriver.docs[0].data();
                              if(driverdata){
                                  if(isNaN(driverdata.wallet_amount) || driverdata.wallet_amount==undefined){
                                      driverWallet=0;
                                  }else{
                                      driverWallet=driverdata.wallet_amount;
                                  }
                                  if(orderPaymentMethod == 'cod' && orderTakeAwayOption == true){
                                      driverWallet=driverWallet-parseFloat(total_price)-parseFloat(driverAmount);
                                  }else{
                                      driverWallet=driverWallet+driverAmount;
                                  }
                                  if(!isNaN(vendorWallet)){
                                    await database.collection('users').doc(driverdata.id).update({'wallet_amount': driverWallet}).then( async function (result) {

                                    });
                                  }

                              }
                          })
                      }
                  });

                  await database.collection('rides').doc(id).update({'payment_shared':true}).then( async function (result) {
                  });
              }

              await $.ajax({
                  type: 'POST',
                  url: "