@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>Laku Cicil (Laporan Penjualan)</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-12 col-md-12">
                            <div class="container">
                                <div class="row">
                                    <div class="col-xs-12 col-sm-3">
                                        <div class="box-card">
                                            <h4>Berat Emas</h4>
                                            <span>{{ $berat_emas }}</span>
                                            <br>
                                             @if ($is_search == 0)
                                                <span style="color: {{ str_contains($persentase_berat, '-') ? 'red' : 'green' }}">
                                                    {{ number_format($persentase_berat) }} %
                                                </span>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-sm-2">
                                        <div class="box-card">
                                            <h4>Harga Jual Dasar</h4>
                                            <span>{{ number_format($total_harga_jual_dasar) }}</span>
                                            <br>
                                            @if ($is_search == 0)
                                                <span style="color: {{ $persen_jual_dasar < 0 ? 'red' : 'green' }}">
                                                    {{ number_format($persen_jual_dasar) }} %
                                                </span>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-sm-2">
                                        <div class="box-card">
                                            <h4>Harga Jual Invoice</h4>
                                            <span>{{ number_format($total_harga_jual_invoice) }}</span>
                                            <br>
                                            @if ($is_search == 0)
                                                <span style="color: {{ $persen_invoice < 0 ? 'red' : 'green' }}">
                                                    {{ number_format($persen_invoice) }} %
                                                </span>
                                            @endif
                                            
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-sm-2">
                                        <div class="box-card">
                                            <h4>Uang Muka  (DP)</h4>
                                            <span>{{ number_format($total_harga_dp) }}</span>
                                            <br>
                                            @if ($is_search == 0)
                                                <span style="color: {{ $persen_dp < 0 ? 'red' : 'green' }}">
                                                    {{ number_format($persen_dp) }} %
                                                </span>
                                            @endif
                                        </div>
                                    </div>
                                     <div class="col-xs-12 col-sm-3">
                                        <div class="box-card">
                                            <h4>Cicilan / Bulan</h4>
                                            <span>{{ number_format($total_harga_cicilan) }}</span>
                                            <br>
                                            @if ($is_search == 0)
                                                <span style="color: {{ $persen_cicilan < 0 ? 'red' : 'green' }}">
                                                    {{ number_format($persen_cicilan) }} %
                                                </span>
                                            @endif
                                        </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">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">Month :</label>
                                        <div class="col-xs-12 col-sm-8">
                                            <input type="month" class="form-control" name="date_from" id="date_from" value="{{ $request['date_from'] }}" placeholder="Tanggal Mulai">
                                        </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">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">Month :</label>
                                        <div class="col-xs-12 col-sm-8">
                                            <input type="month" class="form-control" name="date_from" id="date_from" value="{{ $request['date_from'] }}" placeholder="Tanggal Mulai">
                                        </div>
                                    </div> --}}
                                </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_penjualan_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'],
                                                    ]) }}" class="btn btn-primary">
                                                    <i class="fa fa-download"></i> Download
                                                </a>
                                            @endif
										@else
											<a href="{{ route('laku_cicil_penjualan_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'],
												]) }}" 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_penjualan_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" colspan="2">Invoice</th>
                                        <th class="text-center" rowspan="2" style="vertical-align: middle;">Nama <br> Customer</th>
                                        <th class="text-center" rowspan="2" style="vertical-align: middle;">Tenor <br> (Bulan)</th>
                                        <th class="text-center" rowspan="2" style="vertical-align: middle;">Berat <br> Emas</th>
                                        <th class="text-center" rowspan="2" style="vertical-align: middle;">Harga <br> Jual Dasar</th>
                                        <th class="text-center" rowspan="2" style="vertical-align: middle;">Harga Jual <br> Invoice</th>
                                        <th class="text-center" rowspan="2" style="vertical-align: middle;">Uang Muka <br> (DP)</th>
                                        <th class="text-center" rowspan="2" style="vertical-align: middle;">Cicilan/ <br> Bulan</th>
                                    </tr>
                                    <tr>
                                        <th class="text-center">Nomor</th>
                                        <th class="text-center">Tanggal</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @php 
                                        $no = 1;
                                    @endphp
                                   @forelse ($report_penjualan as $data)
                                    @php
                                        $items = optional($data->laku_cicil_details)->laku_cicil_item;
                                        $total = $items ? $items->sum('harga_beli_web') : 0;
                                    @endphp
                                       <tr>
                                            <td class="text-center">
                                                @if (!empty($data->inv_cicil))
                                                    {{ $data->inv_cicil }}
                                                @elseif(!empty($data->inv_number))
                                                    {{ $data->inv_number }}
                                                @else
                                                    {{ $data->code }}
                                                @endif
                                            </td>
                                            <td class="text-center">{{ $data->created_at }}</td>
                                            <td class="text-center">{{ $data->customer_cicil->name }}</td>
                                            <td class="text-center">{{ $data->laku_cicil_details->tenor }}</td>
                                            <td class="text-center">{{ $data->laku_cicil_details->total_weight_gold }}</td>
                                            {{-- <td class="text-center">{{ number_format($total) }}</td> --}}
                                            <td class="text-center">
                                                @if ($total == 0)
                                                    {{number_format($data->laku_cicil_details->total_tagihan)}}
                                                @else
                                                    {{ number_format($total) }}
                                                @endif
                                            </td>
                                            <td class="text-center">{{ number_format($data->laku_cicil_details->total_harga_emas) }}</td>
                                            <td class="text-center">{{ number_format($data->laku_cicil_details->down_payment) }}</td>
                                            <td class="text-center">{{ number_format($data->laku_cicil_details->cicilan) }}</td>
                                       </tr>
                                    @empty
                                        <tr>
                                            <td colspan="10" class="text-center">No Data</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                            <div style="text-align:center">{{ $data_report_penjualan->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_penjualan/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