@section('page_title')
    OSAA - Dual Meet Editor
@stop

@section('page_sub_title')    
    Edit {{ $information['event']['name'] }}
@stop

@section('scripts')
    @parent

	<script src="{{ asset('scripts/jquery.timepicker.min.js') }}" type="text/javascript"></script> 	

	<style type="text/css">
		.ui-autocomplete {
			max-height: 200px;
			overflow-y: auto;
			/* prevent horizontal scrollbar */
			overflow-x: hidden;
		}
		/* IE 6 doesn't support max-height
		* we use height instead, but this forces the menu to always be this tall
		*/
			* html .ui-autocomplete {
			height: 200px;
		}
	</style>

@stop

@section('jquery_init')
	$('.tooltip').tooltip();
	$('.tooltip.above').tooltip({ position : {my: "left bottom-15", at: "left top", collision: "flipfit"}});
	$('.tooltip.right').tooltip({ position : {my: "left+15 middle", at: "right middle", collision: "flipfit"}});

	$('.button').button();		
	$('.button.notext').button({text:false});
	$('.button.delete').button({ icons : { primary : 'ui-icon-closethick'}});
	$('.button.drop').button({ icons : { primary : 'ui-icon-circle-close'}});
	$('.button.cancel').button({ icons : { primary : 'ui-icon-circle-minus'}});
	$('.button.trash').button({ icons : { primary : 'ui-icon-trash'}});
	$('.button.clipboard').button({ icons : { primary : 'ui-icon-clipboard'}});
	$('.button.print').button({ icons : { primary : 'ui-icon-print'}});
	$('.button.add').button({ icons : { primary : 'ui-icon-plusthick'}});
	$('.button.next').button({ icons : { secondary : 'ui-icon-triangle-1-e'}});
	$('.button.add_teams').button({ icons : { secondary : 'ui-icon-triangle-1-e'}});	
	$('.button.join').button({ icons : { secondary : 'ui-icon-triangle-1-e'}});
	$('.button.next_add').button({ icons : { secondary : 'ui-icon-plus'}});
	$('.button.add_more_team_spots').button({ icons : { primary : 'ui-icon-plus'}});
	$('.button.create').button({ icons : { secondary : 'ui-icon-triangle-1-e'}});
	$('.button.search').button({ icons : { secondary : 'ui-icon-triangle-1-e'}});
	$('.button.reset').button({ icons : { primary : 'ui-icon-triangle-1-w'}});
	$('.button.submit_scores').button({ icons : { primary : 'ui-icon-circle-arrow-e' }});	
	$('.home_button').button({ icons : { primary : 'ui-icon-home'}, text : false}).css('height', '24px').css('margin-top', '3px');
	$('.team_view_button').button({ icons : { primary : 'ui-icon-bookmark'}}).css('margin-right', '10px').css('margin-top', '3px');
	$('.oos_button').button({ icons : { primary : 'ui-icon-note' }}).css('margin-right', '10px').css('margin-top', '3px');
	
	$('.button_set').buttonset();
	$('.button_set label').addClass('ui-corner-all');
	$('.submit_button').button();
 
	$('#event_date, #event_date2').datepicker({'dateFormat' : 'mm/dd/yy', 'defaultDate' : '{{ $information['event']['start_at'] }}'});
	
	$('#event_time, #event_time2').timepicker({ 'timeFormat': 'h:i A' , 'step' : 15, 'maxTime' : '10:00pm'});

	var availableLocations = {{ json_encode($information['available_locations']) }};
    $('#location').autocomplete({source : availableLocations});

	var availableOpponents = {{ json_encode($information['available_opponents']) }};

	$('.school_autocomplete').autocomplete(
    {
    	source : availableOpponents
	});
  	function updateOOSState ()
    {
		if ($('#host_is_oos:checked').length > 0)
    	{
    		$('#state').removeAttr('disabled');   		
    	}
    	else
    	{
    		$('#state').attr('disabled', 'disabled');
    	}  
	}

	function updateOOSState2 ()
    {
		if ($('input[name="other_team_is_oos"]:checked').length > 0)
    	{
    		$('#state2').removeAttr('disabled');   		
    	}
    	else
    	{
    		$('#state2').attr('disabled', 'disabled');
    	}  
	}

	updateOOSState ();
	updateOOSState2 ();

    $('#host_is_oos').change(function ()
    {
    	updateOOSState ();
    });

    $('input[name="other_team_is_oos"]').change(function ()
    {
    	updateOOSState2 ();
    });



	$('#confirm_delete_dialog_meet').dialog(
	{
      autoOpen: false,
      resizable: false,
      height:260,
      width: 400,
      modal: true,
      buttons: {
        "Yes": function() {
          	
        	var meet = $(this).attr('data-meet');

			$.ajax(
			{
				type : "POST",
				url  : '{{ url('/meets/delete') }}',
				data : { 'meet' : meet },
				success : function()
				{
					window.location.replace("/activities/{{strtolower($information['activity'])}}");
				}
			});

			$(this).dialog("close");

			return true;
        },
        "No": function() {
          $(this).dialog( "close" );
          return false;
        }
      }
    });  

	$('.button.delete[data-action="delete"]').click(function ()
	{	
		$('#confirm_delete_dialog_meet').attr('data-meet', $(this).attr('data-meet'))
										.dialog('open');
	});
