@extends('layouts.master')

@section('content')
    <div class="header bg-primary text-white p-3 mb-3 rounded mt-3">
        <h3 class="m-0 font-weight-normal">Data Blacklist Pelanggan</h3>
    </div>
    <div class="card">
        <div class="card-header">
            <h6 class="card-title">Daftar Pelanggan Blacklist</h6>
        </div>
        <div class="card-body">
            <!-- Form Pencarian -->
            <div class="row mb-3">
                <div class="col-md-12">
                    <form action="" method="GET" class="form-inline">
                        <div class="row g-3">
                            <div class="col-md-2">
                                <input type="text" name="search_nama" class="form-control" placeholder="Cari Customer" value="{{ request('search_nama') }}">
                            </div>
                            <div class="col-md-2">
                                <select name="search_kota" class="form-control select2-kota">
                                    <option value="">Pilih Kota/Kabupaten</option>
                                    @foreach (\App\Models\Kota::orderBy('jenis')->orderBy('nama')->get() as $k)
                                        <option value="{{ $k->id }}" {{ request('search_kota') == $k->id ? 'selected' : '' }}>{{ $k->jenis }} {{ $k->nama }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-2">
                                <button type="submit" class="btn btn-primary">Cari</button>
                                <a href="{{ route('blacklist.customer') }}" class="btn btn-secondary">Reset</a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div class="table-responsive">
                <table class="table">
                    <thead>
                        <tr>
                            <th>Nama</th>
                            <th>Alamat</th>
                            <th>Nomor Telepon</th>
                            <th>Kota</th>
                            {{-- <th>Plafond</th> --}}
                            <th>Sales</th>
                            <th>Ekspedisi</th>
                            {{-- <th>Rating</th> --}}
                            <th>Aksi</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($customers as $customer)
                            <tr>
                                <td>{{ $customer->nama }}</td>
                                <td>{{ $customer->alamat }}</td>
                                <td>{{ $customer->telepon }}</td>
                                <td>{{ $customer->kota ? $customer->kota->jenis . ' ' . $customer->kota->nama : '-' }}</td>
                                {{-- <td>{{ 'Rp ' . number_format($customer->plafond, 0, ',', '.') }}</td> --}}
                                <td>{{ $customer->sales->nama ?? '-' }}</td>
                                <td>{{ $customer->ekspedisi->nama ?? '-' }}</td>
                                {{--
                                <td>
                                    <span style="display:inline-block;width:12px;height:12px;background:#222;margin-right:3px;border-radius:2px;"></span>
                                    <span style="display:inline-block;width:12px;height:12px;background:#222;margin-right:3px;border-radius:2px;"></span>
                                    <span style="display:inline-block;width:12px;height:12px;background:#222;margin-right:3px;border-radius:2px;"></span>
                                </td>
                                --}}
                                <td>
                                    <button type="button" class="btn btn-success btn-action" onclick="confirmUnblacklist({{ $customer->id }}, '{{ $customer->nama }}')" title="Unblacklist Pelanggan">
                                        <i class="fa fa-undo"></i> Unblacklist
                                    </button>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="9" class="text-center">Tidak ada pelanggan blacklist</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
const BASE_URL = "{{ url('') }}";
function confirmUnblacklist(id, nama) {
    Swal.fire({
        title: 'Unblacklist Pelanggan',
        text: 'Apakah anda yakin ingin meng-unblacklist pelanggan ' + nama + '?',
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#3085d6',
        cancelButtonColor: '#d33',
        confirmButtonText: 'Ya, Unblacklist',
        cancelButtonText: 'Batal'
    }).then((result) => {
        if (result.isConfirmed) {
            window.location.href = BASE_URL + '/customer/unblacklist/' + id;
        }
    });
}
</script>
@endpush