@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])
{{-- section content --}}
@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => ''])
    <div class="card shadow-lg mx-4">
        <div class="card-body p-3">
            <div class="row gx-4">
                <div class="col-lg">
                    <div class="nav-wrapper">
                        {{-- button back --}}
                        <button class="btn btn-secondary mb-0" onclick="history.back()"><i
                                class="fas fa-circle-left me-1"> </i><span class="font-weight-bold">Kembali</span>
                        </button>
                        {{-- check authorize delete --}}
                        @if ($authorize->delete == '1')
                            <form action="{{ url($url_menu . '/' . encrypt($harga_saham_id)) }}" method="POST"
                                style="display: inline">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-danger mb-0"
                                    onclick="return deleteData(event, '{{ \Carbon\Carbon::parse($header->tanggal_investasi)->locale('id')->isoFormat('D MMMM YYYY') }}', 'Hapus')">
                                    <i class="fas fa-trash me-1"> </i><span class="font-weight-bold">Hapus</span>
                                </button>
                            </form>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <p class="text-uppercase text-sm">View {{ $title_menu }}</p>
                        <hr class="horizontal dark mt-0">
                        <div class="row mb-3 px-3">
                            <div class="col-md-6">
                                <p class="mb-1"><strong>Tanggal Investasi</strong> &nbsp;:
                                    {{ \Carbon\Carbon::parse($header->tanggal_investasi)->locale('id')->isoFormat('D MMMM YYYY') }}
                                </p>
                            </div>
                        </div>
                        <div class="row mb-3 px-3">
                            <div class="col-md-6">
                                <p class="mb-1"><strong>Tanggal Download</strong> &nbsp;:
                                    {{ \Carbon\Carbon::parse($header->tanggal_download)->locale('id')->isoFormat('D MMMM YYYY') }}
                                </p>
                            </div>
                        </div>
                        {{-- Filter / Search --}}
                        <div class="row mb-3 px-3">
                            <div class="col-md-6">
                                <form method="GET" action="{{ url()->current() }}" class="d-flex">
                                    <input type="text" name="search" class="form-control me-2"
                                        placeholder="Cari SID, Nama Investor, atau Kode Pemegang Rekening..."
                                        value="{{ request('search') }}">
                                    <button type="submit" class="btn btn-primary mb-0">
                                        <i class="fas fa-search"></i>
                                    </button>
                                    @if(request('search'))
                                        <a href="{{ url()->current() }}" class="btn btn-secondary mb-0 ms-1">
                                            <i class="fas fa-times"></i>
                                        </a>
                                    @endif
                                </form>
                            </div>
                        </div>
                        <div class="table-responsive">
                            <table class="table" id="list_detail">
                                <thead class="thead-light" style="background-color: #00b7bd4f;">
                                    <tr>
                                        <th>No</th>
                                        <th>Nama Investor</th>
                                        <th>Nomor Rekening</th>
                                        <th>Nomor SID</th>
                                        <th>Nomor KTP</th>
                                        <th>NPWP</th>
                                        <th>Passport</th>
                                        <th>Alamat 1</th>
                                        <th>Alamat 2</th>
                                        <th>Status Pajak</th>
                                        <th>Status Pajak Investor</th>
                                        <th>Kewarganegaraan</th>
                                        <th>Status Investor</th>
                                        <th>Tingkat Pajak Equi</th>
                                        <th>Tingkat Pajak Corp</th>
                                        <th>Tingkat Pajak MTN</th>
                                        <th>Nama Pemegang Rekening</th>
                                        <th>Kode Pemegang Rekening</th>
                                        <th>Jumlah Kepemilikan Saham</th>
                                        <th>Status Rekening</th>
                                        <th>Status Balance</th>
                                        <th>Percentage</th>
                                        <th>Email</th>
                                        <th>No Telp</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($detail as $dt)
                                        <tr>
                                            <td>{{ $detail->firstItem() + $loop->index }}</td>
                                            <td>{{ $dt->nama_investor }}</td>
                                            <td>{{ $dt->nomor_rekening }}</td>
                                            <td>{{ $dt->nomor_sid }}</td>
                                            <td>{{ $dt->nomor_ktp }}</td>
                                            <td>{{ $dt->npwp }}</td>
                                            <td>{{ $dt->passport }}</td>
                                            <td>{{ $dt->alamat_1 }}</td>
                                            <td>{{ $dt->alamat_2 }}</td>
                                            <td>{{ $dt->status_pajak }}</td>
                                            <td>{{ $dt->status_pajak_investor }}</td>
                                            <td>{{ $dt->kewarganegaraan }}</td>
                                            <td>{{ $dt->status_investor }}</td>
                                            <td>{{ $dt->tingkat_pajak_equi }}</td>
                                            <td>{{ $dt->tingkat_pajak_corp }}</td>
                                            <td>{{ $dt->tingkat_pajak_mtn }}</td>
                                            <td>{{ $dt->nama_pemegang_rekening }}</td>
                                            <td>{{ $dt->kode_pemegang_rekening }}</td>
                                            <td>{{ number_format($dt->jumlah_kepemilikan_saham, 0, ',', '.') }}</td>
                                            <td>{{ $dt->status_rekening }}</td>
                                            <td>{{ $dt->status_balance }}</td>
                                            <td>{{ $dt->percentage }}%</td>
                                            <td>{{ $dt->email }}</td>
                                            <td>{{ $dt->no_telp }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                            <div class="d-flex justify-content-between align-items-center mt-2">
                                <div>
                                    Data {{ $detail->firstItem() }} - {{ $detail->lastItem() }}
                                    dari {{ $detail->total() }} data.
                                </div>
                                <div>
                                    {{ $detail->links('pagination::bootstrap-4') }}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- check flag js on dmenu --}}
    @if ($jsmenu == '1')
        @if (view()->exists("js.{$dmenu}"))
            @push('addjs')
                {{-- file js in folder (resources/views/js) --}}
                @include('js.' . $dmenu);
            @endpush
        @else
            @push('addjs')
                <script>
                    Swal.fire({
                        title: 'JS Not Found!!',
                        text: 'Please Create File JS',
                        icon: 'error',
                        confirmButtonColor: '#028284'
                    });
                </script>
            @endpush
        @endif
    @endif
@endsection
@push('js')
    <script>
        //function delete
        function deleteData(event, name, msg) {
            event.preventDefault();
            Swal.fire({
                title: 'Konfirmasi',
                text: `Apakah Anda Yakin ${msg} Data ${name} ini?`,
                icon: 'warning',
                showCancelButton: true,
                confirmButtonText: `Ya, ${msg}`,
                cancelButtonText: 'Batal',
                confirmButtonColor: '#028284'
            }).then((result) => {
                if (result.isConfirmed) {
                    event.target.closest('form').submit();
                }
            });
        }
    </script>
@endpush