Layout Halaman HTML5 + Pure Bootstrap untuk halaman Transaksi POS

Saya butuh UI sederhana untuk halaman transaksi POS (untuk pembelian sampah).

Terdiri dari 2 halaman, yakni:`

1. Halaman List Transaksi (tabel)
2. Halaman Detail/Update/Create Transaksi

Ketentuan Umum:

• Tampilan Pure Bootstrap (sebisa mungkin memanfaatkan class yang ada pada Bootstrap)Tidak perlu ada styling khusus, tidak masalah jika siapapun yang melihatnya maka itu terlihat sebagai panel bootstrap.
• Inti tampilannya adalah dapat digunakan dengan mudah dan sederhana.
• Inti cara penulisan kodenya adalah harus mudah dimodifikasi, jadi pure bootstrap biar ndak ada hal-hal rumit yang sulit dipahami saat penyesuaian akan dilakukan
• Jika dibutuhkan CSS untuk penyesuaian khusus, maka CSS harus dibuat dengan SASS/SCSS dan tertulis dengan rapi.

Ketentuan Halaman:

1. Halaman List
   

• Hanya halaman sederhana berisi tabel dan Pagination
• Menggunakan .container sebagai batas ukuran halaman

• Satu halaman yang sama untuk ketiga kebutuhan tersebut.
• Menggunakan .container-fluid sebagai batas ukuran halaman
• Saat Create, maka data pesanan akan langsung dibuat pada database, dengan item dan detail (seperti: info pelanggan) yang masih kosong [KONSEP]
• Header halaman langsung Nama Pelanggan dan Jumlah Nominalm dan tombol Back serta Home
• Layout Halaman terbagi atas dua kolom yang hampir sama besar, atau malah sama besar.
• bagian kiri untuk item yang ditransaksikan
• bagian kanan terdiri dari beberapa tab yakni sebagai berikut:
  • Picker jenis sampah
    
    •  Menggunakan Filtering semacam ini atau gunakan ini juga tidak masalah: https://vestride.github.io/Shuffle/compound-filters (ini sudah harus terinstall)
    • Saat salah satu item diklik, data dummy sudah harus terlihat pada daftar item (disimulasikan, generate dengan Javascriopt, tidak tersimpan pada database).
  • Picker dan Detail pelanggan
    
    • tombol Picker pelanggan saat diklik akan menampilkan Modal berisi list pelanggan, tersedia filter berdasarkan Nama, NIK, Kecamatan, Jenis Kelamin, dan Kategori (tidak perlu bekerja, hanya form input-nya sudah tersedia),
    • Detail pelanggan akan dibagi menjadi tiga hal. Baris pertama berisi data umum (seperti nama, alamat, jumlah pesanan), baris kedua berisi 2 kolom yang terdiri dari Riwayat Transaksi dan Riwayat Hutang.

* Poin-poin berlabel [KONSEP] berarti hanya penjabaran konsep untuk lebih dipahami oleh programmher, tidak membutuhkan hasil berupa halaman/fitur tertentu.

Demikian, silahkan diajukan penawarannya.