{% extends '::base.html.twig' %}

{% block body -%}

<style>
th{
  background: rgb(60, 141, 188);
  color: white;
}
th.less_head{
background:none;color:#999;
}
.ds_value{
font-size:16px;
font-weight:800;
}
.tot{
font-size:16px;
font-weight:800;
}
</style>
<script>
$(document).ready(function(){
	var total_num = 0;
	$('#total_talent').val($('#total_talent_input').inputmask("unmaskedvalue"));
	$('.ts_seatnum').each(function(){
		if($(this).val() != ""){
			total_num += Number($(this).inputmask("unmaskedvalue"));
		}			
	});
	$('#ts_total_numberSeats').val(total_num);
	$('#tsd_1_seatnum').val(total_num);
	$('#tsd_3_seatnum').val(total_num);
	$('#tot_insurance').val(total_num * 0.75);

	var tot_var = 0;
	$('.var_ex').each(function(){
		tot_var += Number($(this).inputmask("unmaskedvalue"));
	});
	$('#total_variables').val(tot_var);
	$('#variable_expenses_sum').val(tot_var);
	updateTotalGross();
	updateFixedExpenseBudgetTotal();
	updateBreakEvenValue();	
	updateBreakEvenTix();	
	updateLessFacRow($('#less_fac_fee_row'));
	
	updateLast();
	$('.currency_in').inputmask({ alias: "currency"});
	$('.percent_in').inputmask({ alias: "percentage"});
	$('.ts_seatnum').keyup(function(){
		var parent_row = $(this).parent().parent();	
		var row_gross = parent_row.find('.ts_gross');
		var row_price = parent_row.find('.ts_price');
		var row_seatnum = parent_row.find('.ts_seatnum');

		var total_num = 0;

		$('.ts_seatnum').each(function(){
			if($(this).val() != ""){
				total_num += Number($(this).inputmask("unmaskedvalue"));
			}			
		});
		$('#ts_total_numberSeats').val(total_num);
		$('#tsd_1_seatnum').val(total_num);
		$('#tsd_3_seatnum').val(total_num);
		$('#tot_insurance').val(total_num * 0.75);

		var tot_var = 0;
		$('.var_ex').each(function(){
			tot_var += Number($(this).inputmask("unmaskedvalue"));
		});
		$('#total_variables').val(tot_var);
		$('#variable_expenses_sum').val(tot_var);
		
		var product = Number(row_price.inputmask("unmaskedvalue")) * Number(row_seatnum.inputmask("unmaskedvalue"));
		row_gross.val(product);		
		updateTotalGross();
		updateBreakEvenValue();	
		updateBreakEvenTix();		
		updateLessFacRow($('#less_fac_fee_row'));
		updateLast();
		
	});
	$('.ts_price').keyup(function(){
		var parent_row = $(this).parent().parent();	
		var row_gross = parent_row.find('.ts_gross');
		var row_price = parent_row.find('.ts_price');
		var row_seatnum = parent_row.find('.ts_seatnum');
		
		if(row_price.val() == ""){ 
			row_price.val('');
		}
		if(row_seatnum.val() == ""){
			row_seatnum.val('');
		}		
		
		var product = Number(row_price.inputmask("unmaskedvalue")) * Number(row_seatnum.inputmask("unmaskedvalue"));
		row_gross.val(product);	
		updateTotalGross();
		updateBreakEvenValue();	
		updateBreakEvenTix();
		updateLessFacRow($('#less_fac_fee_row'));
		updateLast();
		
	});
	$('.tsd_price').keyup(function(){
		var parent_row = $(this).parent().parent();
		updateTotalGross();
		updateBreakEvenValue();	
		updateBreakEvenTix();	
		updateLessFacRow(parent_row);
		updateLast();
	});
	
	
	$('.feb_amount').keyup(function(){			
		updateFixedExpenseBudgetTotal();
		updateBreakEvenValue();	
		updateLast();
	});
	
	$('#less_seat_tax').keyup(function(){		
		updateTotalGross();
		updateBreakEvenValue();	
		updateBreakEvenTix();	
		updateLessFacRow($('#less_fac_fee_row'));
		updateLast();
	});
	function updateLast(){
		var overage = ( Number($('#sellout_gross').inputmask("unmaskedvalue")) -  Number($('#less_split_point').inputmask("unmaskedvalue")));
		$('#overage').val(overage);
		$('#artist_share').val(overage * 0.85);
		$('#walkout_potential').val( Number($('#total_talent_input').inputmask("unmaskedvalue")) +  Number((overage * 0.85)));
	}
	function updateLessFacRow(parent_row){
		
		var row_gross = parent_row.find('.tsd_gross');
		var row_price = parent_row.find('.tsd_price');
		var row_seatnum = parent_row.find('.tsd_seatnum');
		
		if(row_price.val() == ""){ 
			row_price.val('');
		}
		if(row_seatnum.val() == ""){
			row_seatnum.val('');
		}		
		if(row_price.hasClass('tsd_tax')){			
			var product = Number(row_price.inputmask("unmaskedvalue")/100) * Number(row_seatnum.inputmask("unmaskedvalue"));
		}
		else{
			var product = Number(row_price.inputmask("unmaskedvalue")) * Number(row_seatnum.inputmask("unmaskedvalue"));
		}
		row_gross.val(product);	
		
		var tot_g = $('#ts_total_gross').inputmask("unmaskedvalue");
		var less_fac_fee = $('#less_fac_fee_row .tsd_gross').inputmask("unmaskedvalue");	
		var new_work_gross = tot_g-less_fac_fee;
		var tax = $('#less_seat_tax').inputmask("unmaskedvalue");
		$('#working_gross').val(new_work_gross);
		$('#less_seat_tax_gross').val(new_work_gross*(tax/100));
		$('#tsd_total_gross').val(new_work_gross-(new_work_gross*(tax/100)));
		$('#sellout_gross').val(new_work_gross-(new_work_gross*(tax/100)));
	}
	$('#total_talent_input').keyup(function(){		
		$('#total_talent').val($('#total_talent_input').inputmask("unmaskedvalue"));
		updateTotalGross();
		updateBreakEvenValue();	
		updateBreakEvenTix();	
		updateLessFacRow($('#less_fac_fee_row'));
		updateLast();
	});
	$('#showsheet_create_form').submit(function(event){
		 event.preventDefault();	
		var the_form = $(this);	
		var this_action = $(this).attr('action');
		var form_data = $(this).serializeArray();
		console.log(form_data);
		var request = $.ajax({
			url:'/showsheet/{{entity.getId}}/update',
			data:form_data,
			method:'POST'
		});
		request.done(function(){
			alert('saved');
		});
	});
	function updateFixedExpenseBudgetTotal(){
		var total_num = 0;
		$('.feb_amount').each(function(){
			if($(this).val() != ""){
				total_num += Number($(this).inputmask("unmaskedvalue"));
			}			
		});
		$('.feb_total').val(total_num);		
	}
        function updateBreakEvenTix(){
		var adv_price = $('#adv_price').inputmask("unmaskedvalue");
		if(adv_price != "" && adv_price != 0){
			var total_val = $('#be_val_total').inputmask("unmaskedvalue");						
			$('#be_tix').val(total_val/adv_price);
		}
        }
        function updateBreakEvenValue(){
		var total_val = 0;
		$('.be_val').each(function(){
			if($(this).val() != ""){
				total_val += Number($(this).inputmask("unmaskedvalue"));
			}					
		});
		$('#be_val_total').val(total_val);
		$('#promo_prof').val(total_val * (0.15));
		$('#split_point').val((total_val * (0.15)) + total_val);
		$('#less_split_point').val((total_val * (0.15)) + total_val);
		updateBreakEvenTix();		
		
        }
	function updateTotalGross(){
		var total_num = 0;
		$('.ts_gross').each(function(){
			if($(this).val() != ""){
				total_num += Number($(this).inputmask("unmaskedvalue"));
			}			
		});
		$('#ts_total_gross').val(total_num);		
		
	}
	
});

