rental-源码

<div class="card mt-4"> <div class="card-body"> <table class="table"> <thead> <tr> <th>Marka</th> <th>Model</th> <th>Renk</th> <th>Model Yılı</th> <th>Kiralama Tarihi</th> <th>Geri Dönüş Tarihi</th> <th>Günlük Ücret</th> <th>Toplam</th> </tr> </thead> <tbody> <tr *ngIf="car!=undefined" > <td>{{car.brandName}}</td> <td>{{car.model}}</td> <td>{{car.colorName}}</td> <td>{{car.modelYear}}</td> <td>{{rental.rentDate}}</td> <td>{{rental.returnDate}}</td> <td>{{car.dailyPrice | vatAdded:18 |currency:"₺"}}</td> <td><strong class="text-danger">{{amount | currency:"₺"}}</strong></td> </tr> </tbody> </table> </div> </div> <div class="card mt-4"> <div class="card-header text-center"> <strong>Ödeme İşlemleri</strong> </div> <div class="card-body"> <div class="row"> <div class="inputbox mt-3"> <span>Kart üzerindeki isim</span> <input type="text" class="form-control" required="required" /> </div> <div class="row"> <div class="col-md-4"> <div class="inputbox mt-3 mr-2"> <span>Kart Numarası</span> <input type="text" class="form-control" required="required" /> <i class="fa fa-credit-card"></i> </div> </div> <div class="col-md-8"> <div class="d-flex flex-row"> <div class="inputbox mt-3 mr-2"> <span>Son Kullanım Ayı</span> <input type="text" class="form-control" required="required" /> </div> <div class="inputbox mt-3 mr-2"> <span>Son Kullanım Yılı</span> <input type="text" class="form-control" required="required" /> </div> </div> <div class="inputbox mt-3 mr-2"> <span>Güvenlik Kodu</span> <input type="text" class="form-control" required="required" /> </div> </div> </div> </div> </div> <div class="card-footer"> <div class="row"> <button (click)="payment()" routerLink = "/cars" class="btn btn-success"><strong>{{ amount | currency:"₺" }} ÖDE </strong></button> </div> </div> </div>