<div class="modal-header">
	<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
	{if $action == 'add'}
		<h3>{$_L['Expense add']}</h3>
	{else if $action == 'edit'}
		<h3>{$_L['Expense edit']}</h3>
	{/if}
</div>
<div class="modal-body">

	<form class="form-horizontal" id="form_expense" name="form_expense" method="post"
		  action="{U}module_billing/billing/add_expense_post" enctype="multipart/form-data">

		<input type="hidden" id="id" name="id" value="{if isset($record)}{$record->id}{/if}">

		<ul class="nav nav-tabs">
			<li class="active"><a style="" data-toggle="tab" href="#general_data">{$_L['General Data']}</a></li>
			<li><a data-toggle="tab" href="#record_attachment">{$_L['Attachments']}</a></li>
			<li><a data-toggle="tab" href="#record_markers">{$_L['Markers']}</a></li>
		</ul>

		<div class="tab-content">

			<div id="general_data" class="tab-pane fade in active">
				<div class="row collapse" id="form-errors">
					<div class="col-md-12">
						<br>
						<div class="alert alert-danger"></div>
					</div>
				</div>

				<div class="row">
					<div class="col-md-6 col-sm-12">
						<label for="id_account" class="control-label">
							{$_L['Provider']}
							<small class="red">*</small>
						</label>
						<select class="form-control select2" id="id_account" name="id_account">
							{if isset($accounts)}
								{foreach $accounts as $acc}
									<option {if $acc['id'] == $record->id_account}selected{/if}
											value="{$acc['id']}">{$acc['account']}</option>
								{/foreach}
							{/if}
						</select>
						<div id="account_add_show" class="bs-callout bs-callout-primary hide transition">
							{$_L['This seems to be the first account of this provider']}.<br>
							{$_L['If you want to complete the data']} <a href="#" class="modal_account_add"> {strtolower($_L['Click here'])}</a>.
						</div>
					</div>

					<div class="col-md-6 col-sm-12">
						<label for="id_cost_center" class="control-label">{$_L['Cost center']}</label>
						<select name="id_cost_center" id="id_cost_center" class="form-control select2">
							{if isset($cost_center)}
								<option selected="selected"></option>
								{foreach $cost_center as $cost}
									<option {if $cost['id'] == $record->id_cost_center}selected{/if}
											value="{$cost['id']}">{$cost['name']}</option>
								{/foreach}
							{/if}
						</select>
						<a href="#" class="cost_center_add" class="modal_cost_center_add">{$_L['Add New Cost Center']}.</a>
					</div>
				</div>

				<div class="row">
					<div class="col-md-6 col-sm-12">
						<label for="expiry" class="control-label">
							{$_L['Expiry']}
							<small class="red">*</small>
						</label>
						<input type="text" name="expiry" id="expiry" class="form-control"
							   datepicker data-date-format="dd/mm/yyyy"
							   value="{if isset($record)}{implode('/', array_reverse(explode('-', $record->expiry)))}{/if}">
					</div>
					<div class="col-md-6 col-sm-12">
						<label for="value" class="control-label">
							{$_L['Value']}
							<small class="red">*</small>
						</label>
						<input type="text" name="value" id="value" class="form-control"
							value="{if isset($record)}{$record->value}{/if}">
					</div>
				</div>

				<div class="row">
					<div class="col-md-6 col-sm-12">
						<label for="emission_date" class="control-label">
							{$_L['Emission date']}
							<small class="red"></small>
						</label>
						<input type="text" name="emission_date" id="emission_date" class="form-control"
							   datepicker data-date-format="dd/mm/yyyy"
							   value="{if isset($record->emission_date)}{implode('/', array_reverse(explode('-', $record->emission_date)))}{/if}">
					</div>
					<div class="col-md-6 col-sm-12">
						<label for="document_number" class="control-label">
							{$_L['Document number']}
							<small class="red"></small>
						</label>
						<input type="text" name="document_number" id="document_number" class="form-control"
							value="{if isset($record)}{$record->document_number}{/if}">
					</div>
				</div>

				<div class="row">
					<div class="col-md-12">
						<label for="historic" class="control-label">
							{$_L['Historic']}
						</label>
						<textarea name="historic" id="historic" class="form-control" cols="30"
								  rows="10">{if isset($record)}{$record->historic}{/if}</textarea>
					</div>
				</div>

				<div class="row">

					<div class="col-md-6 col-sm-12">
						<label for="id_category" class="control-label">
							{$_L['Category']}
							<small class="red">*</small>
						</label>
						<input type="hidden" name="modal_category_type" id="modal_category_type" value="expense">
						<input type="hidden" name="modal_msg_category" id="modal_msg_category" value="{$_L['Category']}">
						<input type="hidden" name="modal_msg_add_category" id="modal_msg_add_category" value="{$_L['Add Category']}">
						<input type="hidden" name="modal_msg_add_new_category" id="modal_msg_add_new_category" value="{$_L['Add new Category']}">
						<input type="hidden" name="modal_msg_cancel" id="modal_msg_cancel" value="{$_L['or Cancel']}">
						<select name="id_category" id="id_category" class="form-control select2">
							{if isset($cats)}
								{foreach $cats as $cat}
									<option {if $cat['id'] == $record->id_category}selected{/if} value="{$cat['id']}">{$cat['name']}</option>
								{/foreach}
							{/if}
						</select>
						<a href="#" class="modal_category_add">{$_L['Add new Category']}.</a>
					</div>

					<div class="col-md-6 col-sm-12">
						<label for="emission_date" class="control-label">
							{$_L['Competence']}
							<small class="red"></small>
						</label>
						<input type="text" name="competence" id="competence" class="form-control" placeholder="MM/AAAA"
							   value="{if isset($record->competence)}{$record->competence}{else}{date('m/Y')}{/if}">
					</div>
				</div>

				<div class="row">
					<div class="col-md-6 col-sm-12">
						<label for="occurrence" class="control-label">
							{$_L['Occurrence']}
							<small class="red">*</small>
						</label>
						<select class="form-control" id="occurrence" name="occurrence">
							<option {if isset($record) && $record->occurrence == 'Única'}selected{/if} value="Única" selected>Única</option>
							<option {if isset($record) && $record->occurrence == 'Mensal'}selected{/if} value="Mensal">Mensal</option>
							<option {if isset($record) && $record->occurrence == 'Parcelada'}selected{/if} value="Parcelada">Parcelada</option>
						</select>
					</div>
					<div class="col-md-3 col-sm-6 col-occurrence-expiry col-inactive">
						<label for="occurrence_expiry" class="control-label">
							{$_L['Expiry day']}
						</label>
						<input type="text" id="occurrence_expiry" disabled="disabled" name="occurrence_expiry"
							   class="form-control" data-toggle="tooltip" data-placement="bottom"
							   title="{$_L['To change this value, change the date in the expiry field']}"
								value="{if isset($record)}{$record->occurrence_expiry}{/if}">
					</div>
					<div class="col-md-3 col-sm-6 col-occurrence-installments col-inactive">
						<label for="occurrence_installments" class="control-label">
							{$_L['Installments']}
						</label>
						<input type="text" name="occurrence_installments" id="occurrence_installments"
							   class="form-control" value="{if isset($record)}{$record->occurrence_installments}{/if}">
					</div>
				</div>
			</div>

			<div id="record_attachment" class="tab-pane fade in">
				<div class="row">
					<div class="col-md-12">
						<br>
						<div class="dropzone" id="upload_container">
							<div class="dz-message">
								<h3><i class="fa fa-cloud-upload">{$_L['Drop File Here']}</i></h3>
								<br>
								<span class="note">{$_L['Click to Upload']}</span>
							</div>
						</div>
						<input type="hidden" name="images" id="images" value="{if isset($stored_images)}{$stored_images}{/if}">
					</div>
				</div>
			</div>

			<div id="record_markers" class="tab-pane fade in">
				<div class="row">
					<div class="col-md-12 col-sm-12">
						<label for="markers" class="control-label">
							{$_L['Markers']}
						</label>
						<select name="markers[]" id="markers" multiple="multiple" class="form-control select2">
							{if isset($markers)}
								{foreach $markers as $mark}
									<option {if in_array($mark['text'], explode(',', $record->tags))}selected{/if}
											value="{$mark['id']}">{$mark['text']}</option>
								{/foreach}
							{/if}
						</select>
						<a href="#" id="modal_tag_add">{$_L['Add new Marker']}.</a>
					</div>
				</div>
			</div>

		</div>

	</form>

</div>

<div class="modal-footer">
	<button class="btn btn-primary expense_submit" type="submit" id="modal_expense_submit">
		{if $action == 'add'}
			<i class="fa fa-check"></i> {$_L['Expense add']}
		{else if $action == 'edit'}
			<i class="fa fa-check"></i> {$_L['Expense edit']}
		{/if}
	</button>
	<a href="#" data-dismiss="modal"> | {$_L['or Cancel']}</a>
</div>