@extends('layouts.app')
@section('title', isset($supplier)?'Edit Supplier':'Tambah Supplier')
@section('breadcrumb') <a href="{{ route('suppliers.index') }}">Supplier</a><i class="bi bi-chevron-right"></i><span>{{ isset($supplier)?'Edit':'Tambah' }}</span> @endsection
@section('content')
<div class="pf-page-header">
    <h1 class="pf-page-title"><i class="bi bi-building me-2 text-primary-pf"></i>{{ isset($supplier)?'Edit Supplier':'Tambah Supplier Baru' }}</h1>
</div>
<form action="{{ isset($supplier)?route('suppliers.update',$supplier->id):route('suppliers.store') }}" method="POST">
    @csrf @if(isset($supplier)) @method('PUT') @endif
    <div class="row g-4">
        <div class="col-12 col-xl-8">
            <div class="pf-card mb-4">
                <div class="pf-card-header"><h6 class="pf-card-title"><i class="bi bi-building-fill"></i> Data Supplier</h6></div>
                <div class="pf-card-body">
                    <div class="row g-3">
                        <div class="col-md-8"><label class="form-label">Nama Supplier <span class="text-danger">*</span></label><input type="text" class="form-control" name="nama" value="{{ old('nama',$supplier->nama??'') }}" required autofocus></div>
                        <div class="col-md-4"><label class="form-label">PIC / Kontak</label><input type="text" class="form-control" name="pic" value="{{ old('pic',$supplier->pic??'') }}"></div>
                        <div class="col-md-4"><label class="form-label">Telepon</label><input type="text" class="form-control" name="telepon" value="{{ old('telepon',$supplier->telepon??'') }}"></div>
                        <div class="col-md-4"><label class="form-label">WhatsApp</label><input type="text" class="form-control" name="whatsapp" value="{{ old('whatsapp',$supplier->whatsapp??'') }}"></div>
                        <div class="col-md-4"><label class="form-label">Email</label><input type="email" class="form-control" name="email" value="{{ old('email',$supplier->email??'') }}"></div>
                        <div class="col-12"><label class="form-label">Alamat</label><textarea class="form-control" name="alamat" rows="2">{{ old('alamat',$supplier->alamat??'') }}</textarea></div>
                        <div class="col-md-4"><label class="form-label">Kota</label><input type="text" class="form-control" name="kota" value="{{ old('kota',$supplier->kota??'') }}"></div>
                        <div class="col-md-4"><label class="form-label">NPWP</label><input type="text" class="form-control font-mono" name="npwp" value="{{ old('npwp',$supplier->npwp??'') }}"></div>
                        <div class="col-md-4"><label class="form-label">TOP (Hari)</label><div class="input-group"><input type="number" class="form-control" name="top_hari" value="{{ old('top_hari',$supplier->top_hari??30) }}" min="0"><span class="input-group-text">hari</span></div></div>
                        <div class="col-12"><label class="form-label">Catatan</label><textarea class="form-control" name="catatan" rows="2">{{ old('catatan',$supplier->catatan??'') }}</textarea></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-12 col-xl-4">
            <div class="pf-card mb-3" style="position:sticky;top:calc(var(--pf-topbar-h)+16px)">
                <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 mb-3">
                        <input class="form-check-input" type="checkbox" name="status" value="aktif" id="statusToggle" {{ old('status',$supplier->status??'aktif')==='aktif'?'checked':'' }}>
                        <label class="form-check-label" for="statusToggle">Supplier Aktif</label>
                    </div>
                    <div class="d-grid gap-2">
                        <button type="submit" class="btn btn-primary"><i class="bi bi-save2-fill"></i> Simpan</button>
                        <a href="{{ route('suppliers.index') }}" class="btn btn-outline-secondary"><i class="bi bi-arrow-left"></i> Kembali</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</form>
@endsection