apollosc/src/app/views/fees-details/edit-receive-fees/edit-receive-fees.component.html
2018-07-31 15:33:26 +05:30

228 lines
12 KiB
HTML

<div class="animated fadeIn" *ngIf="!hideFeesAllocateC">
<form action="" method="post" class="form-horizontal">
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<i class="fa fa-align-justify"></i> Manually Change Allocated Student Fees Details
</div>
<div class="card-body">
<div class="row">
<div class="form-group col-sm-3">
<label for="editstudycenter">Study Center <span class="symbol required"></span></label>
<select class="form-control" id="editstudycenter" disabled>
<!-- <option>Select Study Center</option> -->
<option>CHE001-Chennai</option>
<option>CBE002-Coimbatore</option>
</select>
</div>
<div class="form-group col-sm-3">
<label for="edituniversity">University</label>
<select class="form-control" id="edituniversity" disabled>
<!-- <option>Select University</option> -->
<option>Anna University</option>
<option>SRM University</option>
<option>Karpagam University</option>
<option>Hindustan University</option>
</select>
</div>
<div class="form-group col-sm-3">
<label for="billNo">Bill No </label>
<input type="text" class="form-control" id="billNo" value="CHE-00001" placeholder="Enter bill no" readonly>
</div>
<div class="form-group col-sm-3">
<label for="editbillAmount">Bill Amount <span class="symbol required"></span></label>
<input type="text" value="200000" class="form-control" id="editbillAmount" placeholder="Enter bill amount" readonly>
</div>
<div class="form-group col-sm-3">
<label for="receivedAmount">Received Amount <span class="symbol required"></span></label>
<input type="text" value="200000" class="form-control" id="receivedAmount" placeholder="Enter received amount" readonly>
</div>
<div class="form-group col-sm-3">
<label for="advanceAmount">Advance Amount <span class="symbol required"></span></label>
<input type="text" value="0" class="form-control" id="advanceAmount" placeholder="Enter advance amount" readonly>
</div>
<div class="form-group col-sm-3">
<label for="editreceiptNo">Receipt No </label>
<input type="text" class="form-control" id="editreceiptNo" placeholder="Enter receipt no" readonly>
</div>
<div class="form-group col-sm-3">
<label for="editpaymentMode">Mode Of Payment <span class="symbol required"></span></label>
<select class="form-control" id="editpaymentMode" disabled>
<!-- <option>Select Payment</option> -->
<option>CASH</option>
<option>CHEQUE</option>
<option>ONLINE TRANSACTION</option>
<option>CREDIT / DEBIT CARD</option>
</select>
</div>
<div class="form-group col-sm-3">
<label for="editcomments">Comments <span class="symbol required"></span></label>
<textarea maxlength="100" placeholder="Enter Comments" class="form-control" name="editcomments" id="editcomments" readonly></textarea>
</div>
</div>
<div class="row">
<div class="col-md-12">
<table class="table table-bordered table-responsive table-hover">
<thead>
<tr>
<th>Form Id</th>
<th>Student Name</th>
<th>Payable Amount</th>
<th>Paid Amount</th>
<th>Balance Amount</th>
<th>Status</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<span class="checkbox">
<label for="checkbox1">
<input type="checkbox" id="checkbox1" name="checkbox1" value="option1" checked>
</label>
</span> &nbsp;
<a title="Click to view student course details">Form001</a></td>
<td>
<span>Preetha - Srinivasan</span>
</td>
<td>
<span>50000</span>
</td>
<td>
<span>50000</span>
</td>
<td>
<span>0</span>
</td>
<td>
<span>Paid</span>
</td>
</tr>
<tr>
<td>
<span class="checkbox">
<label for="checkbox2">
<input type="checkbox" id="checkbox1" name="checkbox2" value="option2" checked>
</label>
</span> &nbsp;
<a title="Click to view student course details">Form002</a>
</td>
<td>
<span>Ram - Ganesh</span>
</td>
<td>
<span>25000</span>
</td>
<td>
<span>25000</span>
</td>
<td>
<span>0</span>
</td>
<td>
<span>Paid</span>
</td>
</tr>
<tr>
<td>
<span class="checkbox">
<label for="checkbox3">
<input type="checkbox" id="checkbox1" name="checkbox3" value="option3" checked>
</label>
</span> &nbsp;
<a title="Click to view student course details">Form003</a>
</td>
<td>
<span>Moorthy - Saminathan</span>
</td>
<td>
<span>50000</span>
</td>
<td>
<span>50000</span>
</td>
<td>
<span>0</span>
</td>
<td>
<span>Paid</span>
</td>
</tr>
<tr>
<td>
<span class="checkbox">
<label for="checkbox4">
<input type="checkbox" id="checkbox4" name="checkbox4" value="option4" checked>
</label>
</span> &nbsp;
<a title="Click to view student course details">Form004</a>
</td>
<td>
<span>Mohan - Saravanan</span>
</td>
<td>
<span>100000</span>
</td>
<td>
<span>75000</span>
</td>
<td>
<span>25000</span>
</td>
<td>
<span>Partially Paid</span>
</td>
</tr>
<tr>
<td>
<span class="checkbox">
<label for="checkbox5">
<input type="checkbox" id="checkbox5" name="checkbox5" value="option5">
</label>
</span> &nbsp;
<a title="Click to view student course details">Form005</a>
</td>
<td>
<span>Renu - Sathish</span>
</td>
<td>
<span>50000</span>
</td>
<td>
<span>0</span>
</td>
<td>
<span>50000</span>
</td>
<td>
<span>Pending</span>
</td>
</tr>
</tbody>
</table>
</div>
<!--/.col-->
</div>
</div>
<div class="card-footer">
<div class="col-lg-12 col-xs-12 endBtn" align="right">
<button type="button" class="btn btn-sm btn-success"><i class="fa fa-plus-circle"></i> Save</button>&nbsp;
<button type="button" class="btn btn-sm btn-danger" (click)="cancel()"><i class="fa fa-ban"></i> Cancel</button>
</div>
</div>
</div>
</div>
</div><!--/.row-->
</form>
</div>
<app-fees-details *ngIf="hideFeesAllocateC"></app-fees-details>