{{-- ============================================================
     modules/customers/form.blade.php  (create & edit)
     ============================================================ --}}
@extends('layouts.app')
@section('title', isset($customer) ? 'Edit Pelanggan' : 'Tambah Pelanggan')
@section('breadcrumb')
    <a href="{{ route('customers.index') }}">Pelanggan</a>
    <i class="bi bi-chevron-right"></i>
    <span>{{ isset($customer) ? 'Edit '.$customer->nama : 'Tambah Baru' }}</span>
@endsection

@section('content')
<div class="pf-page-header">
    <h1 class="pf-page-title">
        <i class="bi bi-person-{{ isset($customer) ? 'gear' : 'plus' }}-fill me-2 text-primary-pf"></i>
        {{ isset($customer) ? 'Edit Pelanggan' : 'Tambah Pelanggan Baru' }}
    </h1>
</div>

<form action="{{ isset($customer) ? route('customers.update',$customer->id) : route('customers.store') }}"
      method="POST" id="formCustomer">
    @csrf
    @if(isset($customer)) @method('PUT') @endif

    <div class="row g-4">
        <div class="col-12 col-xl-8">

            {{-- Identitas --}}
            <div class="pf-card mb-4">
                <div class="pf-card-header">
                    <h6 class="pf-card-title"><i class="bi bi-person-badge-fill"></i> Identitas Pelanggan</h6>
                </div>
                <div class="pf-card-body">
                    <div class="row g-3">
                        <div class="col-md-3">
                            <label class="form-label">Kode Pelanggan</label>
                            <input type="text" class="form-control font-mono" value="{{ $customer->kode ?? $kode ?? '' }}" readonly style="background:var(--pf-bg)">
                        </div>
                        <div class="col-md-5">
                            <label class="form-label">Nama Pelanggan / Perusahaan <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" name="nama" value="{{ old('nama',$customer->nama??'') }}" required autofocus placeholder="PT. / CV. / Nama lengkap">
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Tipe <span class="text-danger">*</span></label>
                            <select class="form-select" name="tipe" required>
                                @foreach(['perusahaan'=>'Perusahaan / Badan Usaha','perorangan'=>'Perorangan'] as $v=>$l)
                                    <option value="{{ $v }}" {{ old('tipe',$customer->tipe??'perusahaan')===$v?'selected':'' }}>{{ $l }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Nama PIC / Kontak Person</label>
                            <input type="text" class="form-control" name="nama_pic" value="{{ old('nama_pic',$customer->nama_pic??'') }}" placeholder="Nama yang biasa dihubungi">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">NPWP</label>
                            <input type="text" class="form-control font-mono" name="npwp" value="{{ old('npwp',$customer->npwp??'') }}" placeholder="00.000.000.0-000.000">
                        </div>
                    </div>
                </div>
            </div>

            {{-- Kontak --}}
            <div class="pf-card mb-4">
                <div class="pf-card-header">
                    <h6 class="pf-card-title"><i class="bi bi-telephone-fill"></i> Informasi Kontak</h6>
                </div>
                <div class="pf-card-body">
                    <div class="row g-3">
                        <div class="col-md-4">
                            <label class="form-label">No. Telepon</label>
                            <div class="input-group">
                                <span class="input-group-text"><i class="bi bi-telephone"></i></span>
                                <input type="text" class="form-control" name="telepon" value="{{ old('telepon',$customer->telepon??'') }}" placeholder="021-1234567">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">No. WhatsApp</label>
                            <div class="input-group">
                                <span class="input-group-text text-success"><i class="bi bi-whatsapp"></i></span>
                                <input type="text" class="form-control" name="whatsapp" value="{{ old('whatsapp',$customer->whatsapp??'') }}" placeholder="628123456789">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Email</label>
                            <div class="input-group">
                                <span class="input-group-text"><i class="bi bi-envelope"></i></span>
                                <input type="email" class="form-control" name="email" value="{{ old('email',$customer->email??'') }}" placeholder="email@perusahaan.com">
                            </div>
                        </div>
                        <div class="col-12">
                            <label class="form-label">Alamat Lengkap</label>
                            <textarea class="form-control" name="alamat" rows="2" placeholder="Jl. ...">{{ old('alamat',$customer->alamat??'') }}</textarea>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Kota</label>
                            <input type="text" class="form-control" name="kota" value="{{ old('kota',$customer->kota??'') }}" placeholder="Jakarta">
                        </div>
                        <div class="col-12">
                            <label class="form-label">Catatan Internal</label>
                            <textarea class="form-control" name="catatan" rows="2" placeholder="Catatan khusus tentang pelanggan ini...">{{ old('catatan',$customer->catatan??'') }}</textarea>
                        </div>
                    </div>
                </div>
            </div>

        </div>

        <div class="col-12 col-xl-4">
            <div style="position:sticky;top:calc(var(--pf-topbar-h)+16px)">

                {{-- Kredit --}}
                <div class="pf-card mb-3">
                    <div class="pf-card-header">
                        <h6 class="pf-card-title"><i class="bi bi-credit-card-fill"></i> Termin & Kredit</h6>
                    </div>
                    <div class="pf-card-body">
                        <div class="row g-3">
                            <div class="col-12">
                                <label class="form-label">Termin Pembayaran</label>
                                <div class="input-group">
                                    <input type="number" class="form-control font-mono" name="termin_hari" value="{{ old('termin_hari',$customer->termin_hari??30) }}" min="0" max="365">
                                    <span class="input-group-text">hari</span>
                                </div>
                                <div style="font-size:11px;color:var(--pf-text-muted);margin-top:3px">0 = COD / Bayar di muka</div>
                            </div>
                            <div class="col-12">
                                <label class="form-label">Limit Kredit (Rp)</label>
                                <div class="input-group">
                                    <span class="input-group-text">Rp</span>
                                    <input type="number" class="form-control font-mono" name="limit_kredit" value="{{ old('limit_kredit',$customer->limit_kredit??0) }}" min="0" step="1000000" placeholder="0">
                                </div>
                                <div style="font-size:11px;color:var(--pf-text-muted);margin-top:3px">0 = Tidak ada limit</div>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- Status --}}
                <div class="pf-card mb-3">
                    <div class="pf-card-header">
                        <h6 class="pf-card-title"><i class="bi bi-toggles"></i> Status</h6>
                    </div>
                    <div class="pf-card-body">
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" name="status" value="aktif" id="statusToggle"
                                   {{ old('status',$customer->status??'aktif')==='aktif' ? 'checked' : '' }}>
                            <label class="form-check-label" for="statusToggle">Pelanggan Aktif</label>
                        </div>
                    </div>
                </div>

                {{-- Action --}}
                <div class="d-grid gap-2">
                    <button type="submit" class="btn btn-primary">
                        <i class="bi bi-save2-fill"></i> {{ isset($customer) ? 'Update Pelanggan' : 'Simpan Pelanggan' }}
                    </button>
                    <a href="{{ route('customers.index') }}" class="btn btn-outline-secondary">
                        <i class="bi bi-arrow-left"></i> Kembali
                    </a>
                </div>

            </div>
        </div>
    </div>
</form>
@endsection