Reception Form - Copy this React, Tailwind Component to your project

Customer table id, customer_id, customer_name,address,phone,total,discount,paid,old_due test table id,test_id,test_name,cost doctor table id,doctor_id,doctor_name,phone_no,title,specialist room table id,room_id,room_name,room_no dup_reciption table id,doctor_name,title,specialist,customer_id,customer_name,phone,address,total,discount,paid,old_due,test_id,test_name,cost,room_no,date, reciption table id,doctor_name,title,specialist,customer_id,customer_name,phone,address,total,discount,paid,old_due,test_id,test_name,cost,room_no,date, একটি reciption form তৈরি করবেন। প্রথম অংশ doctor details doctor table থেকে লিখা যায় এমন select box এ doctor_name লিখলে suggestion হবে আর doctor_name,title,specialist কলামের তথ্য গুলো ডাটাবেজ থেকে auto fill হবে । অংশ customer details customer table থেকে লিখা যায় এমন select box এ customer_name,phone লিখলে suggestion ও customer_id,address,total,discount,paid,old_due এই কলামের তথ্য গুলো auto fill হবে । তবে total,discount,paid এগুলো ফরমে visable থাকবে না। যদি তথ্য পাওয়া না যায় তাহলে customer_id তে ডাটাবেজে থাকা শেষের সংখ্যার পরের সংখ্যাটি automatic বসবে। test details ও room অংশ test table থেকে লিখা যায় এমন select box এ test_name লিখলে cost কলামের তথ্য auto fill হবে। room table থেকে room_no এমন একটি select box এ থাকবে। test_name,cost,room_no এগুলো টেবিল হিসেবে থাকবে। টেবিলে row যুক্ত ও remove করা যাবে। Calculation অংশ ফরমে cost কলাম যোগ করে যোগফল subtotal এ বসবে । subtotal থেকে discount বিয়োগ করে total এ বসবে। total থেকে paid বিয়োগ করে due এ বসবে। Sql insert ও update অংশ customer table এর customer_name, phone_no মিলে গেলে ডাটাবেজ থেকে আসা old_due কলাম ও due কলাম যোগ করে ডাটাবেজের old_due কলামে update হবে । ডাটাবেজ থেকে আসা discount ও ফরমে থাকা discount কলাম যোগ করে ডাটাবেজের discount কলামে update হবে । ডাটাবেজ থেকে আসা total ও ফরমের subtotal যোগ করে ডাটাবেজের total কলামে update হবে। ডাটাবেজ থেকে আসা paid ও ফরমের paid যোগ করে ডাটাবেজের paid কলামে update হবে। Confram বাটনে ক্লিক করলে এটি হবে। আর customer table এর customer_name, phone_no না মিলে গেলে customer_id, customer_name,address,phone,total,discount,paid,old_due ফরম থেকে customer টেবিলে insert হবে। সেইভ বাটনে ক্লিক করলে এটি হবে। ফরমটি refresh হবে না । আর customer table এর customer_name, phone_no মিলে যাক বা না মিলে যাক reciption table এ id,doctor_name,title,specialist,customer_id,customer_name,phone,address,total,discount,old_due,test_id,test_name,cost,room_no,date, তথ্য গুলো ফরম থেকে insert হবে। totla এ ফরমের total , discount এ ফরমের discount, old_due এ ফরমের due , paid এ ফরমের paid insert হবে। সেইভ বাটনে ক্লিক করলে এটি হবে। ফরমটি refresh হবে না । প্রিন্ট অংশ Confram বাটনে ক্লিক করলে প্রিন্ট সক্রিয় হবে । প্রিন্ট বাটনে ক্লিক করলে doctor_name এর নিচে title ও specialist এর value থাকবে । customer_name, phone, address থাকবে । টেবিল আকারে test_name, cost , room_no থাকবে । এখন একটি দাগ থাকবে । এর নিচে subtotal, discount,paid,due থাকবে । A4 সাইজ পেজ হবে। দয়া করে উপযুক্ত php,html,css, JavaScript ব্যবহার করে সম্পূর্ণ কোডটি লিখে দিন। Select box গুলোতে লিখা যাবে আর লিখলে suggestion ও auto fill হবে।