@model Top4HireDrivers.Models.PreviousResponse
@{
    Layout = null;
}
<style>
    .bg-c-lite-green {
        background: #cfcfcf; /*//linear-gradient(darkblue,skyblue);*/
        height: 165px;
    }

    .otherdetails {
    }

    .hdpendingstyle {
        border-bottom: solid 1px #808080;
    }

    .labelsty {
        /*color: #333;*/
    }
</style>
@if (Model != null)
{
    if (Model.isPaymentPending ==true)//&& Model.Data.PaymentType == "Online")
    {

        <div class="panel panel-default" style="margin:8px 8px 5px 8px;">
            <div class="panel-body">
                <div class="row col-sm-12" style="margin-top:0.8em;margin-left:1px;">
                    <div class="col-xl-6 col-md-12">
                        <div class="card user-card-full">
                            <form id="Testform" >
                                <div class="row m-l-0 m-r-0">
                                    @*<div class="col-sm-4 bg-c-lite-green user-profile">

                                        </div>*@

                                    <div class="col-sm-12 otherdetails">
                                        <div class="col-sm-12 hdpendingstyle">
                                            <p class="labelsty">
                                                <b>Pending Payment Information</b>
                                            </p>
                                        </div>
                                        <div class="col-sm-12 form-group" style="margin-top:3px;">
                                            <p>
                                                <span class="col-sm-4 labelsty">
                                                    <b>Booking ID :</b>
                                                </span>
                                                <span class="col-sm-3">
                                                    @Model.Data.BookingID
                                                    <input type="hidden" id="hdBookid" value="@Model.Data.BookingID" />
                                                </span>
                                                <span class="col-sm-3 labelsty">
                                                    <b>Paid Amount :</b>
                                                </span>
                                                <span class="col-sm-2">
                                                    @Model.Data.BookingAmount
                                                    
                                                </span>
                                            </p>
                                        </div>
                                        <div class="col-sm-12 form-group">
                                            <p>
                                                <span class="col-sm-4 labelsty">
                                                    <b>Trip Type :</b>
                                                </span>
                                                <span class="col-sm-3">
                                                    @Model.Data.TripType
                                                </span>
                                                <span class="col-sm-3 labelsty">
                                                    <b>Booking Status :</b>
                                                </span>
                                                <span class="col-sm-2">
                                                    @Model.Data.BookingStatus

                                                </span>
                                            </p>
                                        </div>
                                        <div class="col-sm-12 form-group">
                                            <p>
                                                <span class="col-sm-4 labelsty">
                                                    <b>Booking Datetime :</b>
                                                </span>
                                                <span class="col-sm-3">
                                                    @Model.Data.BookingDataTime
                                                </span>
                                                <span class="col-sm-3">
                                                    <b>Payment Type :</b>
                                                </span>
                                                <span class="col-sm-2 card-icon">
                                                    <img src="~/images/img/credit-card (2).png" />
                                                </span>
                                            </p>
                                            <p style="float:right;">
                                                <a href="~/PaymentGateway/Paytmpayment.aspx?bookingId=@Model.Data.BookingID&amount=@Model.Data.BookingAmount" class="btn btn-info" id="btnPay">Pay</a>
                                                @*<input type="submit" class="btn btn-info" id="btnPay" value="Pay" />*@
                                            </p>
                                        </div>
                                        @*<div class="col-sm-12">

                                            </div>*@
                                    </div>
                                </div>
                            </form>

                        </div>
                    </div>
                </div>
            </div>
        </div>


    }
    else
    {
        <div>
            <span class="col-sm-12"><span class="col-sm-5" style="color:green;">There is no pending payment </span></span>
        </div>
    }
}

<script type="text/javascript">
    $(document).ready(function () {

        $('.card-icon').click(function () {
            // alert('test');
            Swal({
                type: 'warning',
                title: "Please paid ur ampunt..",
                showConfirmButton: false,
                timer: 5000,
            });
        });
    });
</script>