{{ block title }}
    Bargaining
{{ endblock }}
{{ block content }}

	<div id="timer_wrapper" class="alert alert-info">
		<p>Time spent bargaining:
			<span style="font-weight: bold">
				<span id="timer">0:00</span>
			</span>
			<span id="time" hidden>0</span>
		</p>
		<span>A breakdown can happen anytime between 1:00 and 7:00.</span>
	</div>
	
	<table id="info_table" class="table table-bordered">
		<tr>
			<th>Outside option for objects A</th>
			<td>{{ player.outside_option_A }}</td>
			<th>Multiplier for objects B</th>
			<td>{{ player.objects_B_multiplier }}</td>
			<th>Round</th>
			<td>{{ player.round_number }} / {{ C.NUM_ROUNDS }}</td>
		</tr>
		<tr>
			<th>Outside option type</th>
			<td>{{ subsession.outside_type }}</td>
			<td colspan="4">
				{{ if subsession.outside_type == "Strong" }}
					If type-A objects >= outside option: Earnings = Number of objects
					<br>If type-A objects < outside option: Earnings = 0 ECU
				{{ endif }}
				{{ if subsession.outside_type == "Weak" }}
					Earnings = Number of objects
				{{ endif }}
			</td>
		</tr>
	</table>
	
	{{ if player.replaced_by_bot == 1 }}
		<div class="alert alert-danger">
			<p>You were not able to answer in time. A bot will play in your place.</p>
		</div>
	{{ endif }}

	<table id="bargain_table" class="table table-bordered table-striped">
		<th colspan="7">Your offer panel</th>
		<tr>
			<th width="4%"><br>Offer</th>
			<th width="18%">Objects A<br>for you</th>
			<th width="18%">Objects A<br>for your opponent</th>
			<th width="18%">Objects B<br>for you</th>
			<th width="18%">Objects B<br>for your opponent</th>
			<th width="24%" colspan="2"><br>Actions</th>
		</tr>
		<tr>
			<th>1</th>
			<td><input type="number" class="form-control" inputmode="numeric" id="panel_self_offer_1_objects_A" min="0" max="{{ player.subsession.objects_A }}" value="{{ self_offer_1_objects_A }}"></td>
			<td><input type="number" class="form-control" inputmode="numeric" id="panel_comp_offer_1_objects_A" min="0" max="{{ player.subsession.objects_A }}" value="{{ match_offer_1_objects_A }}"></td>
			<td><input type="number" class="form-control" inputmode="numeric" id="panel_self_offer_1_objects_B" min="0" max="{{ player.subsession.objects_B }}" value="{{ self_offer_1_objects_B }}"></td>
			<td><input type="number" class="form-control" inputmode="numeric" id="panel_comp_offer_1_objects_B" min="0" max="{{ player.subsession.objects_B }}" value="{{ match_offer_1_objects_B }}"></td>
			<td colspan="2">{{ if player.replaced_by_bot == 0 }}<button id="Update_1" type="button" class="otree-btn-next btn btn-primary" onclick="btn_update_1(this)" style="display: none;">Update</button>{{ endif }}</td>
		</tr>
		<tr>
			<th>2</th>
			<td><input type="number" class="form-control" inputmode="numeric" id="panel_self_offer_2_objects_A" min="0" max="{{ player.subsession.objects_A }}" value="{{ self_offer_2_objects_A }}"></td>
			<td><input type="number" class="form-control" inputmode="numeric" id="panel_comp_offer_2_objects_A" min="0" max="{{ player.subsession.objects_A }}" value="{{ match_offer_2_objects_A }}"></td>
			<td><input type="number" class="form-control" inputmode="numeric" id="panel_self_offer_2_objects_B" min="0" max="{{ player.subsession.objects_B }}" value="{{ self_offer_2_objects_B }}"></td>
			<td><input type="number" class="form-control" inputmode="numeric" id="panel_comp_offer_2_objects_B" min="0" max="{{ player.subsession.objects_B }}" value="{{ match_offer_2_objects_B }}"></td>
			<td colspan="2">{{ if player.replaced_by_bot == 0 }}<button id="Update_2" type="button" class="otree-btn-next btn btn-primary" onclick="btn_update_2(this)" style="display: none;">Update</button>{{ endif }}</td>
		</tr>
		<th colspan="7">Your active offers</th>
		<tr>
			<th><br>Offer</th>
			<th>Objects A<br>for you</th>
			<th>Objects A<br>for your opponent</th>
			<th>Objects B<br>for you</th>
			<th>Objects B<br>for your opponent</th>
			<th colspan="2"><br>Actions</th>
		</tr>
		<tr>
			<th>1</th>
			<td><span id="active_self_offer_1_objects_A">{{ self_offer_1_objects_A }}</span></td>
			<td><span id="active_comp_offer_1_objects_A">{{ match_offer_1_objects_A }}</span></td>
			<td><span id="active_self_offer_1_objects_B">{{ self_offer_1_objects_B }}</span></td>
			<td><span id="active_comp_offer_1_objects_B">{{ match_offer_1_objects_B }}</span></td>
			<td colspan="2">{{ if player.replaced_by_bot == 0 }}<button id="Cancel_1" type="button" class="otree-btn-next btn btn-primary" onclick="btn_cancel_1(this)" style="display: none;">Cancel</button>{{ endif }}</td>
		</tr>
		<tr>
			<th>2</th>
			<td><span id="active_self_offer_2_objects_A">{{ self_offer_2_objects_A }}</td>
			<td><span id="active_comp_offer_2_objects_A">{{ match_offer_2_objects_A }}</td>
			<td><span id="active_self_offer_2_objects_B">{{ self_offer_2_objects_B }}</td>
			<td><span id="active_comp_offer_2_objects_B">{{ match_offer_2_objects_B }}</td>
			<td colspan="2">{{ if player.replaced_by_bot == 0 }}<button id="Cancel_2" type="button" class="otree-btn-next btn btn-primary" onclick="btn_cancel_2(this)" style="display: none;">Cancel</button>{{ endif }}</td>
		</tr>
		<th colspan="7">Your opponent offers</th>
		<tr>
        <td colspan="7" style="color: red; text-align: center;">The action buttons will only be displayed if both you and your opponent have at least one offer provided.</td>
		</tr>
		<tr>
			<th><br>Offer</th>
			<th>Objects A<br>for you</th>
			<th>Objects A<br>for your opponent</th>
			<th>Objects B<br>for you</th>
			<th>Objects B<br>for your opponent</th>
			<th colspan="2"><br>Actions</th>
		</tr>
		<tr>
			<th>1</th>
			<td><span id="match_self_offer_1_objects_A">{{ self_offer_3_objects_A }}</td>
			<td><span id="match_comp_offer_1_objects_A">{{ match_offer_3_objects_A }}</td>
			<td><span id="match_self_offer_1_objects_B">{{ self_offer_3_objects_B }}</td>
			<td><span id="match_comp_offer_1_objects_B">{{ match_offer_3_objects_B }}</td>
			<td>{{ if player.replaced_by_bot == 0 }}<button id="Accept_1" type="button" class="otree-btn-next btn btn-primary" onclick="btn_accept_1(this)" style="display: none;">Accept</button>{{ endif }}</td>
			<td>{{ if player.replaced_by_bot == 0 }}<button id="Reject_1" type="button" class="otree-btn-next btn btn-primary" onclick="btn_reject_1(this)" style="display: none;">Reject</button>{{ endif }}</td>
		</tr>
		<tr>
			<th>2</th>
			<td><span id="match_self_offer_2_objects_A">{{ self_offer_4_objects_A }}</td>
			<td><span id="match_comp_offer_2_objects_A">{{ match_offer_4_objects_A }}</td>
			<td><span id="match_self_offer_2_objects_B">{{ self_offer_4_objects_B }}</td>
			<td><span id="match_comp_offer_2_objects_B">{{ match_offer_4_objects_B }}</td>
			<td>{{ if player.replaced_by_bot == 0 }}<button id="Accept_2" type="button" class="otree-btn-next btn btn-primary" onclick="btn_accept_2(this)" style="display: none;">Accept</button>{{ endif }}</td>
			<td>{{ if player.replaced_by_bot == 0 }}<button id="Reject_2" type="button" class="otree-btn-next btn btn-primary" onclick="btn_reject_2(this)" style="display: none;">Reject</button>{{ endif }}</td>
		</tr>
	</table>
	
	{{ if player.replaced_by_bot == 0 }}<button id="Abandon" type="button" class="otree-btn-next btn btn-primary" onclick="btn_abandon(this)">Abandon negotiations</button>{{ endif }}
	
	<br><br>
	
	{{ include_sibling summary }}
	
