@extends('layouts/base_view')
@section('title'){!! $variables['header_routes'] !!}@endsection
@section('content')
<section class="content"><div class="container-fluid">
    <div class="row">
        <div class="col-md-5">
            <div class="card card-secondary">
                <div class="card-header">
                    <h3 class="card-title">Detail Dealer</h3>
                    <div class="card-tools">
                        <a href="{{ route('dealers.edit', $data->id) }}" class="btn btn-sm btn-outline-warning"><i class="fas fa-edit"></i> Edit</a>
                        @if($data->is_blocked)
                            <button class="btn btn-sm btn-outline-success ml-1" onclick="unblockDealer()"><i class="fas fa-unlock"></i> Unblock</button>
                        @else
                            <button class="btn btn-sm btn-outline-danger ml-1" onclick="blockDealer()"><i class="fas fa-ban"></i> Block</button>
                        @endif
                    </div>
                </div>
                <div class="card-body">
                    <table class="table table-sm table-borderless">
                        <tr><th width="150">Kode BMU</th><td><code>{{ $data->customer_code_bmu }}</code></td></tr>
                        <tr><th>Nama Dealer</th><td>{{ $data->dealer_name }}</td></tr>
                        <tr><th>Account Group</th><td>{{ $data->account_group ?? '-' }}</td></tr>
                        <tr><th>Brand</th><td>{{ $data->brand ?? '-' }}</td></tr>
                        <tr><th>Email</th><td>{{ $data->email ?? '-' }}</td></tr>
                        <tr><th>No HP</th><td>{{ $data->phone ?? '-' }}</td></tr>
                        <tr><th>Contact Person</th><td>{{ $data->contact_person ?? '-' }}</td></tr>
                        <tr><th>Kota</th><td>{{ $data->city ?? '-' }}</td></tr>
                        <tr><th>Provinsi</th><td>{{ $data->province ?? '-' }}</td></tr>
                        <tr><th>Alamat</th><td>{{ $data->address ?? '-' }}</td></tr>
                        <tr><th>Status</th><td>{!! $data->is_active ? '<span class="badge badge-success">Aktif</span>' : '<span class="badge badge-danger">Nonaktif</span>' !!}</td></tr>
                        <tr><th>Registrasi</th><td>
                            @if($data->registration_status === 'registered')
                                <span class="badge badge-success">Registered</span>
                                <small class="text-muted ml-1">{{ $data->registered_at?->format('d/m/Y H:i') }}</small>
                            @else
                                <span class="badge badge-warning">Unregistered</span>
                            @endif
                        </td></tr>
                        <tr><th>Blokir</th><td>
                            @if($data->is_blocked)
                                <span class="badge badge-danger">Diblokir</span>
                                @if($data->blocked_reason)
                                    <small class="text-muted d-block">{{ $data->blocked_reason }}</small>
                                @endif
                            @else
                                <span class="badge badge-secondary">Tidak Diblokir</span>
                            @endif
                        </td></tr>
                    </table>
                </div>
                <div class="card-footer">
                    <a href="{{ route('dealers.index') }}" class="btn btn-outline-secondary btn-sm"><i class="fas fa-arrow-left"></i> Kembali</a>
                </div>
            </div>
        </div>
        <div class="col-md-7">
            <div class="card">
                <div class="card-header"><h3 class="card-title">Daftar Outlet ({{ $data->outlets->count() }})</h3></div>
                <div class="card-body p-0">
                    <table class="table table-sm table-striped mb-0">
                        <thead><tr><th>Kode BMU</th><th>Nama Outlet</th><th>Kota</th><th>Status</th></tr></thead>
                        <tbody>
                            @forelse($data->outlets as $outlet)
                            <tr>
                                <td><code>{{ $outlet->customer_code_bmu }}</code></td>
                                <td><a href="{{ route('outlets.show', $outlet->id) }}">{{ $outlet->outlet_name }}</a></td>
                                <td>{{ $outlet->city ?? '-' }}</td>
                                <td>{!! $outlet->is_active ? '<span class="badge badge-success">Aktif</span>' : '<span class="badge badge-secondary">Nonaktif</span>' !!}</td>
                            </tr>
                            @empty
                            <tr><td colspan="4" class="text-center text-muted">Belum ada outlet.</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div></section>
@push('scripts')
<script>
function blockDealer() {
    Swal.fire({
        title: 'Blokir Dealer?',
        input: 'text',
        inputLabel: 'Alasan (opsional)',
        inputPlaceholder: 'Masukkan alasan pemblokiran...',
        showCancelButton: true,
        confirmButtonText: 'Blokir',
        confirmButtonColor: '#dc3545',
        cancelButtonText: 'Batal',
    }).then(function(result) {
        if (!result.isConfirmed) return;
        $.ajax({
            url: '{{ route("dealers.block", $data->id) }}',
            method: 'POST',
            data: { _token: '{{ csrf_token() }}', blocked_reason: result.value },
            success: function(res) {
                if (res[0] === 'success') {
                    Swal.fire({ icon: 'success', text: res[1], timer: 1500, showConfirmButton: false })
                        .then(() => location.reload());
                }
            }
        });
    });
}

function unblockDealer() {
    Swal.fire({
        title: 'Buka Blokir Dealer?',
        icon: 'question',
        showCancelButton: true,
        confirmButtonText: 'Ya, Unblock',
        cancelButtonText: 'Batal',
    }).then(function(result) {
        if (!result.isConfirmed) return;
        $.ajax({
            url: '{{ route("dealers.unblock", $data->id) }}',
            method: 'POST',
            data: { _token: '{{ csrf_token() }}' },
            success: function(res) {
                if (res[0] === 'success') {
                    Swal.fire({ icon: 'success', text: res[1], timer: 1500, showConfirmButton: false })
                        .then(() => location.reload());
                }
            }
        });
    });
}
</script>
@endpush
@endsection