@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">Pelanggan</h3>
    </div>

    <div class="card mb-3">
        <div class="card-header">
            <h6 class="card-title">Tambah Pelanggan</h6>
        </div>
        <div class="card-body">
            <form action="{{ route('customer.store') }}" method="post">
                @csrf
                @if (isset($customer))
                    <input type="hidden" name="id" value="{{ $customer->id }}">
                @endif
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="nama">Nama</label>
                            <input type="text" name="nama" placeholder="Nama" class="form-control mb-2" value="{{ isset($customer) ? $customer->nama : '' }}">
                        </div>
                        <div class="form-group">
                            <label for="alamat">Alamat</label>
                            <input type="text" name="alamat" placeholder="Alamat" class="form-control mb-2" value="{{ isset($customer) ? $customer->alamat : '' }}">
                        </div>
                        <div class="form-group">
                            <label for="plafond">Plafond</label>
                            <input type="number" name="plafond" placeholder="Plafond" class="form-control mb-2" value="{{ isset($customer) ? $customer->plafond : '' }}">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="telepon">Telepon</label>
                            <input type="text" name="telepon" placeholder="Telepon" class="form-control mb-2" value="{{ isset($customer) ? $customer->telepon : '' }}">
                        </div>
                        <div class="form-group">
                            <label for="kota">Kota</label>
                            <input type="text" name="kota" placeholder="Kota" class="form-control mb-2" value="{{ isset($customer) ? $customer->kota : '' }}">
                        </div>
                        <div class="form-group">
                            <label for="tenggat_pembayaran">Tenggat Pembayaran</label>
                            <input type="number" name="tenggat_pembayaran" placeholder="Tenggat Pembayaran" class="form-control mb-2" value="{{ isset($customer) ? $customer->tenggat_pembayaran : '' }}">
                        </div>
                    </div>
                </div>
                <button type="submit" class="btn btn-primary">Simpan</button>
            </form>
        </div>
    </div>

    <div class="card">
        <div class="card-header">
            <h6 class="card-title">Daftar Pelanggan</h6>
        </div>
        <div class="card-body">
            <table class="table">
                <thead>
                    <tr>
                        <th>Nama</th>
                        <th>Alamat</th>
                        <th>Telepon</th>
                        <th>Kota</th>
                        <th>Aksi</th>
                    </tr>
                </thead>
                <tbody>
                    @if (isset($customers))
                        @foreach ($customers as $customer)
                            <tr>
                                <td>{{ $customer->nama }}</td>
                                <td>{{ $customer->alamat }}</td>
                                <td>{{ $customer->telepon }}</td>
                                <td>{{ $customer->kota }}</td>
                                <td>
                                    <a href="{{ route('customer.edit', $customer->id) }}" class="btn btn-warning">
                                        <i class="fa fa-edit"></i>
                                    </a>
                                    <a href="{{ route('customer.destroy', $customer->id) }}" class="btn btn-danger">
                                        <i class="fa fa-trash"></i>
                                    </a>
                                </td>
                            </tr>
                        @endforeach
                    @endif
                </tbody>
            </table>
        </div>
    </div>
@endsection