@extends('layouts.layout')
@section('css')
    <style>
        input[type=checkbox] {
            position: relative;
            cursor: pointer;
        }

        input[type=checkbox]:before {
            content: "";
            display: block;
            position: absolute;
            width: 23px;
            height: 23px;
            top: 0;
            left: 0;
            border: 2px solid #555555;
            border-radius: 3px;
            background-color: white;
        }

        input[type=checkbox]:checked:after {
            content: "";
            display: block;
            width: 7px;
            height: 14px;
            border: solid black;
            border-width: 0 2px 2px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            position: absolute;
            top: 3px;
            left: 8px;
        }
    </style>
@endsection
@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="title_left">
                        <h3>Daftar Akun - Saldo Akun <i class="fa fa-plus"></i></h3>
                    </div>
                    <div class="clearfix"></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">Customer Name :</label>
                                            <div class="col-xs-12 col-sm-8">
                                                <input type="text" class="form-control" name="customer"
                                                    value="{{ $request['customer'] }}" placeholder="customer name">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-xs-12 col-sm-4 control-label">Account Number :</label>
                                            <div class="col-xs-12 col-sm-8">
                                                @if ($request['jenis_saldo_akun'] == 'saldo_akun_plus')
                                                    <input type="text" class="form-control" name="account_number"
                                                        value="{{ $request['account_number'] }}"
                                                        placeholder="customer name">
                                                @else
                                                    <input type="text" class="form-control" name="account_number"
                                                        value="{{ $request['account_number'] }}"
                                                        placeholder="account number" readonly>
                                                @endif
                                            </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">Jenis Saldo Akun :</label>
                                            <div class="col-xs-12 col-sm-8">
                                                <select name="jenis_saldo_akun" value="{{ $request['jenis_saldo_akun'] }}" id="jenis_saldo_akun" class="form-control"
                                                    onchange="changeJenisSaldoAkun()">
                                                    <option value="saldo_akun">Saldo Akun</option>
                                                    <option value="saldo_akun_plus"
                                                        @if ($request['jenis_saldo_akun'] == 'saldo_akun_plus') selected @endif>Saldo Akun Plus
                                                    </option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-xs-12 col-sm-4 control-label">Account Status :</label>
                                            <div class="col-xs-12 col-sm-8">
                                                <select name="account_status" id="account_status" class="form-control">
                                                    <option value="all">All</option>
                                                </select>
                                            </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>
                                        @if ($download_ready)
                                            @if ($download_ready->status == '0')
                                                <button class="btn btn-warning" id="prosess" style="display: show;"
                                                    disabled><i class="fa fa fa-pulse fa-clock-o"></i> Sedang mendownload
                                                    file</button>
                                            @else
                                                <a href="{{ route('daftar_akun_download', [
                                                    'jenis_saldo_akun' => $request['jenis_saldo_akun'] ?? 'saldo_akun',
                                                    'customer' => $request['customer'],
                                                    'account_number' => $request['account_number'],
                                                    'account_status' => $request['account_status'] ?? 'all',
                                                ]) }}"
                                                    class="btn btn-primary" style="display: ;"><i
                                                        class="fa fa-download"></i>
                                                    Download</a>
                                            @endif
                                        @else
                                            <a href="{{ route('daftar_akun_download', [
                                                'jenis_saldo_akun' => $request['jenis_saldo_akun'] ?? 'saldo_akun',
                                                'customer' => $request['customer'],
                                                'account_number' => $request['account_number'],
                                                'account_status' => $request['account_status'] ?? 'all',
                                            ]) }}"
                                                class="btn btn-primary" style="display: ;"><i class="fa fa-download"></i>
                                                Download</a>
                                        @endif
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-xs-12">
                        <div class="x_panel">
                            <div class="form-group">
                                <div class="form-group">
                                    <div style="display: flex; gap: 8px; flex-wrap: wrap;">
                                        <a class="btn btn-success" data-toggle="collapse" href="#collapseExample" role="button"
                                            aria-expanded="false" aria-controls="collapseExample">
                                            Log Download
                                        </a>

                                        @if ($user_nik == '260318')
                                            <a class="btn btn-warning" data-toggle="modal" data-target="#modalAddSaldoAkunPlus">
                                                Add Saldo Akun Plus
                                            </a>
                                        @endif
                                    </div>
                                </div>
                                <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('saldo_akun_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">Customer</th>
                                            <th class="text-center">Account Number</th>
                                            <th class="text-center">Account Balance</th>
                                            <th class="text-center">Account Status</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($saldo_akuns as $saldo_akun)
											
											<tr>
												<td class="text-center">
													@if ($request['jenis_saldo_akun'] == 'saldo_akun_plus')
														{{ ucwords($saldo_akun->customer_plus->customer ? $saldo_akun->customer_plus->customer->name : '-') }}<br>
														{{ ucwords($saldo_akun->customer_plus->customer ? $saldo_akun->customer_plus->customer->code : '-') }}
													@else
														{{ ucwords($saldo_akun->customer->name) }}<br>
														{{ ucwords($saldo_akun->customer->code) }}
													@endif
												</td>
												<td class="text-center">
													@if ($request['jenis_saldo_akun'] == 'saldo_akun_plus')
														Saldo Akun Plus<br>
														{{ $saldo_akun->nomor_rekening }}
													@else
														Saldo Akun
													@endif
												</td>
												<td class="text-center">{{ number_format($saldo_akun->nominal) }}</td>
												<td class="text-center">
													@if ($request['jenis_saldo_akun'] == 'saldo_akun_plus')
														@php
															$customer_lei = $saldo_akun->customer_plus->customer;
														@endphp
														@if($customer_lei)
															@php
																$watchlist = $customer_lei
																	->customer_watchlist()
																	->where('status_watchlist', '1')
																	->count();
															@endphp

															@if ($watchlist)
																<span class="text-warning">Watchlist</span>
															@elseif($customer_lei->is_blocked == '1')
																<span class="text-danger">Blocked</span>
															@else
																{{ ucwords($saldo_akun->customer_plus->status) }}
															@endif
														@else
															~
														@endif
													@else
														@php
															$watchlist = $saldo_akun->customer
																->customer_watchlist()
																->where('status_watchlist', '1')
																->count();
														@endphp

														@if ($watchlist)
															<span class="text-warning">Watchlist</span>
														@elseif($saldo_akun->customer->is_blocked == '1')
															<span class="text-danger">Blocked</span>
														@else
															Registered
														@endif
													@endif
												</td>
											</tr>
                                        @empty
                                            <tr>
                                                <td colspan="10" class="text-center">No Data</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                                <div style="text-align:center">{{ $saldo_akuns->appends($_GET)->links() }}</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <input type="hidden" id="is_downloaded" value="0">

            @include('includes.footer')
        </div>
    </div>

    <!-- <div class="modal fade" id="pinModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-sm" role="document">
            <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel"><i class="fa fa-key"></i> Input Your PIN</h5>
            </div>
            <form id="form-pin" method="POST">
                {{ csrf_field() }}
                <div class="modal-body">
                    <input type="password" id="pin" name="pin" class="form-control" placeholder="PIN" style="text-align: center;">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-success btn-single" onclick="submitOversight()">Approve</button>
                </div>
            </form>
            </div>
        </div>
    </div> -->

    @include('pages.cash_withdrawal.modal')

@if ($user_nik == '260318')
    <div class="modal fade" id="modalAddSaldoAkunPlus" tabindex="-1" role="dialog"
        aria-labelledby="modalAddSaldoAkunPlusLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h5 class="modal-title" id="modalAddSaldoAkunPlusLabel">Add Saldo Akun Plus</h5>
                </div>
                <div class="modal-body">
                    <div class="form-horizontal">
                        <div class="form-group">
                            <label class="col-xs-12 col-sm-4 control-label">No HP :</label>
                            <div class="col-xs-12 col-sm-8">
                                <div style="display: flex; gap: 8px;">
                                    <input type="text" class="form-control" id="input_hp_saldo_plus"
                                        placeholder="Nomor HP" autocomplete="off" style="flex: 1;">
                                    <button type="button" class="btn btn-success" id="btn_search_hp_saldo_plus"
                                        style="white-space: nowrap;"><i class="fa fa-search"></i> Cari</button>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-12 col-sm-4 control-label">Nama :</label>
                            <div class="col-xs-12 col-sm-8">
                                <input type="text" class="form-control" id="input_nama_saldo_plus" readonly>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-12 col-sm-4 control-label">Email :</label>
                            <div class="col-xs-12 col-sm-8">
                                <input type="text" class="form-control" id="input_email_saldo_plus" readonly>
                            </div>
                        </div>
                        {{-- <div class="form-group">
                            <label class="col-xs-12 col-sm-4 control-label">Jenis Kelamin :</label>
                            <div class="col-xs-12 col-sm-8">
                                <input type="text" class="form-control" id="input_gender_saldo_plus" readonly>
                            </div>
                        </div> --}}
                        <input type="hidden" id="input_customer_id_saldo_plus" value="">
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-success" id="btn_submit_saldo_plus">Submit</button>
                </div>
            </div>
        </div>
    </div>
@endif

@endsection


@section('scripts')
    <script>
        $(document).ready(function() {
			 @if(!$request['jenis_saldo_akun'])
				location = '{{ url("saldo_akun/daftar_akun") }}?jenis_saldo_akun=saldo_akun_plus';
			@endif
            changeJenisSaldoAkun();

            @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 changeJenisSaldoAkun() {
            var jenisSaldoAkun = $('#jenis_saldo_akun').val();
            if (jenisSaldoAkun == 'saldo_akun') {
                $('#account_status').html(
                    '<option value="all">All</option><option value="watchlist">Watchlist</option><option value="blocked">Blocked</option>'
                    );
                // <option value="registered">Registered</option>
                // <option value="closed">Closed</option>	
            } else if (jenisSaldoAkun == 'saldo_akun_plus') {
                $('#account_status').html(
                    '<option value="all">All</option><option value="created">Created</option><option value="registered">Registered</option><option value="watchlist">Watchlist</option><option value="blocked">Blocked</option>'
                    );
                // <option value="draft">Draft</option>
                // <option value="closed">Closed</option>
            }

            @if ($request['account_status'])
                $('#account_status').val('{{ $request['account_status'] }}');
            @endif
        }

        $('#btn_search_hp_saldo_plus').on('click', function() {
            var $btn = $(this);
            var btnHtml = $btn.html();
            var handphone = $('#input_hp_saldo_plus').val();

            $('#input_nama_saldo_plus, #input_email_saldo_plus, #input_gender_saldo_plus, #input_customer_id_saldo_plus')
                .val('');
            $btn.html('<i class="fa fa-spinner fa-pulse"></i>').attr('disabled', 'disabled');

            $.ajax({
                url: '{{ route('daftar_akun_search_customer') }}',
                method: 'POST',
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                data: {
                    handphone: handphone
                },
            }).done(function(response) {
                var customer = response.customer;
                $('#input_nama_saldo_plus').val(customer.name);
                $('#input_email_saldo_plus').val(customer.email);
                // $('#input_gender_saldo_plus').val(customer.email);
                $('#input_customer_id_saldo_plus').val(customer.id);
            }).fail(function(response) {
                var data = response.responseJSON;
                var message = data && data.errors && data.errors.handphone ?
                    data.errors.handphone[0] :
                    (data && data.message ? data.message : 'Customer tidak ditemukan');
                alert(message);
            }).always(function() {
                $btn.html(btnHtml).removeAttr('disabled');
            });

            return false;
        });

        $('#btn_submit_saldo_plus').on('click', function() {
            var $btn = $(this);
            var btnHtml = $btn.html();
            var customerLeiId = $('#input_customer_id_saldo_plus').val();

            if (!customerLeiId) {
                alert('Silahkan cari customer berdasarkan No HP terlebih dahulu');
                return false;
            }

            $btn.html('<i class="fa fa-spinner fa-pulse"></i>').attr('disabled', 'disabled');

            $.ajax({
                url: '{{ route('daftar_akun_store') }}',
                method: 'POST',
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                data: {
                    customer_lei_id: customerLeiId
                },
            }).done(function(response) {
                alert(response.message);
                $('#modalAddSaldoAkunPlus').modal('hide');
                location.reload();
            }).fail(function(response) {
                var data = response.responseJSON;
                var message = data && data.errors && data.errors.customer_lei_id ?
                    data.errors.customer_lei_id[0] :
                    (data && data.message ? data.message : 'Gagal menambahkan Saldo Akun Plus');
                alert(message);
            }).always(function() {
                $btn.html(btnHtml).removeAttr('disabled');
            });

            return false;
        });

        $('#modalAddSaldoAkunPlus').on('hidden.bs.modal', function() {
            $(this).find('input').val('');
        });

        function check_download_proceess(id) {
            $.ajax({
                url: "{{ url('saldo_akun/daftar_akun/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