<div class="modal-header">
    <h4 class="modal-title">รายละเอียดการจอง</h4>
    <button type="button" class="close" aria-label="Close" (click)="activeModal.dismiss('Cross click')">
        <span aria-hidden="true">&times;</span>
    </button>
</div>
<div class=" modal-body">
    <div class=" row">
        <div class=" col-md-12">
            <div class=" form-group">
                <label> ชื่อผู้จอง </label>
                <input readonly class=" form-control" type="text" value={{name}} style="color: aliceblue;" />
            </div>
        </div>
    </div>
    <div class=" row">
        <div class=" col-md-12">
            <div class=" form-group">
                <label> เบอร์โทร </label>
                <input readonly class=" form-control" type="text" value={{telephone}} style="color: aliceblue;" />
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12 mb-1">
            <label for="exampleFormControlSelect1">ชื่อห้อง</label>
            <input readonly class="form-control" type="text" value={{rName}} style="color: aliceblue;">
        </div>
    </div>
    <div class="row">
        <div class="col-6 mb-1">
            <label for="exampleFormControlSelect1">เวลาที่เริ่มต้น</label>
            <input readonly class="form-control" type="time" value={{sTime}} style="color: aliceblue;"> 
        </div>
        <div class="col-6 mb-1">
            <label readonly for="exampleFormControlSelect1">เวลาที่สิ้นสุด</label>
            <input readonly class="form-control" type="time" value={{eTime}} style="color: aliceblue;">
        </div>
    </div>
</div>