@extends('layouts.app')

@section('content')
<div class="row">
	<div class="col-12">
	<div class="card panel-default">
	<span class="d-none panel-title">{{ _lang('Sale Transcation') }} </span>
		 @php /*<span class="panel-title">{{ $contact->contact_name }} ({{$contact->company_name }} )</span> */@endphp  

	<div class="card-body">
	    <h4>Company Name : {{ $contact->company_name }} </h4><br>
		<form method="post" class="validate" autocomplete="off" action="{{ url('sale/sale_transcation_store/'.$id) }}" enctype="multipart/form-data">
			<div class="row">
		 
					{{ csrf_field() }}
					
					
				<!--	<div class="col-md-6">
					  	<div class="form-group">
							<label class="control-label">{{ _lang('Service Name') }}</label>						
					    <input type="text" class="form-control" name="service_name" value="{{ old('service_name') }}" required> 
					  	</div>
					</div>-->
					
				

					<!--<div class="col-md-12">-->
					<!--  <div class="form-group">-->
					<!--	<label class="control-label">{{ _lang('Email') }}</label>						-->
					<!--	<input type="email" class="form-control" name="email" value="{{ old('email') }}" required>-->
					<!--  </div>-->
					<!--</div>-->
						<div class="col-md-6">
				  <div class="form-group">
					<a href="{{ route('contact_groups.create') }}" data-reload="false" data-title="{{ _lang('Add Contact Group') }}" class="ajax-modal-2 select2-add"><i class="ti-plus"></i> {{ _lang('Add New') }}</a>
					<label class="control-label">{{ _lang('Type') }}</label>						
					<select class="form-control select2-ajax" data-value="id" data-display="name" data-table="contact_groups" data-where="1" name="group_id" required>
						<option value="">{{ _lang('- Select Type -') }}</option>
					</select>
				 </div>
				</div>
				
					<div class="col-md-6">
				  <div class="form-group">
					<label class="control-label">{{ _lang('Subscription frequescy') }}</label>						
					<select class="form-control select2" name="subscription_type" required>
						<option value="Yearly">{{ _lang('Yearly') }}</option>
						<option value="Half Yearly">{{ _lang('Half Yearly') }}</option>
							<option value="Half Yearly">{{ _lang('Half Yearly') }}</option>
							<option value="Quarterly">{{ _lang('Quarterly') }}</option>
								<option value="monthly">{{ _lang('monthly') }}</option>
								<option value="2 Yearly">{{ _lang('2 Yearly') }}</option>
								<option value="3 Yearly">{{ _lang('3 Yearly') }}</option>
					</select>
				  </div>
				</div>
				
					<div class="col-md-6">
				  <div class="form-group">
					<label class="control-label">{{ _lang('Amount') }}</label>						
					<input type="number" min="0" step="any" class="form-control" name="amount" required>
				  </div>
				</div>
					<div class="col-md-6">
					  	<div class="form-group">
							<label class="control-label">{{ _lang('Payment Mode') }}</label>						
							<select class="form-control" name="payment_mode" id="paymentmode" required>
							<option value="">Select Payment Mode</option>
							<option value="Credit Card">Credit Card</option>
							<option value="Cheque Payee">Cheque</option>
							</select>
					  	</div>
					</div>
				
	
				
									
					<div class="col-md-6 d-none">
					  <div class="form-group">
						<label class="control-label">{{ _lang('Payment status') }}</label>						
						<select class="form-control" data-selected="{{ old('dr_cr') }}" id="dr_cr" name="dr_cr" required>
						 <!-- <option value="Debit">Debit </option>-->
						  <option value="Credit" selected>Credit </option>
						 <!-- <option value="Refund">Refund </option>
						   <option value="Partial">Partial </option>
						    <option value="Full amount">Full amount </option>
						     <option value="Dispute amount">Dispute amount</option>-->
						</select>
					  </div>
					</div>	
					
					
					
					
					<div class="col-md-6">
					  	<div class="form-group">
							<label class="control-label">{{ _lang('Payment Date') }}</label>						
					    <input type="datetime-local" class="form-control" name="payment_date" value="{{ old('payment_date') }}" required> 
					  	</div>
					</div>
					
					
					
					<div class="col-md-6">
					  	<div class="form-group">
							<label class="control-label">{{ _lang('Payment Id') }}</label>						
					    <input type="text" class="form-control" name="payment_id" value="{{ old('payment_id') }}" > 
					  	</div>
					</div>	
					
					
				  <div class="col-md-12">
					  	<div class="form-group">
							<label class="control-label">{{ _lang('Notes') }}</label>						
					    <textarea class="form-control" name="notes" > </textarea>
					  	</div>
					</div>	
					
					
					
						<div class="col-md-6" style="display:none" id="payee_name">
					  	   <div class="form-group">
							<label class="control-label">{{ _lang('name on the card/cheque') }}</label>						
					      <input type="text" class="form-control" name="payee_name" value="{{ old('payee_name') }}"> 
					  	</div>
					</div>	
			<!-- card details -->
							<div class="col-md-6" style="display:none" id="card_number">
					  	   <div class="form-group">
							<label class="control-label">{{ _lang('Card Number') }}</label>						
					      <input type="text" class="form-control"  name="card_number" value="{{ old('card_number') }}">
					  	</div>
					</div>	
					
						<div class="col-md-6" style="display:none" id="expiry_month">
					  	   <div class="form-group">
							<label class="control-label">{{ _lang('Expiry Month') }}</label>						
					      <input type="text" class="form-control" name="expiry_month" value="{{ old('expiry_month') }}"> 
					  	</div>
					</div>	
						<div class="col-md-6" style="display:none" id="expiry_year">
					  	   <div class="form-group">
							<label class="control-label">{{ _lang('Expiry Year') }}</label>						
					      <input type="text" class="form-control" name="expiry_year" value="{{ old('expiry_year') }}"> 
					  	</div>
					</div>	
				 
					<div class="col-md-6" style="display:none" id="cvv">
					  	   <div class="form-group">
							<label class="control-label">{{ _lang('CVV Number') }}</label>						
					      <input type="text" class="form-control" name="cvv" value="{{ old('cvv') }}"> 
					  	</div>
					</div>	
			 		
			 		<!-- UPI input -->
			 		
					<!--	<div class="col-md-6" style="display:none" id="aph">
					  	   <div class="form-group">
							<label class="control-label">{{ _lang('APH No.') }}</label>						
					      <input type="text" class="form-control" name="apbh" value="{{ old('aph') }}"> 
					  	</div>
					</div>-->	
					<!-- check input -->
						<div class="col-md-6" style="display:none" id="check_no">
					  	   <div class="form-group">
							<label class="control-label">{{ _lang('Check Number') }}</label>						
					      <input type="text" class="form-control" name="check_no" value="{{ old('check_no') }}"> 
					  	</div>
					</div>
					<!--	<div class="col-md-6" style="display:none" id="check_date">
					  	   <div class="form-group">
							<label class="control-label">{{ _lang('Check Date') }}</label>						
					      <input type="text" class="form-control" name="check_date" value="{{ old('check_date') }}"> 
					  	</div>
					</div>-->
					<!-- Account input -->
					

						<div class="col-md-6" style="display:none" id="route_name">
					  	   <div class="form-group">
							<label class="control-label">{{ _lang('Routing Name') }}</label>						
					      <input type="text" class="form-control" name="route_name" value="{{ old('route_name') }}"> 
					  	</div>
					</div>
					
						<div class="col-md-6" style="display:none" id="bank_name">
					  	   <div class="form-group">
							<label class="control-label">{{ _lang('Bank Name') }}</label>						
					      <input type="text" class="form-control" name="bank_name" value="{{ old('bank_name') }}"> 
					  	</div>
					</div>

						<div class="col-md-6" style="display:none" id="account_number">
					  	   <div class="form-group">
							<label class="control-label">{{ _lang('Account Number') }}</label>						
					      <input type="text" class="form-control" name="account_number" value="{{ old('account_number') }}"> 
					  	</div>
					</div>
					
					<div class="form-group">
					  <div class="col-md-12">
						<button type="submit" class="btn btn-primary">{{ _lang('Save') }}</button>
					  </div>
					</div>
					
				</div>
	 	
		</form>
	  
	</div>
  </div>
 </div>
</div>


<style>
    .tbl-dt{ font-size: 15px; line-height: 32px; color: #444; margin-bottom: 0; BORDER: 1px solid;  padding: 5px;}
</style>


<!-- Data list show-->

<div class="card mt-2">
			<span class="panel-title d-none">{{ _lang('List Contact') }}</span>
			<div class="card-body">
			<table id="contacts-table" class="table table-bordered">
			<thead>
			  <tr>
				<th>{{ _lang('Type') }}</th>
					<th>{{ _lang('Subscription frequescy') }}</th>
					<th>{{ _lang('Amount') }}</th>
				<th>{{ _lang('Payment Mode') }}</th>
				<th>{{ _lang('Payment status') }}</th>
				<th>{{ _lang('Payment Date') }}</th>
				<th>{{ _lang('Status') }}</th>
				<th class="text-center">{{ _lang('Action') }}</th>
				
			  </tr>
			</thead>
			<tbody>
			    
			    
			    @foreach($datas as $key=>$data)