@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 (Outstanding Piutang)</h3>
                </div>
                <div class="clearfix"></div>
            </div>

            <div class="card border-wrapper mb-3">
                <div class="card-body" style="margin-top:10px;">
                    <div class="row text-center">   
                        <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>Outstanding Piutang</h4>
                                            <span>{{ number_format($data_summary->total_piutang) }}</span>
                                            <br>
                                             {{-- @if ($is_search == 0)
                                                <span style="color: {{ str_contains($persentase_berat, '-') ? 'red' : 'green' }}">
                                                    {{ number_format($persentase_berat) }} % 
                                                </span>
                                            @endif
                                            From last Month --}}
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-sm-3">
                                        <div class="box-card">
                                            <h4>Piutang Current</h4>
                                            <span>{{ number_format($data_summary->total_current) }}</span>
                                            <br>
                                            {{-- @if ($is_search == 0)
                                                <span style="color: {{ $persen_jual_dasar < 0 ? 'red' : 'green' }}">
                                                    {{ number_format($persen_jual_dasar) }} % 
                                                </span>
                                                From last Month
                                            @endif --}}
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-sm-3">
                                        <div class="box-card">
                                            <h4>Piutang 1 - 30 Hari</h4>
                                            <span>{{ number_format($data_summary->total_overdue) }}</span>
                                            <br>
                                            {{-- @if ($is_search == 0)
                                                <span style="color: {{ $persen_dp < 0 ? 'red' : 'green' }}">
                                                    {{ number_format($persen_dp) }} % 
                                                </span>
                                                From last Month
                                            @endif --}}
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-sm-3">
                                        <div class="box-card">
                                            <h4>Piutang 31 - 60 Hari</h4>
                                            <span>{{ number_format($data_summary->total_overdue_31_60) }}</span>
                                            <br>
                                            {{-- @if ($is_search == 0)
                                                <span style="color: {{ $persen_dp < 0 ? 'red' : 'green' }}">
                                                    {{ number_format($persen_dp) }} % 
                                                </span>
                                                From last Month
                                            @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="month" class="form-control" name="date_from" id="date_from" value="{{ $request['date_from'] }}" placeholder="Tanggal Mulai"> --}}
                                            <input type="text" class="form-control" name="no_invoice" id="no_invoice" value="{{ $request['search_invoice'] }}" placeholder="customer name">
                                        </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">Type Download :</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">Type Download :</label>
                                        <div class="col-xs-12 col-sm-8">
                                                <select name="type_download" id="type_download" class="form-control">
                                                    <option value="" >silahkan pilih</option>
                                                    <option value="outstanding_piutang" {{ $request['type_download'] == 'outstanding_piutang' ? 'selected' : '' }}>Outstanding Piutang</option>
                                                    <option value="mutasi_piutang" {{ $request['type_download'] == 'mutasi_piutang' ? 'selected' : '' }}>Mutasi Piutang</option>
                                                </select>
                                        </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
                                                @if ($request['type_download'] == 'outstanding_piutang')
                                                    <a href="{{ route('laku_cicil_piutang_download' ,[
                                                        'type_download' => $request['type_download'],
                                                        ]) }}" 
                                                        class="btn btn-primary">
                                                        <i class="fa fa-download"></i> Download
                                                    </a>
                                                @elseif($request['type_download'] == 'mutasi_piutang')
                                                    <a href="{{ route('laku_cicil_mutasi_piutang_download' ,[
                                                        'type_download' => $request['type_download'],
                                                        ]) }}" 
                                                        class="btn btn-primary">
                                                        <i class="fa fa-download"></i> Download
                                                    </a>
                                                @else($request['type_download'] == 'mutasi_piutang')
                                                    <a href="{{ route('laku_cicil_mutasi_piutang_download' ,[
                                                        'type_download' => $request['type_download'],
                                                        ]) }}" 
                                                        class="btn btn-primary disabled">
                                                        <i class="fa fa-download"></i> Download
                                                    </a>
                                                @endif
                                                {{-- <a href="{{ route('laku_cicil_piutang_download' ,[
                                                    'type_download' => $request['type_download'],
                                                    ]) }}" 
                                                    class="btn btn-primary">
                                                    <i class="fa fa-download"></i> Download
                                                </a> --}}
                                            @endif
										@else
											 @if ($request['type_download'] == 'outstanding_piutang')
                                                    <a href="{{ route('laku_cicil_piutang_download' ,[
                                                        'type_download' => $request['type_download'],
                                                        ]) }}" 
                                                        class="btn btn-primary">
                                                        <i class="fa fa-download"></i> Download
                                                    </a>
                                                @elseif($request['type_download'] == 'mutasi_piutang')
                                                    <a href="{{ route('laku_cicil_mutasi_piutang_download' ,[
                                                        'type_download' => $request['type_download'],
                                                        ]) }}" 
                                                        class="btn btn-primary disabled">
                                                        <i class="fa fa-download"></i> Download
                                                    </a>
                                                @endif
                                        @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_piutang_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" rowspan="2" style="vertical-align: middle;">No</th>
                                        <th class="text-center" rowspan="2" style="vertical-align: middle;">Cust Name</th>
                                        <th class="text-center" rowspan="2" style="vertical-align: middle;">Total Piutang</th>
                                        <th class="text-center" colspan="3">Umur Piutang</th>
                                        <th class="text-center" rowspan="2" style="vertical-align: middle;">Action</th>
                                    </tr>
                                    <tr>
                                        <th class="text-center">Current</th>
                                        <th class="text-center">1 - 30 Hari</th>
                                        <th class="text-center">> 31 Hari</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @php 
                                        $no = 1;
                                    @endphp
                                   @forelse ($data_piutang 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">{{ $no++ }}</td>
                                            {{-- <td class="text-center" style="cursor: pointer" onclick="detailStock('{{ addslashes($data->id) }}')"> --}}
                                            <td class="text-center">
                                                {{ $data->name }}
                                            </td>
                                            {{-- <td class="text-center" style="cursor: pointer; background-color: #92FF5C;"
                                                onclick="detailStock('01-BUY', '{{ addslashes($data->item_pecahan_emas) }}', '{{ addslashes($data->lokasi) }}')">
                                                <strong>{{ number_format($data->qty_buy) }}</strong>
                                            </td> --}}
                                            <td class="text-center">{{ number_format($data->total_current + $data->total_overdue + $data->total_overdue_31_60) }}</td>
                                            <td class="text-center">{{ number_format($data->total_current) }}</td>
                                            <td class="text-center">{{ number_format($data->total_overdue) }}</td>
                                            <td class="text-center">{{ number_format($data->total_overdue_31_60) }}</td>
                                            <td class="text-center" style="cursor: pointer" onclick="detailStock('{{ addslashes($data->id) }}')">
                                                 <a 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">{{ $data_piutang->appends($_GET)->links() }}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {{-- <div>
            <div class="x_panel">
                <div class="x_content" id="rekap_detail_cogs">
                </div>
            </div>
        </div> --}}
        <div class="modal fade" id="rekap_modal_cogs" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
            aria-hidden="true">
            <div class="modal-dialog modal-lg" style="width: 80%;" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="rekap_lakusimpan"><i class="fa fa-cubes"></i> Detail Piutang 
                            {{-- <b>(<span id="item_name">XXX</span>)</b> <a id="download-excel" href="#" --}}
                            {{-- style="float: right;"> --}}
                            {{-- <button type="submit" class="btn btn-success "><i class="fa fa-file-excel"></i>
                                Download Excel</button> --}}
                        </a></h5>
                    </div>

                    <div>
                        <div class="x_panel">
                            <div class="x_content" id="rekap_detail_cogs">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade" id="rekap_modal_detail" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
            aria-hidden="true">
            <div class="modal-dialog modal-lg" style="width: 80%;" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="rekap_lakusimpan"><i class="fa fa-cubes"></i> Kartu Piutang  
                            {{-- <b>(<span id="item_name">XXX</span>)</b> <a id="download-excel" href="#" style="float: right;"> --}}
                            {{-- <button type="submit" class="btn btn-success "><i class="fa fa-file-excel"></i>
                                Download Excel</button> --}}
                        </a></h5>
                    </div>

                    <div>
                        <div class="x_panel">
                            <div class="x_content" id="rekap_detail_card">
                            </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() {
        @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_piutang/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;
        }
    function detailStock(id) {
            window.lastDetailStockParams = {
            id: id
        };

        let today = new Date();
        $('#cover-spin').show();
        $.ajax({
            url: "{{ url('lakucicil/detail_cicil_piutang') }}",
            method: "POST",
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            data: {
                'id': id,
            },
            success: function(response) {
                $('#rekap_detail_cogs').html(response);
                // $('#item_name').html(periode);
                $('#rekap_modal_cogs').modal('show');
                $('#cover-spin').hide();
            },
            error: function(response) {
                var response = response.responseJSON;
                alert(response.error);
                $('#cover-spin').hide();
            }
        });
    }
    function detailCard(id) {
            window.lastDetailStockParams = {
            id: id
        };

        let today = new Date();
        $('#cover-spin').show();
        $.ajax({
            url: "{{ url('lakucicil/detail_cicil_piutang_card') }}",
            method: "POST",
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            data: {
                'id': id,
            },
            success: function(response) {
                $('#rekap_detail_card').html(response);
                // $('#item_name').html(periode);
                $('#rekap_modal_detail').modal('show');
                $('#cover-spin').hide();
            },
            error: function(response) {
                var response = response.responseJSON;
                alert(response.error);
                $('#cover-spin').hide();
            }
        });
    }
    $(document).ready(function() {
            $('#myTable').DataTable({
                searching: false,
                lengthChange: false,
                pageLength: 5,
                order: [
                    [0, 'desc']
                ]
            });
        });
      </script>  
@endsection