@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-8">
                            <div class="title_left">
                                <h3><i class="fa fa-users"></i> Webinar User Register</h3>
                            </div>
                        </div>
                        <div class="col-sm-4 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_title">
                                <h2>Filter</h2>
                                <div class="clearfix"></div>
                            </div>
                            <div class="x_content">
                                <form id="form_filter" class="form-horizontal">
                                    {{--
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-2 control-label">Start date :</label>
                                        <div class="col-xs-12 col-sm-4">
                                            <input type="date" class="form-control" name="start"
                                                value="{{ $request['start'] }}" />
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-2 control-label">End date :</label>
                                        <div class="col-xs-12 col-sm-4">
                                            <input type="date" class="form-control" name="end"
                                                value="{{ $request['end'] }}" />
                                        </div>
                                    </div>
                                    --}}

                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-2 control-label">Code :</label>
                                        <div class="col-xs-12 col-sm-4">
                                            <input type="text" class="form-control" name="code" value="{{ $request['code'] }}" placeholder="transaction code" />
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-2 control-label">Name :</label>
                                        <div class="col-xs-12 col-sm-4">
                                            <input type="text" class="form-control" name="cusname" value="{{ $request['cusname'] }}" placeholder="name" />
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-2 control-label">Contact :</label>
                                        <div class="col-xs-12 col-sm-4">
                                            <input type="text" class="form-control" name="contact" value="{{ $request['contact'] }}" placeholder="emair or phone" />
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-2 control-label">Bank or VA Number:</label>
                                        <div class="col-xs-12 col-sm-4">
                                            <input type="text" class="form-control" name="bank" value="{{ $request['bank'] }}" placeholder="payment bank info" />
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-2 control-label">Status :</label>
                                        <div class="col-xs-12 col-sm-4">
                                            <select class="form-control" name="status">
                                                <option value="all">All Status</option>
                                                <option value="1" @if($request['status'] == '1') selected @endif>Sudah dibayar</option>
                                                <option value="0" @if($request['status'] == '0') selected @endif>Menunggu Pembayaran</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <div class="col-sm-offset-2 col-sm-10">
                                            <button type="submit" class="btn btn-success"><i class="fa fa-search"></i>
                                                Search</button>
                                            <a href="{{ url('webinar/webinar_report') }}" class="btn btn-warning">Reset Filter</a>
                                        </div>
                                    </div>
                                </form>
                                <hr>
                                <table class="table table-bordered table-striped">
                                    <tr>
                                        <th>No</th>
                                        <th>Trx Code</th>
                                        <th>Tanggal Daftar</th>
                                        <th>Name</th>
                                        <th>Contact</th>
                                        <th>Tanggal Lahir</th>
                                        <th>Pekerjaan</th>
                                        <th>Kota</th>
                                        <th>Status Pembayaran</th>
                                        <th>Bank</th>
                                        <th class="text-center">Action</th>
                                    </tr>
                                    @php
                                        $no = 1;
                                    @endphp
                                    @forelse($webinar_users as $webinar_user)
										@php
											$payment = $webinar_user->payment()->latest()->first();
										@endphp
                                        <tr>
                                            <td>{{ $no++ }}</td>
                                            <td>{{ $payment->payment_code }}</td>
                                            <td>{{ $payment->created_at }}</td>
                                            <td>{{ $webinar_user->name }}</td>
                                            <td>{{ $webinar_user->handphone }}<br><small>{{ $webinar_user->email }}</small></td>
                                            <td>{{ $webinar_user->dob }}</td>
                                            <td>{{ $webinar_user->pekerjaan }}</td>
                                            <td>{{ $webinar_user->kota }}</td>
                                            <td>{{ $payment->status == '1' ? 'Sudah dibayar' : 'Menunggu Pembayaran' }}</td>
											@if($payment->payment_method_id == 9)
												<td>
													BCA
													@if($payment->bukti_pembayaran)
														<div>
															<a href="{{ env('ALIYUN_OSS_IMAGE_URL') }}/webinar/bukti_pembayaran/{{ $payment->bukti_pembayaran }}" target="_blank"><img src="{{ env('ALIYUN_OSS_IMAGE_URL') }}/webinar/bukti_pembayaran/{{ $payment->bukti_pembayaran }}"" width="70" style="padding:2px; border:1px solid #ddd; background:#fff;"></a>
														</div>
													@endif
												</td>
											@else
												@php
													$midRes = $payment->midtransResponse;
												@endphp
                                                <td>
                                                    @if($midRes)
                                                        {{ strtoupper($midRes->bank) }}<br><small>{{ strtoupper($midRes->va_no) }}</small>
                                                    @endif
                                                </td>
											@endif
											<td class="text-center">
												<a href="{{ url('webinar/' . $payment->id) }}" class="btn btn-sm btn-info"><i class="fa fa-file-text fa-2x"></i></a>
											</td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="10">No data</td>
                                        </tr>
                                    @endforelse
                                </table>

                                <div>{{ $webinar_users->appends($_GET)->links() }}</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @include('includes.footer')
        </div>
    </div>
    <!-- Modal -->
    <div class="modal fade" id="formAddProduct" role="dialog" aria-labelledby="formAddProduct" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-md" role="document">
            <div id="formAddProductContent" class="modal-content">
            </div>
        </div>
    </div>
    <div class="modal fade" id="formEditProduct" role="dialog" aria-labelledby="formEditProduct" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-md" role="document">
            <div id="formEditProductContent" class="modal-content">
            </div>
        </div>
    </div>
@endsection


@section("scripts")
	<script>
		//alert(23);
	</script>
@endsection