@extends('layouts.layout')

@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>Customer</h3>
                    </div>
                    <div class="clearfix"></div>
                </div>

                <div class="row">
                    <div class="col-xs-12">
                        <ol class="breadcrumb">
                            <li><a href="{{ url('/dashboard') }}">Home</a></li>
                            <li><a href="{{ url('/customers') }}">Customer</a></li>
                            <li class="active">List</li>
                        </ol>
                    </div>

                    <div class="col-xs-12">
                        <div class="x_panel">
                            <div class="x_title">
                                <h2>Filter</h2>
                                <ul class="nav navbar-right panel_toolbox">
                                    <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a></li>
                                </ul>
                                <div class="clearfix"></div>
                            </div>
                            <div class="x_content">
                                <form id="form_filter" class="form-horizontal">
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-2 control-label">Jenis Pencarian :</label>
                                        <div class="col-xs-12 col-sm-10">
                                            <select name="cari_berdasarkan" class="form-control cari_berdasarkan">
                                                <option value="">Kode Voucher</option>
                                                {{-- <option value="nomor_rekening">Nomor Rekening</option>
                                            <option value="nama">Nama</option>
                                            <option value="email">Email</option>
                                            <option value="tanggal_lahir">Tanggal Lahir</option>
                                            <option value="handphone">Handphone</option>
                                            <option value="code">Code</option>
                                            <option value="code_icdx">Code Icdx</option> --}}
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-2 control-label">Masukan Kode :</label>
                                        <div class="col-xs-12 col-sm-10">
                                            {{-- <input name="voucher_code" id="voucher_code_input" type="text" class="form-control input-other"
                                                value="{{ $request['voucher_code'] }}" placeholder="Cari"> --}}
                                                <input 
                                                id="voucher_code_input" 
                                                name="voucher_code" 
                                                type="text" 
                                                class="form-control input-other" 
                                                value="{{ $request['voucher_code'] ?? '' }}" 
                                                placeholder="Cari"
                                            >

                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <div class="col-sm-offset-2 col-sm-10">
                                            <div class="alert_placeholder"></div>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <div class="col-sm-offset-2 col-sm-10">
                                            <div class="text-center loading hidden"><i
                                                    class="fa fa fa-spinner fa-pulse"></i></span></div>
                                            <div class="submit"><button type="submit" class="btn btn-default"><i
                                                        class="fa fa-search"></i> Cari</button></div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>

                    <div class="col-xs-6">
                        <div class="x_panel">
                            <div class="x_title">
                                <h2>Detail Pembentukan</h2>
                                <div class="clearfix"></div>
                            </div>
                            <div class="x_content">
                                <div class="form-group">
                                    <label class="col-xs-12 col-sm-5 control-label">Nama Campaign</label>
                                    <div class="col-xs-12 col-sm-7">
                                        <p>
                                            @if ($campaign_sponsor_detail)
                                                {{ $campaign_sponsor_detail->campaign_sponsor->nama_campaign }}
                                            @elseif($campaign_sponsor_b2b)
                                                {{ $campaign_sponsor_b2b->product_name }}
                                            @elseif($campaign_voucher)
                                                {{ $campaign_voucher->campaign->campaign }}
                                            @else
                                                -
                                            @endif
                                        </p>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-xs-12 col-sm-5 control-label">Sponsor</label>
                                    <div class="col-xs-12 col-sm-7">
                                        <p>
                                            @if ($campaign_sponsor_detail)
                                                {{ $campaign_sponsor_detail->campaign_sponsor->sponsor->name }}
                                            @elseif($campaign_voucher)
                                                {{ $campaign_voucher->campaign->sponsor->name }}
                                            @else
                                                -
                                            @endif
                                        </p>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-xs-12 col-sm-5 control-label">Nomor Sales Order</label>
                                    <div class="col-xs-12 col-sm-7">
                                        <p>
                                            @if ($campaign_sponsor_detail)
                                                {{ $campaign_sponsor_detail->campaign_sponsor->nama_campaign }}
                                            @elseif($campaign_sponsor_b2b)
                                                {{ $campaign_sponsor_b2b->product_sku }}
                                            @else
                                                -
                                            @endif
                                        </p>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-xs-12 col-sm-5 control-label">Dibentuk Pada</label>
                                    <div class="col-xs-12 col-sm-7">
                                        <p>
                                            @if ($campaign_sponsor_detail)
                                                {{ $campaign_sponsor_detail->campaign_sponsor->created_at }}
                                            @elseif($campaign_sponsor_b2b)
                                                {{ $campaign_sponsor_b2b->created_at }}
                                            @elseif($campaign_voucher)
                                                {{ $campaign_voucher->campaign->created_at }}
                                            @else
                                                -
                                            @endif
                                        </p>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-xs-12 col-sm-5 control-label">Berlaku Sampai</label>
                                    <div class="col-xs-12 col-sm-7">
                                        <p>
                                            @if ($campaign_sponsor_detail)
                                                {{ $campaign_sponsor_detail->campaign_sponsor->end_date }}
                                            @elseif($campaign_sponsor_b2b)
                                                {{ $campaign_sponsor_b2b->valid_until }}
                                            @elseif($campaign_voucher)
                                                {{ $campaign_voucher->campaign->berlaku_sampai }}
                                            @else
                                                -
                                            @endif
                                        </p>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-xs-12 col-sm-5 control-label">Status Campaign</label>
                                    <div class="col-xs-12 col-sm-7">
                                        <p>
                                            @if ($campaign_sponsor_detail)
                                                {{ \App\Models\Campaign_sponsor_model::$status[$campaign_sponsor_detail->campaign_sponsor->status] ?? '-' }}
                                            @elseif($campaign_sponsor_b2b)
                                                @if ($campaign_sponsor_b2b->is_blocked == 1)
                                                    Blok
                                                @elseif($campaign_sponsor_b2b->is_active == 0)
                                                    Pending
                                                @elseif($campaign_sponsor_b2b->is_active == 1)
                                                    Aktif
                                                @endif
                                            @elseif($campaign_voucher)
                                                @if ($campaign_voucher->campaign->is_aktif == 0)
                                                    Pending
                                                @elseif($campaign_voucher->campaign->is_aktif == 1)
                                                    Aktif
                                                @elseif($campaign_voucher->campaign->is_aktif == 2)
                                                    Bloked
                                                @elseif($campaign_voucher->campaign->is_aktif == 3)
                                                    Selesai
                                                @endif
                                            @else
                                                -
                                            @endif
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-6">
                        <div class="x_panel">
                            <div class="x_title">
                                <h2>Detail Penggunaan</h2>
                                <div class="clearfix"></div>
                            </div>
                            <div class="x_content">
                                <div class="form-group">
                                    <label class="col-xs-12 col-sm-5 control-label">Status Voucher</label>
                                    <div class="col-xs-12 col-sm-7">
                                        <p>
                                            @if ($campaign_sponsor_detail)
                                                @if (
                                                        $campaign_sponsor_detail->id_tabungan_customer !== null &&
                                                        $campaign_sponsor_detail->id_transaksi !== null &&
                                                        (int)$campaign_sponsor_detail->id_tabungan_customer === 0 &&
                                                        (int)$campaign_sponsor_detail->id_transaksi === 0
                                                    )
                                                    Void
                                                @elseif(!empty($campaign_sponsor_detail->date_redeemed))
                                                    Sudah digunakan
                                                @else
                                                    Belum digunakan
                                                @endif
                                            @elseif($campaign_sponsor_b2b)
                                                @if ($campaign_sponsor_b2b->is_redeemed == '1')
                                                    Sudah digunakan
                                                @else
                                                    Belum digunakan
                                                @endif
                                            @elseif($campaign_voucher)
                                                @if (!empty($campaign_voucher->tanggal_pakai))
                                                    Sudah digunakan
                                                @else
                                                    Belum digunakan
                                                @endif
                                            @else
                                                -
                                            @endif
                                        </p>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-xs-12 col-sm-5 control-label">Tanggal Penggunaan</label>
                                    <div class="col-xs-12 col-sm-7">
                                        <p>
                                            @if ($campaign_sponsor_detail)
                                                {{ $campaign_sponsor_detail->date_redeemed ? $campaign_sponsor_detail->date_redeemed : '-' }}
                                            @elseif($campaign_sponsor_b2b)
                                                {{ $campaign_sponsor_b2b->redeem->created_at }}
                                            @elseif($campaign_voucher)
                                                {{ $campaign_voucher->tanggal_pakai }}
                                            @else
                                                -
                                            @endif
                                        </p>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-xs-12 col-sm-5 control-label">Kode Akun Pengguna</label>
                                    <div class="col-xs-12 col-sm-7">
                                        <p>
                                            @if ($campaign_sponsor_detail)
                                                {{-- {{ $campaign_sponsor_detail->tabungan->customer ? $campaign_sponsor_detail->tabungan->customer->code : '-' }} --}}
                                                {{ optional(optional($campaign_sponsor_detail->tabungan)->customer)->code ?: '-' }}
                                            @elseif($campaign_sponsor_b2b)
                                                {{ $campaign_sponsor_b2b->redeem->customer->code }}
                                            @elseif($campaign_voucher)
                                                {{ $campaign_voucher->customer ? $campaign_voucher->customer->code : '-' }}
                                            @else
                                                -
                                            @endif
                                        </p>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-xs-12 col-sm-5 control-label">Nama Akun Pengguna</label>
                                    <div class="col-xs-12 col-sm-7">
                                        <p>
                                            @if ($campaign_sponsor_detail)
                                                {{-- {{ $campaign_sponsor_detail->tabungan->customer ? $campaign_sponsor_detail->tabungan->customer->name : '-' }} --}}
                                                {{ optional(optional($campaign_sponsor_detail->tabungan)->customer)->name ?: '-' }}
                                            @elseif($campaign_sponsor_b2b)
                                                {{ $campaign_sponsor_b2b->redeem->customer->name }}
                                            @elseif($campaign_voucher)
                                                {{ $campaign_voucher->customer ? $campaign_voucher->customer->name : '-' }}
                                            @else
                                                -
                                            @endif
                                        </p>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-xs-12 col-sm-5 control-label">Email Pengguna</label>
                                    <div class="col-xs-12 col-sm-7">
                                        <p>
                                            @php
                                                $email =
                                                    $campaign_sponsor_detail
                                                        ? optional(optional($campaign_sponsor_detail->tabungan)->customer)->email
                                                        : ($campaign_sponsor_b2b
                                                            ? $campaign_sponsor_b2b->redeem->customer->email
                                                            : ($campaign_voucher
                                                                ? optional($campaign_voucher->customer)->email
                                                                : null));
                                            @endphp
                                            {{-- @if ($campaign_sponsor_detail) --}}
                                                {{-- {{ $campaign_sponsor_detail->tabungan->customer ? $campaign_sponsor_detail->tabungan->customer->email : '-' }} --}}
                                                {{-- {{ optional(optional($campaign_sponsor_detail->tabungan)->customer)->email ?: '-' }}
                                            @elseif($campaign_sponsor_b2b)
                                                {{ $campaign_sponsor_b2b->redeem->customer->email }}
                                            @elseif($campaign_voucher)
                                                {{ $campaign_voucher->customer ? $campaign_voucher->customer->email : '-' }}
                                            @else
                                                -
                                            @endif --}}
                                            @if ($email && str_contains($email, '@'))
                                                @php
                                                    $parts  = explode('@', $email);
                                                    $name   = $parts[0] ?? '';
                                                    $domain = $parts[1] ?? '';

                                                    $masked = substr($name, 0, 2) . str_repeat('*', max(strlen($name) - 2, 0));
                                                @endphp
                                                {{ $masked . '@' . $domain }}
                                            @else
                                                -
                                            @endif
                                        </p>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-xs-12 col-sm-5 control-label">Nomor Transaksi</label>
                                    <div class="col-xs-12 col-sm-7">
                                        <p>
                                            @if ($campaign_sponsor_detail)
                                                {{ $campaign_sponsor_detail->transaksi ? $campaign_sponsor_detail->transaksi->code : '-' }}
                                            @elseif($campaign_sponsor_b2b)
                                                {{ $campaign_sponsor_b2b->redeem->transaksi->code }}
                                            @elseif($campaign_voucher)
                                                {{ $campaign_voucher->transaksi ? $campaign_voucher->transaksi->code : '-' }}
                                            @else
                                                -
                                            @endif
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-6">
                        <div class="x_panel">
                            <div class="x_title">
                                <div style="display: flex; justify-content: space-between; align-items: center;">
                                    <h2 style="margin: 0;">Detail Pengiriman</h2>
                                    @if ($campaign_sponsor_detail)
                                        @if (!empty($campaign_sponsor_detail->date_redeemed) || $campaign_sponsor_detail->status_sms == 'sukses')
                                            <a href="#" class="btn btn-sm btn-primary" disabled>Kirim SMS</a>
                                        @else
                                            {{-- <a href="#" id="btn-kirim-sms" class="btn btn-sm btn-primary">Kirim SMS
                                                123</a> --}}
                                                <a href="#" id="btn-kirim-sms" class="btn btn-sm btn-primary">Kirim SMS</a>
                                        @endif

                                    @endif
                                </div>
                            </div>
                            <div class="x_content">
                                <div class="form-group">
                                    <label class="col-xs-12 col-sm-5 control-label">Di Request Pada</label>
                                    <div class="col-xs-12 col-sm-7">
                                        <p>
                                            @if ($campaign_sponsor_detail)
                                                {{ $campaign_sponsor_detail->created_at }}
                                            @else
                                                -
                                            @endif
                                        </p>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-xs-12 col-sm-5 control-label">Media Kirim</label>
                                    <div class="col-xs-12 col-sm-7">
                                        <p>
                                            @if ($campaign_sponsor_detail)
                                                SMS
                                            @else
                                                -
                                            @endif
                                        </p>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-xs-12 col-sm-5 control-label">Status Pengiriman</label>
                                    <div class="col-xs-12 col-sm-7">
                                        <p>
                                            @if ($campaign_sponsor_detail)
                                                @if ($campaign_sponsor_detail->status_sms == 'sukses')
                                                    Sukses
                                                @elseif(empty($campaign_sponsor_detail->status_sms))
                                                    -
                                                @else
                                                    Gagal
                                                @endif
                                            @else
                                                -
                                            @endif
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
<script>
document.addEventListener('DOMContentLoaded', function () {
    const button = document.getElementById('btn-kirim-sms');
    const input = document.getElementById('voucher_code_input');

    if (!button || !input) {
        console.error('Elemen tidak ditemukan: #btn-kirim-sms atau #voucher_code_input');
        return;
    }

    button.addEventListener('click', function(e) {
        e.preventDefault();

        const voucherCode = input.value.trim();

        if (!voucherCode) {
            alert('Mohon masukkan kode voucher terlebih dahulu.');
            return;
        }

        fetch("{{ route('inquiry_voucher_send_sms') }}?voucher_code=" + encodeURIComponent(voucherCode), {
            method: 'GET',
            headers: {
                'Accept': 'application/json',
                'X-Requested-With': 'XMLHttpRequest'
            }
        })
        .then(response => response.json())
        .then(data => {
            if (data.status == 'success') {
                alert(data.message);
                window.location.reload();
            } else {
                alert('Gagal mengirim SMS: ' + (data.message || 'Terjadi kesalahan.'));
            }
        })
        .catch(error => {
            console.error('Error:', error);
            alert('Terjadi kesalahan saat mengirim SMS.');
        });
    });
});
</script>
{{-- 
@section('scripts')
<script src="{{ url('/js/customer_list.min.js') }}"></script>
@endsection --}}