@extends('layouts.layout')
@section('css')
@endsection
@section('body_class', 'nav-md')
@section('body_content')
<style>
.box-card {
    border: 1px solid #000;
    padding: 10px;
    text-align: center;
    min-height: 90px;
    margin-bottom: 15px; /* jarak antar baris */
    border-radius: 5px;
}
.box-card h4 {
    font-size: 14px;
    margin-bottom: 8px;
    border-bottom: 1px dashed #000;
    padding-bottom: 5px;
}
.box-card span {
    font-size: 13px;
    font-weight: bold;
}

.border-wrapper {
    border: 1.5px solid #000; /* warna biru primary */
    border-radius: 16px;
    padding: 10px;
}



</style>
<div class="container body">
    <div class="main_container">
        @include('includes.sidebar')
        <div class="right_col" role="main">
            <div class="page-title">
                <div class="title_left">
                    <h3>Transaction Lakucicil digital</h3>
                </div>
                <div class="clearfix"></div>
            </div>

            <div class="card border-wrapper mb-3">
                <div class="card-header text-center" style="font-weight: bold; font-size:12px;">
                    TRANSACTION ON GOING
                </div>
                <div class="card-body" style="margin-top:10px;">
                    <div class="row">   
                        {{-- 
                        <div class="col-xs-6 col-md-6">
                            <div class="x_panel">                        
                                <div class="x_content">
                                    <table class="table table-bordered table-striped">
                                        <thead>
                                            <tr>
                                                <th class="text-center">Brand</th>
                                                <th class="text-center">Item</th>
                                                <th class="text-center">QTY</th>
                                                <th class="text-center">Total Base Price</th>
                                                <th class="text-center">Total Transaksi</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @php
                                                $total_qty = 0;
                                                $total_base_price = 0;
                                                $total_catalog_price = 0;
                                            @endphp
                                            
                                            @forelse ($summary_laku_cicil as $data)
                                            <tr>
                                                <td class="text-center">Emas Digital</td>
                                                <td class="text-center">{{ $data->total_weight_gold  }}</td>
                                                <td class="text-center">{{ $data->qty }}</td>
                                                <td class="text-right">{{ number_format($data->base_price)}}</td>
                                                <td class="text-right">{{ number_format($data->total_harga_emas * $data->qty)  }}</td>
                                            </tr>
                                            @php
                                                $total_qty += $data->qty;
                                                $total_base_price += $data->base_price;
                                                $total_catalog_price += $data->total_harga_emas * $data->qty;
                                            @endphp
                                            @empty
                                                <td colspan="5" class="text-center">No Data</td>
                                            @endforelse
                                            <tfoot>
                                                <td colspan="2" class="text-right">Total</td>
                                                <td class="text-center">{{ $total_qty }}</td>
                                                <td class="text-right">{{ number_format($total_base_price) }}</td>
                                                <td class="text-right">{{ number_format($total_catalog_price) }}</td>
                                            </tfoot>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                         --}}
                        <div class="col-xs-12 col-md-12">
                            <div class="container">
                                <div class="row">
                                    <div class="col-xs-12 col-sm-6">
                                        <div class="box-card">
                                            <h4>Total Transaksi</h4>
                                            <span>{{ $total_transaksi }}</span>
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-sm-6">
                                        <div class="box-card">
                                            <h4>Total Customer</h4>
                                            <span>{{ $total_customer }}</span>
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-sm-6">
                                        <div class="box-card">
                                            <h4>Total Base Price &amp; Total Transaksi (Rp)</h4>
                                            <span>Rp {{ number_format($total_base_price) }} | Rp {{ number_format($total_penjualan) }}</span>
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-sm-6">
                                        <div class="box-card">
                                            <h4>Total Penjualan (Gr)</h4>
                                            <span>{{ $total_gr_emas }} Gr</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">     
                <div class="col-xs-12 col-md-12">
                    <div class="x_panel">                        
                        <div class="x_content">
							<h4 style="margin: 0px;"><b><center>FILTER</center></b><hr style="border: 1px dashed #ccc;"></h4>
                            <form class="form-horizontal">
                                <div class="col-xs-12 col-sm-6">
                                    {{-- 
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-4 control-label">Brand Emas</label>
                                        <div class="col-xs-12 col-sm-8">
                                            <select name="brand_emas" id="brand_emas" class="form-control">
                                                <option value="all" {{ $request['brand_emas'] == 'all' ? 'selected' : '' }}>ALL</option>
                                                @foreach ($brands as $brand)
                                                    <option value="{{ $brand->id }}" {{ $request['brand_emas'] == $brand->id ? 'selected' : '' }}>
                                                        {{ $brand->brand }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                     --}}
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-4 control-label">Search :</label>
                                        <div class="col-xs-12 col-sm-8">
                                            <input type="text" class="form-control" name="no_invoice" id="no_invoice" value="{{ $request['search_invoice'] }}" placeholder="Invoice or customer name">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-4 control-label">Payment Method :</label>
                                        <div class="col-xs-12 col-sm-8">
                                            <select name="payment_filter" id="payment_filter" class="form-control">
                                                <option value="all" {{ $request['payment_filter'] == 'all' ? 'selected' : '' }}>ALL</option>
                                                <option value="virtual_account" {{ $request['payment_filter'] == 'virtual_account' ? 'selected' : '' }}>Virtual Account</option>
                                                <option value="transfer" {{ $request['payment_filter'] == 'transfer' ? 'selected' : '' }}>Transfer</option>
                                                <option value="saldo_akun" {{ $request['payment_filter'] == 'saldo_akun' ? 'selected' : '' }}>Saldo Akun</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xs-12 col-sm-6">
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-4 control-label">Status Transaksi :</label>
                                        <div class="col-xs-12 col-sm-8">
                                                <select name="status_transaksi" id="status_transaksi" class="form-control">
                                                    <option value="all" {{ $request['status_transaksi'] == 'all' ? 'selected' : '' }}>ALL</option>
                                                    <option value="waiting_approval" {{ $request['status_transaksi'] == 'waiting_approval' ? 'selected' : '' }}>Waiting Approval</option>
                                                    <option value="cancelled" {{ $request['status_transaksi'] == 'cancelled' ? 'selected' : '' }}>cancelled</option>
                                                    <option value="done" {{ $request['status_transaksi'] == 'done' ? 'selected' : '' }}>done</option>
                                                    <option value="rejected" {{ $request['status_transaksi'] == 'rejected' ? 'selected' : '' }}>rejected</option>   
                                                    <option value="on_going" {{ $request['status_transaksi'] == 'on_going' ? 'selected' : '' }}>On Going</option>
                                                </select>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-4 control-label">Status Pembayaran :</label>
                                        <div class="col-xs-12 col-sm-8">
                                                <select name="status_pembayaran" id="status_pembayaran" class="form-control">
                                                    <option value="all" {{ $request['status_pembayaran'] == 'all' ? 'selected' : '' }}>ALL</option>
                                                    <option value="current" {{ $request['status_pembayaran'] == 'current' ? 'selected' : '' }}>Current</option>
                                                    <option value="overdue" {{ $request['status_pembayaran'] == 'overdue' ? 'selected' : '' }}>overdue</option>
                                                    <option value="void" {{ $request['status_pembayaran'] == 'void' ? 'selected' : '' }}>void</option>
                                                </select>
                                        </div>
                                    </div>
                                     <div class="form-group">
                                        <label class="col-xs-12 col-sm-4 control-label">Date From :</label>
                                        <div class="col-xs-12 col-sm-8">
                                            <input type="date" class="form-control" name="date_from" id="date_from" value="{{ $request['date_from'] }}" placeholder="Tanggal Mulai">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-4 control-label">Date To :</label>
                                        <div class="col-xs-12 col-sm-8">
                                            <input type="date" class="form-control" name="date_to" id="date_to" value="{{ $request['date_to'] ? $request['date_to'] : now()->toDateString() }}" placeholder="Tanggal Akhir">
                                        </div>
                                    </div>
                                </div>
                                {{-- 
                                <div class="col-xs-12 text-center">
									<hr style="border: 1px dashed #ccc;">
                                    <button type="submit" class="btn btn-success">Search</button>
                                </div>
                                 --}}
                                <div class="col-xs-12 text-center">
									<div class="col-xs-12 text-center">
                                        <hr style="border: 1px dashed #ccc;">
                                        <button type="submit" class="btn btn-success">Search</button>
									
                                        @if ($download_ready)
                                            @if ($download_ready->status == '0')
                                                <button class="btn btn-warning" id="prosess" disabled>
                                                    <i class="fa fa-pulse fa-clock-o"></i> Sedang mendownload file
                                                </button>
                                            @else
                                                <a href="{{ route('laku_cicil_digital_download',[
                                                    'date_from' => $request['date_from'],
                                                    'date_to' => $request['date_to'],
                                                    'status_transaksi' => $request['status_transaksi'],
                                                    'search_invoice' => $request['search_invoice'],
                                                    'brand_emas' => $request['brand_emas'],
                                                    'payment_filter' => $request['payment_filter'],
                                                    'status_pembayaran' => $request['status_pembayaran'],
                                                    ]) }}" class="btn btn-primary">
                                                    <i class="fa fa-download"></i> Download
                                                </a>
                                            @endif
										@else
											<a href="{{ route('laku_cicil_digital_download',[
												'date_from' => $request['date_from'],
												'date_to' => $request['date_to'],
												'status_transaksi' => $request['status_transaksi'],
                                                'search_invoice' => $request['search_invoice'],
                                                'brand_emas' => $request['brand_emas'],
                                                'payment_filter' => $request['payment_filter'],
                                                'status_pembayaran' => $request['status_pembayaran'],
												]) }}" class="btn btn-primary">
												<i class="fa fa-download"></i> Download
											</a>
                                        @endif
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
				<div class="col-xs-12">
					<div class="x_panel">
						<div class="form-group">
							<p>
								<a class="btn btn-success" data-toggle="collapse" href="#collapseExample" role="button"
									aria-expanded="false" aria-controls="collapseExample">
									Log Download
								</a>
							</p>
							<div class="collapse" id="collapseExample">
								<div class="card card-body">
									<table id="myTable" class="table table-bordered table-striped"
										style="zoom: 0.75;">
										<thead>
											<tr>
												<th class="text-center">Tanggal</th>
												<th class="text-center">Nama</th>
												<th class="text-center">File Name</th>
												<th class="text-center">Status</th>
												<th class="text-center">Action</th>
											</tr>
										</thead>
										<tbody id="load_summary_customer">
											@foreach ($download_file as $data)
												<tr>
													<td class="text-left">{{ $data->created_at }}</td>
													<td class="text-left">
														{{ $data->users->name }}
														<div>
															<small>({{ $data->users->username }})</small>
														</div>
													</td>
													<td class="text-left">{{ $data->file_name }}</td>
													<td class="text-left">
														@if ($data->status == '1')
															Berhasil
														@elseif ($data->status == '2')
															<span class="text-danger"><i>Gagal, load data tinggi</i></span>
														@endif
													</td>
													<td class="text-left">
														@if ($data->status == '1')
															@php
																$hasDownloadReady = true;
															@endphp

															<a href="{{ route('laku_cicil_digital_download_ready_file', [
																'name' => $data->file_name,
															]) }}"
																target="_blank" class="btn btn-success"
																id="btn_ready_download" onclick="downloadReadyFile()"
																style="display: ;"><i class="fa fa fa-check"></i>
																Download File
															</a>
														@endif
													</td>
												</tr>
											@endforeach
										</tbody>
									</table>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
        

            <div class="row">                
                <div class="col-xs-12">
                    <div class="x_panel">            
                        <div class="x_content" style="overflow: auto; zoom: 0.9;">
                            <table class="table table-bordered">
                                <thead>
                                    <tr>
                                        <th class="text-center">No</th>
                                        <th class="text-center">Transaction Date</th>
                                        <th class="text-center">Maturity Date</th>
                                        <th class="text-center">Product Type</th>
                                        <th class="text-center">Type SO</th>
                                        <th class="text-center">Payment Method</th>
                                        <th class="text-center">Invoice</th>
                                        <th class="text-center">Customer Name</th>
                                        <th class="text-center">GR Referral</th>
                                        <th class="text-center">Status Transaksi</th>
                                        <th class="text-center">Status Pembayaran</th>
                                        <th class="text-center">Total Qty</th>
                                        <th class="text-center">Total Emas</th>
                                        <th class="text-center">Total Base Price</th>
                                        <th class="text-center">Total Transaksi</th>
                                        <th class="text-center">Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @php 
                                        $no = 1;
                                    @endphp
                                   @forelse ($report as $data)
                                       <tr>
                                            <td class="text-center">{{ $no ++ }}</td>
                                            <td class="text-center">{{ $data->laku_cicil_details->created_at }}</td>
                                            <td class="text-center">{{ $data->laku_cicil_details->due_date }}</td>
                                            <td class="text-center">{{ $data->laku_cicil_details->type }}</td>
                                            <td class="text-center">Cicilan</td>
                                            {{-- 
                                            <td class="text-center">
                                                @if($data->laku_cicil_details->laku_cicil_payment->payment_method == "virtual_account")
                                                    Virtual Account
                                                @elseif($data->laku_cicil_details->laku_cicil_payment->payment_method == "saldo_akun")
                                                    Saldo Akun
                                                @elseif ($data->laku_cicil_details->laku_cicil_payment->method == "transfer")
                                                    Transfer
                                                @else
                                                -   
                                                @endif
                                            </td>
                                             --}}
                                            <td class="text-center">
                                                @if($data->laku_cicil_details && $data->laku_cicil_details->laku_cicil_payment)
                                                    @if($data->laku_cicil_details->laku_cicil_payment->payment_method == "virtual_account")
                                                        Virtual Account
                                                    @elseif($data->laku_cicil_details->laku_cicil_payment->payment_method == "saldo_akun")
                                                        Saldo Akun
                                                    @elseif($data->laku_cicil_details->laku_cicil_payment->payment_method == "transfer")
                                                        Transfer
                                                    @endif
                                                @else
                                                    -
                                                @endif
                                            </td>
                                            <td class="text-center">
                                                @if (!empty($data->inv_cicil))
                                                    {{$data->inv_cicil}}
                                                @else
                                                    {{ $data->code}}
                                                @endif
                                            </td>
                                            <td class="text-center">{{ $data->customer_cicil->name}}</td>
                                            <td class="text-center">{{ $data->laku_cicil_details->referal_code ?? '-'}}</td>
                                            <td class="text-center">
                                                @if($data->laku_cicil_details->laku_cicil_gagal_bayar)
                                                    Done
                                                @elseif($data->status == 'waiting_approval' && $data->laku_cicil_details->laku_cicil_dp_payment->status_doc == 'pending' && $data->laku_cicil_details->laku_cicil_dp_payment->payment_method == 'virtual_account')
                                                    Waiting Payment
                                                @elseif($data->status == 'cancelled')
                                                    cancelled
                                                @elseif($data->status == 'waiting_approval')
                                                    Waiting Approval
                                                @elseif($data->status == 'rejected')
                                                    Rejected
                                                @elseif($data->status == 'on_going')
                                                    On Going
                                                @elseif($data->status == 'done')
                                                    Done <br>
                                                @endif
                                            </td>
                                            <td class="text-center">
                                                @if ($data->status != 'done' && $data->status != 'cancelled')
                                                    @if ($data->laku_cicil_details->laku_cicil_gagal_bayar)
                                                        Void
                                                    @elseif ($current_date > optional($data->laku_cicil_details->laku_cicil_status_payment)->due_date)
                                                        Overdue
                                                    @elseif($current_date <= optional($data->laku_cicil_details->laku_cicil_status_payment)->due_date)
                                                        Current
                                                    @else
                                                        -
                                                    @endif
                                                @else
                                                    -
                                                @endif
                                            </td>
                                            <td class="text-center">1</td>
                                            <td class="text-center">{{ $data->laku_cicil_details->total_weight_gold}}</td>
                                            <td class="text-center">{{ number_format($data->laku_cicil_details->total_tagihan)}}</td>
                                            
                                            <td class="text-right">{{ number_format($data->laku_cicil_details->total_harga_emas) }}</td>
                                            <td class="text-center">
                                                <a href="{{route('transaksi_laku_cicil_digital_detail', $data->id)}}"  class="btn btn-sm btn-outline-secondary"><i class="bi bi-three-dots-vertical"></i>
                                                </a>
                                            </td>
                                       </tr>
                                   @empty
                                        <tr>
                                            <td colspan="10" class="text-center">No Data</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                            <div style="text-align:center">{{ $report->appends($_GET)->links() }}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @include('includes.footer')
    </div>
</div>
<input type="hidden" id="is_downloaded" value="0">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">


@endsection


@section('scripts')
<script>
    $(document).ready(function() {
            $('#myTable').DataTable({
                searching: false,
                lengthChange: false,
                pageLength: 5,
                order: [
                    [0, 'desc']
                ]
            });
        });
    $(document).ready(function() {
            @if ($download_ready)
                @if ($download_ready->status == '0')
                    setInterval(() => {
                        var is_downloaded = $('#is_downloaded').val();
                        if (is_downloaded == '0') {
                            check_download_proceess({{ $download_ready->id }});
                        }
                    }, 5000);
                @endif
            @endif
        });
        function check_download_proceess(id) {
            $.ajax({
                url: "{{ url('lakucicil/transaksi_laku_cicil_digital/check_download_process/') }}/" + id,
                method: "GET",
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
            }).done(function(response) {
                if (response.status == "completed") {
                    $('#is_downloaded').val(1);
                    $('#file_download').show();
                    $('#prosess').hide();

                    alert("Proses Download Anda Selesai")
                    location.reload();
                }
            });
            return false;
        }
      </script>  
@endsection