@extends('layouts.admin')
@section('content')


<div class="card">
    <div class="card-header">
        {{ trans('global.create') }} {{ 'Manual Flight' }}
    </div>
    <form action="{{ url('admin/update-custom-flight') }}" method="post">
        @csrf
    <div class="card-body">
        <div class="row">
            <div class=" col-lg-4 col-md-4 col-sm-12 col-12">
                <div class="flight_Search_boxed form-group">
                    <input type="hidden" value="{{ $data->id }}" name="custom_id">
                  <input type="text" placeholder="From Location" class="search_flight_city form-control" name="from_city" autocomplete="off" value="{{ $data->from_location }}"/>
                  <input class="flight_location_input_hidden" type="hidden" value="{{ $data->from_location }}" name="flightfromlocationhidden"  />
                  <h6 id="fromLocationcheck" style="color: red; display:none"> Please Enter From Location... </h6>
                </div>
                <div class="dropdown location_list_flight_div">
                  <div  class="dropdown_passenger_info" aria-labelledby="dropdownMenuButton2">
                    <div class="traveller-calulate-persons">
                      <ul class="location_list_flight"></ul>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-lg-4 col-md-4 col-sm-12 col-12">
                <div class="flight_Search_boxed form-group">
                  <input  type="text" placeholder="To Location" class="search_flight_city to_location form-control"  name="to_city"  autocomplete="off" value={{ $data->to_location }} >
                  <input class="flight_location_input_hidden" type="hidden" name="flighttolocationhidden"value=" {{ $data->to_location }}" />
                  <h6 id="toLocationcheck" style="color: red; display:none"> Please Enter To Location... </h6>
                </div>
                <div class="dropdown location_list_flight_div">
                  <div class="dropdown_passenger_info" aria-labelledby="dropdownMenuButton2">
                    <div class="traveller-calulate-persons">
                      <ul class="location_list_flight"></ul>
                    </div>
                  </div>
                </div>
              </div>
        </div>
        <div class="row" style="margin-left: -14px;">
            <div class="form-group col-lg-12 col-md-12 col-sm-12 col-12" style="display:flex">
                <div class="form_search_date col-md-4">
                    <div class="flight_Search_boxed date_flex_area">
                        <div class="Journey_date">
                            <p style="margin-bottom: 3px;">From Date</p>
                            <input class="form-control date_picker" type="datetime-local" name="from_date" value="{{ date('Y-m-d h:i',strtotime($data->from_date)) }}">
                        </div>
                    </div>
                </div>
                <div class="to_search_date col-md-4">
                    <div class="flight_Search_boxed date_flex_area">
                        <div class="Journey_date">
                            <p style="margin-bottom: 3px;">To date</p>
                            <input class="form-control date_picker" type="datetime-local" name="to_date" value="{{ date('Y-m-d h:i',strtotime($data->to_date)) }}">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class=" col-lg-4 col-md-4 col-sm-12 col-12">
                <div class="flight_Search_boxed form-group">
                  <input type="number"  placeholder="price" class="form-control price" name="price" value="{{ $data->price }}"/>
                  <h6 id="pricecheck" style="color: red; display:none"> Please Enter Price... </h6>

                </div>
                <button id="submitbtn" class="btn btn-success" type="submit">Submit</button>
              </div>

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

</div>
@endsection

@section('scripts')
<script>
    $('#oneway-tab').click(function(){
        $('#roundtrip').removeClass('show');
        $('input[name=arrive_date]').attr('disabled',true);
    })

    $('#roundtrip-tab').click(function(){
        $('input[name=arrive_date]').attr('disabled',false);
    })
    $('.search_flight_city').on('keyup', function() {

    var _this = $(this);
    _this.parent().next('.location_list_flight_div').show();
  var value = $(this).val();
  if (value.length > 2) {
    $.ajax({
      type: "GET",
      url: "@if(Auth::check() && Auth::User()->roles()->first()->title == 'Agent'){{route('frontend.get-flight-cities')}}@else{{route('get-flight-cities')}}@endif",
      data: {
        "data": value,
        "country": "IN"
      },
      success: function(data) {
        if (data.length > 0) {
          var html = '';
          $.each(data, function(key, value) {
            console.log(value);
            html += '<li class="list-group-item location_item_flight" index="' + value.airport_code + '"' + ' href="#">' + value.airport_name + ' (' + value.airport_city_name + ')' + '</a>';
          });
          _this.parent().next('div').find('.location_list_flight:first').html(html);
        } else {
          _this.parent().next('div').find('.location_list_flight:first').html('');
        }
      }
    });
  } else {
    _this.parent().next('div').find('.location_list_flight:first').html('');
  }
 })

    $(document).on('click','.location_item',function(){
        $('.location_input_hidden').val($(this).attr('index'));
        $('.search_hotel_city').val($(this).text());
        $('.location_list_div').hide();
    })

    $(document).on('click','.location_item_flight',function(){
        var _this = $(this);
        _this.parents().eq(4).find('.flight_location_input_hidden').val($(this).attr('index'));
        _this.parents().eq(4).find('.search_flight_city').val($(this).text());
        _this.parents().eq(4).find('.location_list_flight_div').hide();
    })
</script>

<script>
$(document).ready(function () {
    let fromLocationError = true;
    let toLocationError = true;
    $(".search_flight_city").keyup(function () {
        validateFromLocation();
    });

    function validateFromLocation() {
        let fromLocation = $(".search_flight_city").val();
        if (fromLocation.length == "") {
            $("#fromLocationcheck").show();
            fromLocationError = false;
            return false;
        } else if (fromLocation.length < 3) {
            $("#fromLocationcheck").show();
            $("#fromLocationcheck").html("length of location must be minimum 3 character");
            fromLocationError = false;
            return false;
        } else {
            $("#fromLocationcheck").hide();
            fromLocationError = true;
            return true;
        }
    }

    $(".to_location").keyup(function () {
        validateToLocation();
    });
    function validateToLocation() {
        let toLocation = $(".to_location").val();
        if (toLocation.length == "") {
            $("#toLocationcheck").show();
            toLocationError = false;
            return false;
        } else if (toLocation.length < 3) {
            $("#toLocationcheck").show();
            $("#toLocationcheck").html("length of location must be minimum 3 character");
            toLocationError = false;
            return false;
        } else {
            $("#toLocationcheck").hide();
            toLocationError = true;
            return true;
        }
    }

    $(".price").keyup(function () {
        validatePrice();
    });
    function validatePrice() {
        let price = $(".price").val();
        if (price.length == "") {
            $("#pricecheck").show();
            priceError = false;
            return false;
        } else {
            $("#pricecheck").hide();
            priceError = true;
            return true;
        }
    }

$("#submitbtn").click(function () {
        validateFromLocation();
        validateToLocation();
        validatePrice();
        if ( fromLocationError == true &&  toLocationError == true && priceError == true) {
            console.log('hello');
            return true;
        } else {
            console.log('else');
            return false;
        }
    });
});
</script>
<script>
    // var today = new Date();
    //   var dd = String(today.getDate()).padStart(2, '0');
    //   var mm = String(today.getMonth() + 1).padStart(2, '0');
    //   var yyyy = today.getFullYear();

    //   today = yyyy + '-' + mm + '-' + dd;
    //   $('.date_picker').attr('min',today);
    var today = new Date(Date.now() + (3600 * 1000 * 24)).toISOString().slice(0, 16);
    console.log(today);
    document.getElementsByName("from_date")[0].min = today;
    document.getElementsByName("to_date")[0].min = today;
</script>
@endsection