@section('scripts')
  @parent
  @if (setting('bids.block_aircraft', false))
    <script>
      $(document).ready(function() {
        let aircrafts = [{ id: 0, text: 'Loading Aircrafts...'}];
        let sel = $('#aircraft_select');
        $("button.save_flight").click(function(e) {
          e.preventDefault();
          const btn = $(this);
          const class_name = btn.attr('x-saved-class'); // classname to use is set on the element
          const flight_id = btn.attr('x-id');
          $('#aircraft_select').attr('x-saved-class', class_name)
          $('#aircraft_select').attr('x-id', flight_id)

          if (!btn.hasClass(class_name)) {
            // $('#bidModal').modal();
            let bidModal = new bootstrap.Modal(document.getElementById('bidModal'));
            bidModal.show();
            $.ajax(
              {
                headers: {'X-API-KEY': $('meta[name="api-key"]').attr('content')},
                url: '{{ Config::get('app.url') }}/api/flights/' + flight_id + '/aircraft'
              }).then((response) => {
                aircrafts = [];
                const results = response.map(ac => {
                  const text = `[${ac.icao}] ${ac.registration} ${ac.registration !== ac.name ? ` ${ac.name}` : ''}`;
                  aircrafts.push({ id: ac.id, text: text})
                });
                $('#aircraft_select option').remove();
                if (aircrafts.length === 0) $('#with_aircraft').hide()
                else $('#with_aircraft').show()
                sel.select2({ dropdownParent: $('#bidModal'), data: aircrafts});
              });
          } else {
            phpvms.bids.removeBid(flight_id).then(() => {
              console.log('successfully removed flight');
              btn.removeClass(class_name);
              alert('@lang('flights.bidremoved')');
              location.reload();
            }).catch((error) => {
              if (error.response && error.response.data) alert(`Error removing bid: ${error.response.data.details}`)
              else alert(`Error removing bid: ${error.message}`)
            });
          }
        });

        $('#with_aircraft').click(() => {
          const ac_id = $('#aircraft_select').val()
          const flight_id = $('#aircraft_select').attr('x-id');
          const class_name = $('#aircraft_select').attr('x-saved-class')
          phpvms.bids.addBid(flight_id, ac_id).then(() => {
            console.log('successfully saved flight');
            $('button.save_flight[x-id="' + flight_id + '"]').addClass(class_name);
            alert('@lang('flights.bidadded')');
            location.replace('/flights/bids');
          }).catch((error) => {
            if (error.response && error.response.data) alert(`Error adding bid: ${error.response.data.details}`)
            else alert(`Error adding bid: ${error.message}`)
          });
        });

        $('#without_aircraft').click(async () => {
          const flight_id = $('#aircraft_select').attr('x-id');
          const class_name = $('#aircraft_select').attr('x-saved-class')
          phpvms.bids.addBid(flight_id).then(() => {
            console.log('successfully saved flight');
            $('button.save_flight[x-id="' + flight_id + '"]').addClass(class_name);
            alert('@lang('flights.bidadded')');
            location.replace('/flights/bids');
          }).catch((error) => {
            if (error.response && error.response.data) alert(`Error adding bid: ${error.response.data.details}`)
            else alert(`Error adding bid: ${error.message}`)
          });
        });
      });
    </script>
  @else
    <script>
      $(document).ready(function() {
        $("button.save_flight").click(function(e) {
          e.preventDefault();
          const btn = $(this);
          const class_name = btn.attr('x-saved-class'); // classname to use is set on the element
          const flight_id = btn.attr('x-id');

          if (!btn.hasClass(class_name)) {
            phpvms.bids.addBid(flight_id).then(() => {
              console.log('successfully saved flight');
              btn.addClass(class_name);
              alert('@lang('flights.bidadded')');
              location.replace('/flights/bids');
            }).catch((error) => {
              if (error.response && error.response.data) alert(`Error adding bid: ${error.response.data.details}`)
              else alert(`Error adding bid: ${error.message}`)
            });
          } else {
            phpvms.bids.removeBid(flight_id).then(() => {
              console.log('successfully removed flight');
              btn.removeClass(class_name);
              alert('@lang('flights.bidremoved')');
              location.reload();
            }).catch((error) => {
              if (error.response && error.response.data) alert(`Error removing bid: ${error.response.data.details}`)
              else alert(`Error removing bid: ${error.message}`)
            });
          }
        });
      });
    </script>
  @endif
@endsection