@stop

@section('page_functions')
   	<a href="/activities/{{strtolower($information['activity'])}}" id="cancel_button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-primary" role="button" aria-disabled="false" title="Cancel editing and do not save changes." style="font-size: 10pt;">
   		<span class="ui-button-icon-primary ui-icon ui-icon-circle-close"></span>
   		<span class="ui-button-text">Exit</span>
   	</a>
@stop

@section('main_content')

<h2>Edit Meet</h2>

{{ Form::open(array('url' => url('/meets/edit'),
				'class' => 'edit_meet',
				'id' => 'meet_adder')) }}

	@if (Session::has('errors'))                
	    <div class="error ui-state-error"><span class="ui-icon ui-icon-alert box_icon"></span>@foreach ($errors->all() as $error){{ $error }} @endforeach</div>
	@endif
	@if (Session::has('success'))
		<p class="ui-state-highlight"><span class="ui-icon ui-icon-check box_icon"></span>{{ Session::get('success') }}</p>
	@endif

	{{ Form::hidden('event_time_zone', $information['event']['time_zone'], array('style' => 'width:100px;')) }}
	{{ Form::hidden('action', 'EDIT_DUAL') }}

	
	<div class="columns">
		<div class="fourth">
			<div class="input_label">Meet Type</div>{{ ($information['meet_type'] == "DUAL") ? "Dual" : "Invitational" }}
			{{ Form::hidden('meet_id', $information['id']) }}
		</div>
		<div class="fourth">
			<div class="input_label">Meet ID</div>{{ $information['id'] }}
			{{ Form::hidden('meet_id', $information['id']) }}
		</div>
		<div class="fourth">
			<div class="input_label">Event ID</div>{{ $information['event']["id"] }}
			{{ Form::hidden('event_id', $information['event']["id"]) }}       
		</div>
		<div class="fourth">
			<br>&nbsp; 
		</div>
	</div>

	<br />

	<div class="columns">
		<div class="half">
			{{ Form::label('event_date', 'Date', array('class' => 'input_label')) }}
			{{ Form::text('event_date', $meet_date, array('class' => 'team_name', 'style' => 'width:100px;')) }}
			<br>
			<label class="small gray note under_input" for="event_date">MM/DD/YYYY</label>

			<br><br>

			{{ Form::label('event_time', 'Time', array('class' => 'input_label')) }}
			{{ Form::text('event_time', $meet_time, array('style' => 'width:80px;')) }} Pacific	
			<br />
			<label class="small gray note under_input" for="event_time">Leave blank or choose 12:00 AM for TBD</label>

			<br><br>

			{{ Form::label('multi_day_event', 'Two Day Meet', array('class' => 'input_label')) }}
			{{ Form::checkbox('multi_day_event', true, $two_day_event, false, array('style' => 'position: relative; top: 2px;')) }} <label class="small gray note" for="multi_day_event">Check if the meet extends to the next day</label>	

			<br><br>

			{{ Form::label('location', 'Location', array('class' => 'input_label')) }}
						@if (empty($eventLocation)) 
				{{ Form::text('location', $information['host_team_name'], array('style' => 'width:300px;')) }}<br />
			@else 
				{{ Form::text('location', $information['event']['location_name'], array('style' => 'width:300px;')) }}<br />
			@endif
			<p class="small gray note under_input">If the meet is not being held at the host school, enter in a location</p>

		</div>
		<div class="half">
			{{ Form::label('host_team', 'Host Team', array('class' => 'input_label')) }}
			{{ Form::text('host_team', $host_team, array('style' => 'width:215px;', 'class' => 'school_autocomplete')) }}
			<br><br>

			{{ Form::label('host_is_oos', 'OOS', array('class' => 'input_label')) }}
			{{ Form::checkbox('host_is_oos', true, $information['host_team_oos']) }}

			<select style="width:120px;" id="state" name="state" disabled="disabled">
				<br />
<b>Fatal error</b>:  Class 'DB' not found in <b>/home/osaa/web_app/dev/app/views/meets/edit.blade.php</b> on line <b>259</b><br />