</script>
<div id="new_showsheet_holder">
<form id="showsheet_create_form">
 <div class="box">
  
    <div class="box-body">	
	<button class="btn btn-primary f-right">Save</button>
	<h2>Event Details</h2>
	{#<div id="showsheet_agent" class="showsheet_section">
		<div class="section_header">Agent</div>
		<input type="text" name="agentName" placeholder="Agent Name" class="quick_search form-control" searching="agent">
		<div class="prel">
			<div id="agent_search_results" class="search_results">
			</div>
		</div>
		<div id="showsheet_agent_exist"></div>
	</div>#}
	
	{% if event is defined and event %}
	<input type="hidden" value="{{event.id}}" name="event_id">
	<div id="showsheet_event" class="showsheet_section">
		<div style="margin:20px 0">
		    <table class="table table-bordered">
			<thead>
			    <tr>
				<th>Headliner</th>
				<th>Date</th>
				<th>Doors Open</th>
				<th>Show Start</th>
				<th>Curfew</th>
				<th>Loadin</th>                
				<th>Format</th>            
			    </tr>
			</thead>
			<tbody>       
			    <tr>
				<td style="font-size:22px">{% if event.getHeadliner %}{{ event.getHeadliner }}{% endif %}</td>
				<td>{{ event.datetimeShow|date('M d, Y') }}</td>		
				<td>{% if event.datetimeDoor %}{{ event.datetimeDoor|date('g:i A') }}{% endif %}</td>
				<td>{% if event.datetimeShow %}{{ event.datetimeShow|date('g:i A') }}{% endif %}</td>
				<td>{% if event.curfew %}{{ event.curfew|date('g:i A') }}{% endif %}</td>
				<td>{{ event.loadIn }}</td>                
				<td>{{ event.format }}</td>                
			    </tr>       
			</tbody>
		    </table>
		</div>
	</div>
	{% if event.getVenue %}

	<div style="margin:20px 0">
	<table class="records_list table table-bordered">
        <thead>
            <tr>
                <th>Venue</th>
                <th>Capacity</th>
                <th>Merchrate</th>
                <th>Address</th>
   
            </tr>
        </thead>
        <tbody>
        
            <tr>
                <td><a href="{{ path('venue_show', { 'id': event.getVenue.getId }) }}">{{ event.getVenue.getName }}</a></td>
                <td>{{ event.getVenue.getCapacity }}</td>
                <td>{{ event.getVenue.getMerchRate }}</td>
                <td>{{ event.getVenue.getAddress }}</td>
              
                </td>
            </tr>
     
        </tbody>
    </table>
	</div>
	{% endif %}
	{% else %}
		<div id="showsheet_event" class="showsheet_section">
			<div class="section_header">Event</div>
			<input type="text" name="artist" placeholder="Event" class="quick_search form-control" searching="event">
			<div class="prel">
				<div id="event_search_results" class="search_results">
				</div>
			</div>
			<div id="showsheet_event_exist"></div>
		</div>
	{% endif %}

	
	

	<div class="row">
		<h2 style="padding:20px;">{{type|capitalize}} Details</h2>		
 		 <div class="col-md-7">
  			
			<div id="showsheet_artistdeal" class="showsheet_section">
				<table class="table">
					<tbody>
						<th>Artist Deal</th><th>Amount</th>
						
						<tr>
							<td>PCKG</td>
							<td><input value="{{entity.getArtistDeal}}" id="total_talent_input" type="text" name="artist_deal" placeholder="Artist Deal" class="form-control currency_in"></td>
							
						</tr>
						
					</tbody>
				</table>
				
			</div>	
			<div id="showsheet_ticketScale" class="showsheet_section">		
				<table class="table">
					<tbody>
						<th>Ticket Scale</th><th># Seats</th><th>Price</th><th>Gross</th>
						{% for ts in ticketScales %}
							{% set tsl = entity.getTicketScaleLine(ts) %}
							<tr>
								<td>{{ts.getName}}</td>
								<td><input{% if tsl %} value="{{tsl.getNumberSeats}}"{% endif %} type="text" name="ts[{{ts.getId}}][numberSeats]" class="form-control ts_seatnum" placeholder="0"></td>
								<td><input{% if tsl %} value="{{tsl.getPrice}}"{% endif %} type="text" name="ts[{{ts.getId}}][price]" {% if ts.getName == "ADV" %} id="adv_price"{% endif %}class="form-control ts_price currency_in"></td>
								<td><input{% if tsl %} value="{{tsl.getGross}}"{% endif %} type="text" name="ts[{{ts.getId}}][gross]" class="form-control ts_gross currency_in" disabled></td>
							</tr>
						{% endfor %}	
							<tr>
								<td>Total Gross</td>
								<td><input type="text" id="ts_total_numberSeats" class="form-control" disabled></td>
								<td></td>
								<td><input type="text" id="ts_total_gross" class="form-control currency_in tot" disabled></td>
							</tr>					
			
						<th class="less_head">Deductions Before Tax</th><th class="less_head"></th><th class="less_head"></th><th class="less_head"></th>
							{% set tsd = ticketScaleDeductions.0 %}
								{% set tsdl = entity.getTicketScaleDeductionLine(tsd) %}
							<tr id="less_fac_fee_row">
								<td>{{tsd.getName}}</td>
								<td><input id="tsd_{{tsd.getId}}_seatnum" type="text" name="tsd[{{tsd.getId}}][numberSeats]" class="form-control tsd_seatnum" placeholder="0" disabled></td>
								<td><input {% if tsdl %} value="{{tsdl.getPrice}}"{% endif %} type="text" name="tsd[{{tsd.getId}}][price]" class="form-control tsd_price currency_in"></td>
								<td><input type="text" name="tsd[{{tsd.getId}}][gross]" class="form-control tsd_gross currency_in" disabled></td>
							</tr>
							<tr>
								<td>Working Gross</td>
								<td></td>
								<td></td>
								<td><input type="text" class="form-control tsd_gross currency_in" disabled id="working_gross"></td>
							</tr>
							{% set tsd = ticketScaleDeductions.1 %}
								{% set tsdl = entity.getTicketScaleDeductionLine(tsd) %}
							<tr>
								<td>{{tsd.getName}}</td>
								<td><input id="tsd_{{tsd.getId}}_seatnum" type="text" name="tsd[{{tsd.getId}}][numberSeats]" class="form-control tsd_seatnum" placeholder="0" disabled></td>
								<td><input{% if tsdl %} value="{{tsdl.getPrice}}"{% endif %} type="text" name="tsd[{{tsd.getId}}][price]" class="form-control percent_in" id="less_seat_tax"></td>
								<td><input type="text" name="tsd[{{tsd.getId}}][gross]" class="form-control tsd_gross currency_in" disabled id="less_seat_tax_gross"></td>
							</tr>	
							<tr>
								<td>Net Gross Potential</td>
								<td></td>
								<td></td>
								<td><input type="text" id="tsd_total_gross" class="form-control currency_in tot" disabled></td>
							</tr>
											
					</tbody>
				</table>				
			</div>	
			<div id="showsheet_dealSummary" class="showsheet_section">		
				<table class="table">
					<tbody>
						<th>Deal Summary</th><th></th>					
						<tr>
							<td>Fixed Expenses</td>
							<td><input type="text" class="form-control currency_in ds_value feb_total be_val" disabled></td>					
						</tr>
						<tr>
							<td>Variable Expenses</td>
							<td><input type="text" class="form-control currency_in ds_value be_val" disabled id="variable_expenses_sum"></td>					
						</tr>
						<tr>
							<td>Total Talent</td>
							<td><input type="text" class="form-control currency_in ds_value be_val" disabled id="total_talent"></td>					
						</tr>
						<tr>
							<td>Breakeven</td>
							<td><input type="text" class="form-control currency_in ds_value" id="be_val_total" disabled></td>					
						</tr>
						<tr>
							<td>Breakeven Tickets</td>
							<td><input type="text" class="form-control currency_in ds_value" id="be_tix" disabled></td>					
						</tr>
						<tr>
							<td>Promoter Profit</td>
							<td><input type="text" class="form-control currency_in ds_value" disabled id="promo_prof"></td>					
						</tr>
						<tr>
							<td>Split Point</td>
							<td><input type="text" class="form-control currency_in ds_value" disabled id="split_point"></td>					
						</tr>
						<tr>
							<td></td>
							<td></td>					
						</tr>
						<tr>
							<td>Sellout Gross</td>
							<td><input type="text" class="form-control currency_in ds_value" disabled id="sellout_gross"></td>					
						</tr>
						<tr>
							<td>Less Split Point</td>
							<td><input type="text" class="form-control currency_in ds_value" disabled id="less_split_point"></td>					
						</tr>
						<tr>
							<td>Overage</td>
							<td><input type="text" class="form-control currency_in ds_value" disabled id="overage"></td>					
						</tr>
						<tr>
							<td>Artist Share (85%)</td>
							<td><input type="text" class="form-control currency_in ds_value" disabled id="artist_share"></td>					
						</tr>
						<tr>
							<td>Walkout Potential</td>
							<td><input type="text" class="form-control currency_in ds_value" disabled id="walkout_potential"></td>					
						</tr>
					</tbody>
				</table>				
			</div>
		</div>
		<div class="col-md-5">
			<div id="showsheet_fixedExpenses" class="showsheet_section">
		
				<table class="table">
					<tbody>
						<th>Fixed Expense Budget</th><th>Cost</th>
						{% for fe in fixedExpenses %}
							{% set fbl = entity.getFixedExpenseBudget.getFixedBudgetLine(fe) %}
							<tr>
								<td>{{fe.getName}}</td>
								<td><input {% if fbl %}value="{{fbl.getAmount}}"{% endif %} type="text" name="fe[{{fe.getId}}]" class="form-control input-sm feb_amount currency_in" placeholder="$0.00"></td>
								
							</tr>
						{% endfor %}
						<tr>
							<td>Total</td>
							<td><input type="text" class="form-control currency_in feb_total tot" disabled></td>
							
						</tr>
					</tbody>
				</table>
				
			</div>
 			<div id="showsheet_variableExpenses" class="showsheet_section">
		
				<table class="table">
					<tbody>
						<th>Variable Expenses</th><th></th><th></th>						
						<tr>
							<td>Ticket Comm.</td>
							<td><input type="text" class="form-control input-sm" disabled value="5$ / hard ticket"></td>
							<td><input type="text" class="form-control input-sm currency_in var_ex" disabled value="0"></td>
						</tr>
						<tr>
							<td>Insurance</td>
							<td><input type="text" class="form-control input-sm" disabled value="$0.75 / head"></td>
							<td><input type="text" class="form-control input-sm currency_in var_ex" id="tot_insurance" disabled></td>
						</tr>
						<tr>
							<td>Ascap</td>
							<td><input type="text" class="form-control input-sm" disabled value="0%"></td>
							<td><input type="text" class="form-control input-sm currency_in var_ex" disabled></td>
						</tr>
						<tr>
							<td>BMI</td>
							<td><input type="text" class="form-control input-sm" disabled value="0%"></td>
							<td><input type="text" class="form-control input-sm currency_in var_ex" disabled></td>
						</tr>
						<tr>
							<td>Sesac</td>
							<td><input type="text" class="form-control input-sm" disabled value="0%"></td>
							<td><input type="text" class="form-control input-sm currency_in var_ex" disabled></td>
						</tr>
						<tr>
							<td>Total Variables</td>
							<td></td>
							<td><input type="text" class="form-control tot currency_in" disabled id="total_variables"></td>
						</tr>
					</tbody>
				</table>
				
			</div>
		</div>
	</div>
</div>
</div>
<button type="submit" class="btn btn-primary">Save Sheet</button>
</form>
</div>
{% endblock %}