{{ endblock }}

{{ block styles }}
	<style>
		table {
			text-align: center;
		}
		#bargain_table td {
			height: 55px;
		}
		.otree-timer, .otree-title {
			display: none;
		}
	</style>
{{ endblock }}

{{ block scripts }}
    <script>
		var anyOfferSubmitted = false;                                                                                        // newnew 0525

		function checkAndUpdateOfferSubmission() {
			anyOfferSubmitted = ($("#active_self_offer_1_objects_A").text() && $("#active_self_offer_1_objects_B").text()) ||
                        ($("#active_self_offer_2_objects_A").text() && $("#active_self_offer_2_objects_B").text());
			refresh_btn_accept_reject_1();
			refresh_btn_accept_reject_2();
		}                                                                                                                     // newnew 0525
	</script>

	<script>
		// Management of numeric inputs
	
		function update_offer_1_objects_A( target ) {
			if ( target < 0 ) { target = 0 };
			if ( target > {{ player.subsession.objects_A }} ) { target = {{ player.subsession.objects_A }} };
			$( "#panel_self_offer_1_objects_A" ).val( target );
			$( "#panel_comp_offer_1_objects_A" ).val( {{ player.subsession.objects_A }} - target );
		}
		
		function update_offer_1_objects_B( target ) {
			if ( target < 0 ) { target = 0 };
			if ( target > {{ player.subsession.objects_B }} ) { target = {{ player.subsession.objects_B }} };
			$( "#panel_self_offer_1_objects_B" ).val( target );
			$( "#panel_comp_offer_1_objects_B" ).val( {{ player.subsession.objects_B }} - target );
		}
		
		function update_offer_2_objects_A( target ) {
			if ( target < 0 ) { target = 0 };
			if ( target > {{ player.subsession.objects_A }} ) { target = {{ player.subsession.objects_A }} };
			$( "#panel_self_offer_2_objects_A" ).val( target );
			$( "#panel_comp_offer_2_objects_A" ).val( {{ player.subsession.objects_A }} - target );
		}
		
		function update_offer_2_objects_B( target ) {
			if ( target < 0 ) { target = 0 };
			if ( target > {{ player.subsession.objects_B }} ) { target = {{ player.subsession.objects_B }} };
			$( "#panel_self_offer_2_objects_B" ).val( target );
			$( "#panel_comp_offer_2_objects_B" ).val( {{ player.subsession.objects_B }} - target );
		}
		
	</script>
	<script>
		// Handling of input changes
		
		$( "#panel_self_offer_1_objects_A" ).on( "change", function() {
			target = $( "#panel_self_offer_1_objects_A" ).val();
			update_offer_1_objects_A( target );
			refresh_btn_update_1();
		} );
		
		$( "#panel_self_offer_1_objects_B" ).on( "change", function() {
			target = $( "#panel_self_offer_1_objects_B" ).val();
			update_offer_1_objects_B( target );
			refresh_btn_update_1();
		} );
		
		$( "#panel_self_offer_2_objects_A" ).on( "change", function() {
			target = $( "#panel_self_offer_2_objects_A" ).val();
			update_offer_2_objects_A( target );
			refresh_btn_update_2();
		} );
		
		$( "#panel_self_offer_2_objects_B" ).on( "change", function() {
			target = $( "#panel_self_offer_2_objects_B" ).val();
			update_offer_2_objects_B( target );
			refresh_btn_update_2();
		} );
		
		$( "#panel_comp_offer_1_objects_A" ).on( "change", function() {
			target = {{ player.subsession.objects_A }} - $( "#panel_comp_offer_1_objects_A" ).val();
			update_offer_1_objects_A( target );
			refresh_btn_update_1();
		} );
		
		$( "#panel_comp_offer_1_objects_B" ).on( "change", function() {
			target = {{ player.subsession.objects_B }} - $( "#panel_comp_offer_1_objects_B" ).val();
			update_offer_1_objects_B( target );
			refresh_btn_update_1();
		} );
		
		$( "#panel_comp_offer_2_objects_A" ).on( "change", function() {
			target = {{ player.subsession.objects_A }} - $( "#panel_comp_offer_2_objects_A" ).val();
			update_offer_2_objects_A( target );
			refresh_btn_update_2();
		} );
		
		$( "#panel_comp_offer_2_objects_B" ).on( "change", function() {
			target = {{ player.subsession.objects_B }} - $( "#panel_comp_offer_2_objects_B" ).val();
			update_offer_2_objects_B( target );
			refresh_btn_update_2();
		} );
		
		
	</script>
	<script>
		// Handling buttons
		
		function btn_update_1( btn ) {
			target_A = $( "#panel_self_offer_1_objects_A" ).val();
			target_B = $( "#panel_self_offer_1_objects_B" ).val();
			outsideOptionA = {{ player.outside_option_A }};                                                                          // newnew 0528
			if (parseInt(target_A) < outsideOptionA) {
				if (!confirm('You are submitting an offer lower than your outside option' + outsideOptionA + '. This means you will earn zero if the offer is accepted.\n\nAre you sure you want to submit this offer?\n\nClick OK to submit this offer, or CANCEL to change it')) {
					return;  // If user clicks 'Cancel', abort the function
					}
			}                                                                                                                        // newnew 0528
			if ( target_A && target_B ) {
				liveSend({ message: "update", slot: 1, objects_A: target_A, objects_B: target_B, time: get_timer() });
			}
			$( "#active_self_offer_1_objects_A" ).text( target_A );
			$( "#active_comp_offer_1_objects_A" ).text( {{ player.subsession.objects_A }} - target_A );
			$( "#active_self_offer_1_objects_B" ).text( target_B );
			$( "#active_comp_offer_1_objects_B" ).text( {{ player.subsession.objects_B }} - target_B );
			refresh_btn_cancel_1();
			cooldown_btn_update_1();
			checkAndUpdateOfferSubmission();                                                                                         // newnew 0525
		};
		
		function btn_update_2( btn ) {
			target_A = $( "#panel_self_offer_2_objects_A" ).val();
			target_B = $( "#panel_self_offer_2_objects_B" ).val();
			outsideOptionA = {{ player.outside_option_A }};                                                                          // newnew 0528
			if (parseInt(target_A) < outsideOptionA) {
				if (!confirm('You are submitting an offer lower than your outside option' + outsideOptionA + '. + <b style="color: red;"> This means you will earn 0 if the offer is accepted </b>.\n\nAre you sure you want to submit this offer?\n\nClick OK to submit this offer, or CANCEL to change it')) {
					return;  // If user clicks 'Cancel', abort the function
					}
			}                                                                                                                        // newnew 0528
			if ( target_A && target_B ) {
				liveSend({ message: "update", slot: 2, objects_A: target_A, objects_B: target_B, time: get_timer() });
			}
			$( "#active_self_offer_2_objects_A" ).text( target_A );
			$( "#active_comp_offer_2_objects_A" ).text( {{ player.subsession.objects_A }} - target_A );
			$( "#active_self_offer_2_objects_B" ).text( target_B );
			$( "#active_comp_offer_2_objects_B" ).text( {{ player.subsession.objects_B }} - target_B );
			refresh_btn_cancel_2();
			cooldown_btn_update_2();
			checkAndUpdateOfferSubmission();                                                                                         // newnew 0525
		};
		
		function btn_cancel_1( btn ) {
			liveSend({ message: "cancel", slot: 1, objects_A: -1, objects_B: -1, time: get_timer() });
			$( "#active_self_offer_1_objects_A" ).text( "" );
			$( "#active_comp_offer_1_objects_A" ).text( "" );
			$( "#active_self_offer_1_objects_B" ).text( "" );
			$( "#active_comp_offer_1_objects_B" ).text( "" );
			refresh_btn_cancel_1();
			checkAndUpdateOfferSubmission();                                                                                         // newnew 0525
		};
		
		function btn_cancel_2( btn ) {
			liveSend({ message: "cancel", slot: 2, objects_A: -1, objects_B: -1, time: get_timer() });
			$( "#active_self_offer_2_objects_A" ).text( "" );
			$( "#active_comp_offer_2_objects_A" ).text( "" );
			$( "#active_self_offer_2_objects_B" ).text( "" );
			$( "#active_comp_offer_2_objects_B" ).text( "" );
			refresh_btn_cancel_2();
			checkAndUpdateOfferSubmission();                                                                                         // newnew 0525
		};
		
		function btn_reject_1( btn ) {
			liveSend({ message: "reject", slot: 1, objects_A: -1, objects_B: -1, time: get_timer() });
			$( "#match_self_offer_1_objects_A" ).text( "" );
			$( "#match_comp_offer_1_objects_A" ).text( "" );
			$( "#match_self_offer_1_objects_B" ).text( "" );
			$( "#match_comp_offer_1_objects_B" ).text( "" );
			$( "#Accept_1" ).hide();
			$( "#Reject_1" ).hide();
		};
		
		function btn_reject_2( btn ) {
			liveSend({ message: "reject", slot: 2, objects_A: -1, objects_B: -1, time: get_timer() });
			$( "#match_self_offer_2_objects_A" ).text( "" );
			$( "#match_comp_offer_2_objects_A" ).text( "" );
			$( "#match_self_offer_2_objects_B" ).text( "" );
			$( "#match_comp_offer_2_objects_B" ).text( "" );
			$( "#Accept_2" ).hide();
			$( "#Reject_2" ).hide();
		};
		
		function btn_accept_1( btn ) {
			console.log("Accept button clicked");    // new new 1106
			target_A = $( "#match_self_offer_1_objects_A" ).text();
			target_B = $( "#match_self_offer_1_objects_B" ).text();
			outsideOptionA = {{ player.outside_option_A }};                                                                          // newnew 0528
			if (parseInt(target_A) < outsideOptionA) {
				if (!confirm('You are accepting an offer lower than your outside option '+outsideOptionA+'.  <b style="color: red;"> This means you will earn zero. </b>Are you sure you want to accept this offer?\n\nClick OK to accept this offer, or CANCEL to change it.')) {
					console.log("User canceled the action");    // new new1106
					return;  // If user clicks 'Cancel', abort the function
					}
			}                                                                                                                         // newnew 0528
			console.log('Sending accept action for target_A: ${target_A}'); // 验证后续逻辑被触发// new new1106
			liveSend({ message: "accept", slot: 1, objects_A: target_A, objects_B: target_B, time: get_timer() });
			refresh_btn_accept_reject_1();
			cooldown_btn_accept_1();                                                                                                 // newnew 1106
			console.log("Accept action sent");	                                                                                     // new new 1106
		}
		
		function btn_accept_2( btn ) {
			target_A = $( "#match_self_offer_2_objects_A" ).text();
			target_B = $( "#match_self_offer_2_objects_B" ).text();
			outsideOptionA = {{ player.outside_option_A }};                                                                          // newnew 0528
			if (parseInt(target_A) < outsideOptionA) {
				if (!confirm('You are accepting an offer lower than your outside option '+outsideOptionA+'. This means you will earn zero. Are you sure you want to accept this offer?\n\nClick OK to accept this offer, or CANCEL to change it.')) {
					return; // If user clicks 'Cancel', abort the function
					}
			}                                                                                                                        // newnew 0528
			liveSend({ message: "accept", slot: 2, objects_A: target_A, objects_B: target_B, time: get_timer() });
			refresh_btn_accept_reject_2();                                                                                    // newnew 1106
			cooldown_btn_accept_2();
		}
		
		function btn_abandon( btn ) {
			liveSend({ message: "abandon", slot: 0, objects_A: -1, objects_B: -1, time: get_timer() });
			cooldown_btn_abandon();
		}
		
	</script>
	<script>
		// Showing and hiding buttons
		
		function refresh_btn_update_1() {
			if ( $( "#panel_self_offer_1_objects_A" ).val() &&
				 $( "#panel_comp_offer_1_objects_A" ).val() &&
				 $( "#panel_self_offer_1_objects_B" ).val() &&
				 $( "#panel_comp_offer_1_objects_B" ).val() ) {
					$( "#Update_1" ).show();
			} else {
					$( "#Update_1" ).hide();
			}
		}
		
		function refresh_btn_update_2() {
			if ( $( "#panel_self_offer_2_objects_A" ).val() &&
				 $( "#panel_comp_offer_2_objects_A" ).val() &&
				 $( "#panel_self_offer_2_objects_B" ).val() &&
				 $( "#panel_comp_offer_2_objects_B" ).val() ) {
					$( "#Update_2" ).show();
			} else {
					$( "#Update_2" ).hide();
			}
		}
		
		function refresh_btn_cancel_1() {
			if ( $( "#active_self_offer_1_objects_A" ).text() &&
				 $( "#active_comp_offer_1_objects_A" ).text() &&
				 $( "#active_self_offer_1_objects_B" ).text() &&
				 $( "#active_comp_offer_1_objects_B" ).text() ) {
					$( "#Cancel_1" ).show();
			} else {
					$( "#Cancel_1" ).hide();
			}
		}
		
		function refresh_btn_cancel_2() {
			if ( $( "#active_self_offer_2_objects_A" ).text() &&
				 $( "#active_comp_offer_2_objects_A" ).text() &&
				 $( "#active_self_offer_2_objects_B" ).text() &&
				 $( "#active_comp_offer_2_objects_B" ).text() ) {
					$( "#Cancel_2" ).show();
			} else {
					$( "#Cancel_2" ).hide();
			}
		}
		
		function refresh_btn_accept_reject_1() {
			if ( anyOfferSubmitted && $( "#match_self_offer_1_objects_A" ).text() && $( "#match_comp_offer_1_objects_A" ).text() &&
				 $( "#match_self_offer_1_objects_B" ).text() && $( "#match_comp_offer_1_objects_B" ).text() ) {
					$( "#Accept_1" ).show();
					$( "#Reject_1" ).show();
			} else {
					$( "#Accept_1" ).hide();
					$( "#Reject_1" ).hide();
			}
		}

		
		function refresh_btn_accept_reject_2() {
			if ( anyOfferSubmitted &&
				 $( "#match_self_offer_2_objects_A" ).text() &&
				 $( "#match_comp_offer_2_objects_A" ).text() &&
				 $( "#match_self_offer_2_objects_B" ).text() &&
				 $( "#match_comp_offer_2_objects_B" ).text() ) {
					$( "#Accept_2" ).show();
					$( "#Reject_2" ).show();
			} else {
					$( "#Accept_2" ).hide();
					$( "#Reject_2" ).hide();
			}
		}
		
	</script>
	<script>
		// Hide buttons for a cooldown time
		
		function cooldown_btn_update_1() {
			$( "#Update_1" ).hide();
			setTimeout(function() {
				$( "#Update_1" ).show();
			}, {{ C.BTN_COOLDOWN }});
		}
		
		function cooldown_btn_update_2() {
			$( "#Update_2" ).hide();
			setTimeout(function() {
				$( "#Update_2" ).show();
			}, {{ C.BTN_COOLDOWN }});
		}
		
		function cooldown_btn_accept_1() {
			$( "#Accept_1" ).hide();
			$( "#Reject_1" ).hide();
			setTimeout(function() {
				$( "#Accept_1" ).show();
				$( "#Reject_1" ).show();
			}, {{ C.BTN_COOLDOWN }});
		}
		
		function cooldown_btn_accept_2() {
			$( "#Accept_2" ).hide();
			$( "#Reject_2" ).hide();
			setTimeout(function() {
				$( "#Accept_2" ).show();
				$( "#Reject_2" ).show();
			}, {{ C.BTN_COOLDOWN }});
		}
		
		function cooldown_btn_abandon() {
			$( "#Abandon" ).hide();
			setTimeout(function() {
				$( "#Abandon" ).show();
			}, {{ C.BTN_COOLDOWN }});
		}
	</script>
	<script>
		// Receive offers from matching
		
		function liveRecv( data ) {
			if ( data["message"] == "update" ) {
				if ( data["slot"] == 1 ) {
					target_A = data.objects_A;
					target_B = data.objects_B;
					// flip self and comp
					$( "#match_comp_offer_1_objects_A" ).text( target_A );
					$( "#match_self_offer_1_objects_A" ).text( {{ player.subsession.objects_A }} - target_A );
					$( "#match_comp_offer_1_objects_B" ).text( target_B );
					$( "#match_self_offer_1_objects_B" ).text( {{ player.subsession.objects_B }} - target_B );
					refresh_btn_accept_reject_1();
					// BOT BEHAVIOUR //
					{{ if player.replaced_by_bot == 1 }}
						setTimeout( function() {
							if ( parseInt( $( "#match_self_offer_1_objects_A" ).text() ) >= {{ player.outside_option_A }} ) {
								btn_accept_1();
							} else {
								btn_reject_1();
							}
						}, 7000);
					{{ endif }}
					// BOT BEHAVIOUR //
				}
				if ( data["slot"] == 2 ) {
					target_A = data.objects_A;
					target_B = data.objects_B;
					// flip self and comp
					$( "#match_comp_offer_2_objects_A" ).text( target_A );
					$( "#match_self_offer_2_objects_A" ).text( {{ player.subsession.objects_A }} - target_A );
					$( "#match_comp_offer_2_objects_B" ).text( target_B );
					$( "#match_self_offer_2_objects_B" ).text( {{ player.subsession.objects_B }} - target_B );
					refresh_btn_accept_reject_2();
					// BOT BEHAVIOUR //
					{{ if player.replaced_by_bot == 1 }}
						setTimeout( function() {
							if ( parseInt( $( "#match_self_offer_2_objects_A" ).text() ) >= {{ player.outside_option_A }} ) {
								btn_accept_2();
							} else {
								btn_reject_2();
							}
						}, 7000);
					{{ endif }}
					// BOT BEHAVIOUR //
				}
			}
			if ( data["message"] == "cancel" ) {
				if ( data["slot"] == 1 ) {
					$( "#match_comp_offer_1_objects_A" ).text( "" );
					$( "#match_self_offer_1_objects_A" ).text( "" );
					$( "#match_comp_offer_1_objects_B" ).text( "" );
					$( "#match_self_offer_1_objects_B" ).text( "" );
					refresh_btn_accept_reject_1();
				}
				if ( data["slot"] == 2 ) {
					$( "#match_comp_offer_2_objects_A" ).text( "" );
					$( "#match_self_offer_2_objects_A" ).text( "" );
					$( "#match_comp_offer_2_objects_B" ).text( "" );
					$( "#match_self_offer_2_objects_B" ).text( "" );
					refresh_btn_accept_reject_2();
				}
			}
			if ( data["message"] == "reject" ) {
				if ( data["slot"] == 1 ) {
					$( "#active_comp_offer_1_objects_A" ).text( "" );
					$( "#active_self_offer_1_objects_A" ).text( "" );
					$( "#active_comp_offer_1_objects_B" ).text( "" );
					$( "#active_self_offer_1_objects_B" ).text( "" );
					refresh_btn_cancel_1();
				}
				if ( data["slot"] == 2 ) {
					$( "#active_comp_offer_2_objects_A" ).text( "" );
					$( "#active_self_offer_2_objects_A" ).text( "" );
					$( "#active_comp_offer_2_objects_B" ).text( "" );
					$( "#active_self_offer_2_objects_B" ).text( "" );
					refresh_btn_cancel_2();
				}
			}
			if ( data["message"] == "accept" ) {
				document.getElementById("form").submit();
			}
			if ( data["message"] == "abandon" ) {
				document.getElementById("form").submit();
			}
		}
	
	</script>
	<script>
		// Update timer
	
		document.addEventListener("DOMContentLoaded", function (event) {
			$( ".otree-timer__time-left" ).on('update.countdown', function (event) {
				var time_pased = {{ subsession.bargaining_breakdown }} - event.offset.totalSeconds;
				var minutes = Math.floor( time_pased / 60 );
				var seconds = time_pased - minutes * 60;
				if ( seconds < 10 ) {
					seconds = "0" + seconds.toString();
				}
				$("#timer").text( minutes + ":" + seconds );
				if ( time_pased > 60 ) {
					$( "#timer_wrapper" ).removeClass( "alert-info" );
					$( "#timer_wrapper" ).addClass( "alert-warning" );
				}
				// BOT BEHAVIOUR //
				{{ if player.replaced_by_bot == 1 }}
					if ( time_pased > 70 ) {
						if ( parseInt( $( "#match_self_offer_1_objects_A" ).text() ) >= {{ player.outside_option_A }} ) {
							btn_accept_1();
						} else {
							if ( parseInt( $( "#match_self_offer_2_objects_A" ).text() ) >= {{ player.outside_option_A }} ) {
								btn_accept_2();
							} else {
								btn_abandon();
							}
						}
					}
				{{ endif }}
				// BOT BEHAVIOUR //
				$("#time").text( time_pased );
			});
		});
		
		function get_timer() {
			return $("#time").text();
		}
	</script>
	<script>
		// Check buttons on page load
		
		$( document ).ready(function() {
			refresh_btn_update_1();
			refresh_btn_update_2();
			refresh_btn_cancel_1();
			refresh_btn_cancel_2();
			refresh_btn_accept_reject_1();
			refresh_btn_accept_reject_2();
			checkAndUpdateOfferSubmission();
		});
		
	</script>
{{ endblock }}