@extends('layouts.default')
@section('title', 'New Invoice')
<style>
	.card-DboardStats {
	width: 110px !important;
	min-height: 30px !important;
	margin: 0px !important;
	padding: 5px 0px 0px 5px !important;
	}
	.custom-control {display:inline-block !important; min-height:0 !important;padding-left:1.2rem !important;}
	.custom-control.overflow-checkbox .overflow-control-indicator {
	position: absolute;
	left: 0px !important;
	top:2px !important;
	cursor:pointer;
	}
	#timesheetdetails .custom-control.overflow-checkbox .overflow-control-indicator {
	top:10px !important;
	}
</style>
@section('new_button')
<a href="{{ url('incomes/invoices ')}} " class="btn btn-info btn-height btn-Rcircle-iconic waves-effect waves-light"><i class="material-icons left">view_list</i>{{ trans_choice('general.invoices', 1) . ' List' }} </a>
@endsection
@section('content')
<!-- Default box -->
{!! Form::open(['url' => 'incomes/invoices', 'files' => true, 'role' => 'form']) !!}
<div class="row m-0">
	<h3 class="mb-3">Customer Info</h3>
</div>
<div class="card">
	<div class="row">
		<div class="col-lg-3 col-md-4 col-sm-4 {{ $errors->has('customer_id') ? 'has-error' : ''}}">
			<div class="row">
				<div class="col-lg-10 col-md-10 col-sm-10 pr-0">
					<div class="add-cust">
						<small> Customer</small>
						<select id="customer_id" name="customer_id"  class="selectpicker"tabindex="-98" data-live-search="true" required>
						@include('accounts.common.subloop', ['name' => trans('general.form.select.field', ['field' => 'Customers'])])     
						</select>
						{!! $errors->first('customer_id', '
						<p class="help-block">:message</p>
						') !!}
					</div>
				</div>
				<div class="col-lg-2 col-md-2 col-sm-2 pr-0">
					<div class="add-bttn pr-0">
						<button type="button" data-toggle="modal"  data-target="#modal-create-customer" id="modal-create-customer_button"   class="btn btn-xs btn-primary" data-original-title="Add"><i class="material-icons" style="font-size:14px;">add </i></button>
					</div>
				</div>
			</div>
		</div>
		{!!   Form::hidden('customer_invoice_parent_id',null,['id' => 'customer_invoice_parent_id'])   !!}
		<div class="col-lg-3 col-md-4 col-sm-6">
			<div class="form-group">
				<input class="form-control"  name="customer_email" id="customer_email" type="text">
				<label for="customer_email" class="form-label">Email</label>
				<span class="form-controlBrd"></span>
				<div class="help-block">
					<div class="custom-controls-stacked d-block" style="position: absolute; top: 50px;left: 0;">
						<label class="custom-control overflow-checkbox" >
						<input type="checkbox" name="sendlater" id="sendlater" value="1" class="overflow-control-input">
						<span class="overflow-control-indicator" style="top:2px;"></span> <span class="overflow-control-description"> Send Later</span><a href="#"  data-toggle="modal" data-target="#modal-another-email" > Cc <span id="cc_count" style="display: none"></span>/Bcc <span id="bcc_count" style="display: none"></span></a>  </label>
					</div>
					<input type="hidden" name="cc_email" id="cc_email">
					<input type="hidden" name="bcc_email" id="bcc_email">
				</div>
			</div>
		</div>
		{{--  {{ Form::textGroup('customer_email', trans('general.email'), 'envelope', []) }} --}}
		{!! Form::hidden('currency_code', setting('general.default_currency') , ['id' => 'currency_code']) !!}

		<div class="col-lg-3 col-md-4 col-sm-6  {{ $errors->has('net_term') ? 'has-error' : ''}}">
			<div class="row">
				<div class="col-md-10 pr-0">
					<div class="add-cust">
						<small>Terms</small>
						{!! Form::select('net_term', $terms,null, array_merge(['id'=>'net_term','class' => 'selectpicker', 'placeholder' => trans('general.form.select.field', ['field' => trans_choice('general.net_term', 1)]),'required','data-live-search'=>'true' ] )) !!}  
						{!! $errors->first('net_term', '
						<p class="help-block">:message</p>
						') !!}       
					</div>
				</div>
				<div class="col-md-2 pl-0 pr-0">
					<div class="add-bttn">
						<button type="button" data-toggle="modal" id="modal-create-term-button" data-target="#modal-create-term"   class="btn btn-xs btn-primary" data-original-title="Add"><i class="material-icons" style="font-size:14px;padding:0px;">add </i></button>
					</div>
				</div>
			</div>
		</div>

		<div class="col-md-3">
			{{ Form::textGroup('invoice_number', trans('invoices.invoice_number'), $number, ['required' => 'required']) }}
		</div>
		<div class="col-md-3">
			{{ Form::textGroup('invoiced_at', trans('invoices.invoice_date'), date('Y-m-d'), ['id' => 'invoiced_at', 'class' => 'form-control', 'data-inputmask' => '\'alias\': \'yyyy-mm-dd\'']) }} 
		</div>
		<div class="col-md-3">
			{{ Form::textGroup('due_at', 'Due at', date('Y-m-d'), ['id' => 'due_at', 'class' => 'form-control', 'data-inputmask' => '\'alias\': \'yyyy-mm-dd\'']) }}
		</div>
	</div>
	<div class="row">
		<div class="col-lg-6 col-md-6 col-sm-6">
			<div class="form-groupTextArea">
				<textarea class="form-ControlTextArea"  rows="3" name="address" cols="50" id="address"></textarea>
				<label for="address" class="form-label">{{trans('general.billingaddress')}}</label>
				<span class="form-controlBrd"></span>
			</div>
		</div>
		<div class="col-lg-6 col-md-6 col-sm-6">
			<div class="form-groupTextArea">
				{{ Form::textarea('shipping_address', null ,['class'=>'form-ControlTextArea shipping_address' , 'id'=> 'shipping_address' ,'rows' => 3]) }}
				<label for="shipping_address" class="form-label">Shipping Address</label>
				<span class="form-controlBrd"></span>
			</div>
		</div>
	</div>
</div>
<input type="hidden" id="customer_timesheet">
{{-- Timesheet Display --}}
<div id="time_card" >
</div>
{{-- Timesheet Hours  Display --}}
<div id="timesheetdetails" >
</div>
<div class="clearfix"></div>
<div class="">
	<h3 class="mt-3 mb-3">Items</h3>
	<div class="">
		<table class="table table-bordered tabl-input table-striped" id="items">
			<thead>
				<tr style="background-color: #f9f9f9;">
					<th width="5%">{{ trans('general.actions') }}</th>
					<th width="25%">{{ trans('general.name') }}</th>
					<th width="25%">{{ trans('general.description') }}</th>
					<th width="15%">{{ trans('invoices.quantity') }}</th>
					<th width="15%">{{ trans('invoices.price') }}</th>
					<th width="15%">{{ trans('invoices.total') }}</th>
				</tr>
			</thead>
			<tbody>
								<tr id="item-row-{{ $item_row }}">
					<td>
						<button type="button" onclick="$('#item-row-{{ $item_row }}').remove(); totalItem(); items_refresh({{ $item_row }});" data-toggle="tooltip" title="{{ trans('general.delete') }}"  class="btn btn-xs  btn-outline-danger btn-circle-iconic btn34"><i class="material-icons" >delete </i></button>
					</td>
					<td >
						<select onchange="autoItem({{ $item_row }})" id="item-id-{{ $item_row }}" required="required" class="selectpicker" name="item[{{ $item_row }}][item_id]"  data-live-search="true" >
						@include('accounts.common.subitem',['name' => trans('general.form.select.field', ['field' => trans_choice('general.items', 1)]) ])
						</select>
						<input class="form-control"   name="item[{{ $item_row }}][name]" type="hidden" id="item-name-{{ $item_row }}">
						<input class="form-control"   name="item[{{ $item_row }}][chartid]" type="hidden" id="item-chartid-{{ $item_row }}">
					</td>
					<td>
						<div class="form-group">
							<input class="form-control" required="required" name="item[{{ $item_row }}][description]" type="text" id="item-description-{{ $item_row }}">
							<label class="form-label">{{  trans('general.description') }} <span class="RED-Star">*</span> </label>
							<span class="form-controlBrd"></span>
						</div>
					</td>
					<td>
						<div class="form-group">
							<input class="form-control" required="required" name="item[{{ $item_row }}][quantity]" type="text" id="item-quantity-{{ $item_row }}">
							<label class="form-label">Quantity</label>
							<span class="form-controlBrd"></span>
						</div>
					</td>
					<td>
						<div class="form-group">
							<input class="form-control price"  required="required" name="item[{{ $item_row }}][price]" type="text" id="item-price-{{ $item_row }}">
							<label class="form-label">Price</label>
							<span class="form-controlBrd"></span>
						</div>
					</td>
					<td>
						<span id="item-total-{{ $item_row }}">0</span>
					</td>
				</tr>
								<tr id="addItem">
					<td><button type="button" onclick="addItem();" data-toggle="tooltip" title="{{ trans('general.add') }}" class="btn btn-xs  btn-outline-info btn-circle-iconic btn34" data-original-title="{{ trans('general.add') }}"><i class="material-icons">add </i></button></td>
					<td class="text-right" colspan="5"></td>
				</tr>
				<tr>
					<td class="text-right" colspan="5"><strong>{{ trans('invoices.sub_total') }}</strong></td>
					<td class="text-right"><span id="sub-total">0</span></td>
				</tr>
				<tr>
					<td class="text-right" colspan="5"><strong>{{ trans('invoices.total') }}</strong></td>
					<td class="text-right"><span id="grand-total">0</span></td>
				</tr>
			</tbody>
		</table>
	</div>
</div>
{{ Form::fileGroup('attachment', trans('general.attachment')) }}
<div class="row">
	<div class="col-lg-6 col-md-6 col-sm-6 mt-2">
		{{ Form::textareaGroup('notes', trans_choice('general.notes', 2)) }}
	</div>
	<div class="col-lg-6 col-md-6 col-sm-6 mrg-top-5">
		<div class="form-group no-margin text-right">
			<button class="btn mr-3 btn-default waves-effect waves-gray" id="reset_invoice" type="reset"> Reset</button>
			<a href="{{ url('incomes/invoices') }}" class="btn mr-3 btn-default waves-effect waves-gray">Cancel</a>
			<button type="submit" class="btn btn-primary waves-effect waves-light">Save</button>
		</div>
	</div>
	{{--  {{ Form::saveButtons('incomes/invoices') }} --}}
</div>
<!-- /.box-footer -->
{!! Form::close() !!}
</div>
<!-- Create Customer Model -->
<div class="modal fade" id="modal-create-customer"  >
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<h4 class="modal-title">{{ trans('general.title.new', ['type' => trans_choice('general.customers', 1)]) }}</h4>
			</div>
			<div class="modal-body">
				{!! Form::open(['id' => 'form-create-customer', 'role' => 'form']) !!}
				<div class="row">
					<div class="col-md-6">
						<div class="form-group  required">
							<input class="form-control"  required name="name" type="text" id="name">
							<label class="form-label">{{ trans('general.name') }}</label>
							<span class="form-controlBrd"></span>
							<div class="help-block with-errors"></div>
						</div>
					</div>
					<div class="col-md-6">
						<div class="form-group">
							<input class="form-control" required name="customer_email" type="text" id="email">
							<label for="email" class="form-label">{{ trans('general.email') }}</label>
							<span class="form-controlBrd"></span>
						</div>
					</div>
					<div class="col-md-6">
						<div class="form-group required">
							<small>{{  trans_choice('general.net_term', 1) }} </small>
							{!! Form::select('net_term', $terms, null, array_merge(['class' => 'selectpicker net_term','id'=>'net_term_model','data-live-search'=>'true' ,'placeholder' => trans('general.form.select.field', ['field' => trans_choice('general.net_term', 1)])])) !!}
						</div>
					</div>
					<div class="col-md-6">
						<div class="form-group ">
							<input class="form-control"  name="phone" id="phone" type="text">
							<label for="phone" class="form-label">Phone</label>
							<span class="form-controlBrd"></span>
						</div>
					</div>
					<div class="col-md-6">
						<div class="form-group ">
							<div class="custom-controls-stacked d-block">
								<label class="custom-control overflow-checkbox" >
								<input type="checkbox"  name="subcustomer" id="subcustomer" value="1" class="overflow-control-input">
								<span class="overflow-control-indicator"></span> <small >  Is sub-customer</small> </label>
							</div>
							<select id="customer_id_save" name="customer_id_save"  class="selectpicker"  data-live-search="true" disabled="disabled">
								<option value="" selected="">- Select Sub Customer -</option>