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

<div class="container">
    @php
      $hotel =\DB::table('global_markup')->where('globalm_id',1)->first();
    @endphp

    <div class="row">
        <div class="col-md-6">
            <form action="" method="POST" id="FlightMarkUpForm">
                @csrf
            <div class="card">
                <div class="col-md-12">
                <div class="form-group">
                    <label for="exampleInputPassword1">Flight MarkUp</label>
                    <input type="text" name="fvalue" class="form-control" id="fvalue" placeholder="Hotel Markup" value="{{ $hotel->globalm_amount }}">
                </div>

                <div class="form-group">
                    <label for="exampleInputPassword1">Service</label>
                    <input type="text" name="fservice" class="form-control" id="fservice" placeholder="Hotel Markup Service" value="{{ $hotel->globalm_service }}" readonly>
                </div>

                <div class="" style="margin-top: 2rem;">
                    <select class="custom-select" name="ftype" id="ftype">
                        {{-- <option>Select Type</option> --}}
                        <option value="fix" @if($hotel->globalm_type == 'fix') selected @endif>Fixed</option>
                        <option value="percentage" @if($hotel->globalm_type == 'percentage') selected @endif>Percentage</option>
                    </select>
                </div>
                {{-- <span id="alert_mtype" class="text-danger">please select type !!!</span> --}}
                <div class="form-check form-switch mt-3 checkbox-lg">
                    <input class="form-check-input" type="checkbox" id="status" @if($hotel->globalm_status == 'Active') checked @endif>
                    <label class="form-check-label" for="status">Status</label>
                  </div>
                  <button type="submit" class="btn btn-success btn-right mb-3" style="float: right;">Update</button>
                </div>
            </div>
        </form>
        </div>
        @php
        $flight =   \DB::table('global_markup')->where('globalm_id',2)->first();
      @endphp
            <div class="col-md-6">
                <form action="" method="POST" id="HotelMarkUpForm">
                <div class="card">
                    <div class="col-md-12">
                    <div class="form-group">
                        <label for="exampleInputPassword1">Hotel MarkUp</label>
                        <input type="text" name="hvalue" class="form-control" id="hvalue" placeholder="Hotel Markup Value" value="{{ $flight->globalm_amount }}">
                    </div>

                    <div class="form-group">
                        <label for="exampleInputPassword1">Service</label>
                        <input type="text" name="hservice" class="form-control" id="hservice" placeholder="Hotel Markup Service" value="{{ $flight->globalm_service }}" readonly>
                    </div>

                    <div class="" style="margin-top: 2rem;">
                        <select class="custom-select" name="htype" id="htype">
                            {{-- <option>Select Type</option> --}}
                            <option value="fix" @if($flight->globalm_type == 'fix') selected @endif>Fixed</option>
                            <option value="percentage" @if($flight->globalm_type == 'percentage') selected @endif>Percentage</option>
                        </select>
                    </div>
                    <div class="form-check form-switch mt-3 checkbox-lg">
                        <input class="form-check-input" type="checkbox" id="hstatus" @if($flight->globalm_status == 'Active') checked @endif>
                        <label class="form-check-label" for="status">Status</label>
                      </div>
                      <button type="submit" class="btn btn-success btn-right mb-3" style="float: right;">Update</button>
                    </div>

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

@endsection

@section('scripts')
@parent
<script>
$(document).ready(function(){
// $('#alert_mtype').hide();
$(document).on('submit','#FlightMarkUpForm',function(e){
  e.preventDefault();
  // AJAX request
        let isChecked = $('#status').prop('checked');
        if(isChecked){
        var  status = 'Active';
        }else{
        var status = 'inActive';
        }
       var sel =  $('#mtype').find(":selected").val();
       if(sel == "Select Type"){
        $('#alert_mtype').show();
        // console.log(sel);
        return false;
       }
    var data = $(this).serializeArray();
    data.push({name: 'status', value: status});
  $.ajax({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    },
        method: 'post',
        url: "{{route('admin.updateFlightMarkup')}}",
        data:  data,
        success: function(msg) {
            // $('#exampleModal').modal('hide');
            // location.reload();
            swal("Updated!","Flight markup succesfully updated!","success");
        },
        error: function(XMLHttpRequest, textStatus, errorThrown) {
            console.log("some error");
        }
    });
});


$(document).on('submit','#HotelMarkUpForm',function(e){
  e.preventDefault();
  // AJAX request
        let isChecked = $('#hstatus').prop('checked');
        if(isChecked){
        var  status = 'Active';
        }else{
        var status = 'inActive';
        }
       var sel =  $('#htype').find(":selected").val();
       if(sel == "Select Type"){
        $('#alert_mtype').show();
        // console.log(sel);
        return false;
       }
    var data = $(this).serializeArray();
    data.push({name: 'status', value: status});
  $.ajax({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    },
        method: 'post',
        url: "{{route('admin.updateHotelMarkup')}}",
        data:  data,
        success: function(msg) {
            // $('#exampleModal').modal('hide');
            // location.reload();
            swal("Updated!","Hotel Markup succesfully updated!","success");
        },
        error: function(XMLHttpRequest, textStatus, errorThrown) {
            console.log("some error");
        }
    });
});
});
</script>
@endsection