@extends('layouts.layout')
@section('body_class', 'nav-md')
@section('body_content')
    <div class="container body">
        <div class="main_container">
            @include('includes.sidebar')
            <div class="right_col" role="main">
                <div class="page-title">
                    <div class="row">
                        <div class="col-sm-7">
                            <div class="title_left">
                                <h3><i class="fa fa-file-text"></i> Webinar Payment Detail</h3>
                            </div>
                        </div>
                        <div class="col-sm-5 text-right">
                            <!-- <button class="btn btn-success" onclick="AddProductModal()">Add Product</button> -->
                        </div>
                    </div>
                    <div class="clearfix"></div>
                </div>

                <div class="row">
                    <div class="col-xs-12">
                        <div class="x_panel">
                            <div class="x_content" style="font-size: 14px;">
								<div class="row">
									<div class="col-xs-6">
										<div class="row">
											<div class="col-xs-12" style="margin-bottom: 10px;">
												<div class="form-group">
													<label class="col-xs-12 col-sm-5 control-label" style="font-weight: bold;">Tanggal Register</label>
													<div class="col-xs-12 col-sm-7">
														{{ $webinar_payment->webinarUser->created_at }}
													</div>
												</div>
											</div>
											<div class="col-xs-12" style="margin-bottom: 10px;">
												<div class="form-group">
													<label class="col-xs-12 col-sm-5 control-label" style="font-weight: bold;">Name</label>
													<div class="col-xs-12 col-sm-7">
														{{ $webinar_payment->webinarUser->name }}
													</div>
												</div>
											</div>
											<div class="col-xs-12" style="margin-bottom: 10px;">
												<div class="form-group">
													<label class="col-xs-12 col-sm-5 control-label" style="font-weight: bold;">Handphone</label>
													<div class="col-xs-12 col-sm-7">
														{{ $webinar_payment->webinarUser->handphone }}
													</div>
												</div>
											</div>
											<div class="col-xs-12" style="margin-bottom: 10px;">
												<div class="form-group">
													<label class="col-xs-12 col-sm-5 control-label" style="font-weight: bold;">Email</label>
													<div class="col-xs-12 col-sm-7">
														{{ $webinar_payment->webinarUser->email }}
													</div>
												</div>
											</div>
											<div class="col-xs-12" style="margin-bottom: 10px;">
												<div class="form-group">
													<label class="col-xs-12 col-sm-5 control-label" style="font-weight: bold;">Tanggal Lahir</label>
													<div class="col-xs-12 col-sm-7">
														{{ $webinar_payment->webinarUser->dob }}
													</div>
												</div>
											</div>
											<div class="col-xs-12" style="margin-bottom: 10px;">
												<div class="form-group">
													<label class="col-xs-12 col-sm-5 control-label" style="font-weight: bold;">Pekerjaan</label>
													<div class="col-xs-12 col-sm-7">
														{{ $webinar_payment->webinarUser->pekerjaan }}
													</div>
												</div>
											</div>
											<div class="col-xs-12" style="margin-bottom: 10px;">
												<div class="form-group">
													<label class="col-xs-12 col-sm-5 control-label" style="font-weight: bold;">Domisili</label>
													<div class="col-xs-12 col-sm-7">
														{{ $webinar_payment->webinarUser->kota }}
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="col-xs-6">
										<div class="row">
											<div class="col-xs-12" style="margin-bottom: 10px;">
												<div class="form-group">
													<label class="col-xs-12 col-sm-5 control-label" style="font-weight: bold;">Payment Code</label>
													<div class="col-xs-12 col-sm-7">
														{{ $webinar_payment->payment_code }}
													</div>
												</div>
											</div>
											<div class="col-xs-12" style="margin-bottom: 10px;">
												<div class="form-group">
													<label class="col-xs-12 col-sm-5 control-label" style="font-weight: bold;">Status Pembayaran</label>
													<div class="col-xs-12 col-sm-7">
														@if($webinar_payment->status == '1')
															Sudah dibayar
														@elseif($webinar_payment->status == '2')
															Dibatalkan
														@else
															Menunggu Pembayaran
														@endif
													</div>
												</div>
											</div>
											<div class="col-xs-12" style="margin-bottom: 10px;">
												<div class="form-group">
													<label class="col-xs-12 col-sm-5 control-label" style="font-weight: bold;">Bank Pembayaran</label>
													<div class="col-xs-12 col-sm-7">
														{{ $webinar_payment->payment_method_id == '9' ? 'Transfer Bank BCA' : $webinar_payment->paymentMethod->label }}
													</div>
												</div>
											</div>
											@if($webinar_payment->payment_method_id == '9')
												<div class="col-xs-12" style="margin-bottom: 10px;">
													<div class="form-group">
														<label class="col-xs-12 col-sm-5 control-label" style="font-weight: bold;">Bank Pembayaran</label>
														<div class="col-xs-12 col-sm-7">
															<a href="{{ env('ALIYUN_OSS_IMAGE_URL') }}/webinar/bukti_pembayaran/{{ $webinar_payment->bukti_pembayaran }}" target="_blank"><img src="{{ env('ALIYUN_OSS_IMAGE_URL') }}/webinar/bukti_pembayaran/{{ $webinar_payment->bukti_pembayaran }}"" width="70" style="padding:2px; border:1px solid #ddd; background:#fff;"></a>
														</div>
													</div>
												</div>
												
												@if($webinar_payment->status == '0')
													<div class="col-xs-12" style="margin-bottom: 10px;">
														<div class="form-group">
															<div class="col-xs-12 col-sm-5"></div>
															<div class="col-xs-12 col-sm-7">
																<button onclick="approvePayment()" class="btn btn-success"><i class="fa fa-check"></i> Approve Payment</button>
																<button onclick="rejectPayment()" class="btn btn-danger"><i class="fa fa-times"></i> Reject Payment</button>
															</div>
														</div>
													</div>
												@endif
											@endif
										</div>
									</div>
								</div>
                            </div>
                        </div>
                    </div>
                </div>
				
				@if($webinar_payment->status == '1')
					<div class="row">
						<div class="col-xs-12">
							<div class="x_panel">
								<div class="x_content text-center">
									<button id="btn-success-email" class="btn btn-warning" onclick="successPaymentEmail()">Kirim Email Pembayaran Berhasil</button>
									<button id="btn-invitation" class="btn btn-info" onclick="sendInvitationEmail()">Kirim Undangan Webinar</button>
								</div>
							</div>
						</div>
					</div>
				@endif
            </div>
            @include('includes.footer')
        </div>
    </div>
@endsection


@section("scripts")
	<script>
		function approvePayment() {
			if (confirm("Apakah Anda yakin ingin meng-Approve pembayaran webinar ini ?") == true) {
				location.href = '{{ url('webinar/approve_payment/' . $webinar_payment->id) }}';
			}
		}

		function rejectPayment() {
			if (confirm("Apakah Anda yakin ingin meng-Reject pembayaran webinar ini ?") == true) {
				location.href = '{{ url('webinar/reject_payment/' . $webinar_payment->id) }}';
			}
		}
		
		function successPaymentEmail() {
			$('#btn-success-email').html('Sending email . . .');
			$('#btn-success-email').prop('disabled', true);
			location.href = '{{ url('webinar/send_success_payment_email/' . $webinar_payment->id) }}';
		}
		
		function sendInvitationEmail() {
			$('#btn-invitation').html('Sending email . . .');
			$('#btn-invitation').prop('disabled', true);
			if (confirm("Apakah Anda yakin ingin mengirim undangan kepada peserta ?") == true) {
				location.href = '{{ url('webinar/send_invitation/' . $webinar_payment->id) }}';
			}
		}
	</script>
@endsection