Create Invoice HTML for Inventory with airSlate SignNow

Invoice html for Inventory

hello friends welcome to way the script or info and today is Holi so happy equality of you and today I also have a surprise for you but before that let me finish my last project tellus inventory system which is here and refreshing this I will show you what I'm going to show you and I will also create a separate video for that and this is the last video of inventory system and after that no video will come for inventory system and for profiles and image uploading and these are other things so we will do in a separate tutorial fine so let's let you continue and we have I remember and because I remember I did it before so here what I do chase and here you can see they have an order form right once someone click so that information will be stored in our database and after that he will get an alert message like order completed that is not a very good way of doing this but before submitting the data I have an invoice so let me give some restriction like the user cannot submit the data before filling the form just to not all first login small so we are locked in and new orders speaker and I have downloaded a Chrome extension you can see her that score here cash most of the time we face problem are like like after writing JavaScript jQuery code we refresh or browser but we will see nothing for that there is a extension called tiller cast one of you recommended me so thank you so much for that okay so first of all this custom and mean and that's so English first step in order and you can see here in this video we are going to print a PDF write PDF invoice and before that we will save the PDF and so here you can see we have GST and okay oh no not Jessie I'm looking for custom write copy this Sadie and let's do it faster and I will do up our forward it is a fastball video right now here I will chase and under taller hashtag first new hominy taught value and triple equal to to verify it is actual that's so correctly using double equal is not right always but Apple equal verify both data and typing right and okay fine so if value is anybody will show an alert message like please enter custom links because without customer name how can it render inverse and now the important thing is our custom name is important once though per user to the product so rest of the fields will automatically be filled by the system we need to care about this count so it depends it is not compulsory it is optional paid is compulsory without paid we cannot process further right dollar and I hope ID is paid for 12 equal to if it is simply we will so again we will show alert message link please enter 8 amount right then finally we will send an Jax request to our server save it and let me clear cache once before seeing it okay fine now let me try the sub order exit please enter name keep file just use a product add iPhone age - and let's order please enter paid amount I don't want to give discount paid amount will be level 2 or double zero fine now order and you will see order completed that's not good after that we will print her or invoice or we will ask maybe it may be our administrator and lien or any person of employment so we will ask do you want to print invoice if he say yes so we will print it otherwise we will not render them so if theta order and scope completed right order let's go completely sorry once order is complete completed we will trigger the form to make it blind so let's take this and I already show you well trigger but I raise it trigger pot please sit fine else and after we set up the forum will ask the user if confirm and ash D and you want to print unless if answer is yes okay if you answer just we will send him some page where you can print so let me create a new page new file save it as without with an improved folder right voice underscore fill dot PHP sorry invoice is ready PHP and just set something like the teeth dollar underscore get all underscore date this set will say code okay so this in way still we are in order dot J speech if it is just confirm requested yes so we will do like window dot location dot at traffic old school Tomi plus forego the includes folder within we have a file in boys right Phil dot php' this all fine but before that we have to add the serialized form we have taken from before adding it to the server right so that's invoice non like lipstick or smoking or not a refresh and just enter the colonel name whatever and choose a karate at amount okay so do you want to print invoice okay and that's fear so where we are going public noise channel then includes and what is in this bill are dots dot PHP and there the problem right before go to question mark it's fine and we will do researches or without going inside the order completed before actually quack refresh fly Kurumi texts and pay the money order to paint it let's not like that we are getting okay but why post or order to form trigger reset that's not an issue but maybe this is not state code is fine no problem at all but steak is actually the selection of ID or the form is button and we are hitting the form right so what's the form this is here copy and paste save it down there oh each table go over and you want to print okay and you'll get okay just go back and you'll see your form is completely blank physics it is ready for new customer and I'll just start here just coherent I PHP app PDF it's a library oh please be library right you can now let it down leave this library directly from a PDF of art or you can use composer to download this library but it's all for PHP so then I'm going to use compose it and just download it and here you can see download option and this is available for different types of languages are they Karen clear whatever so this is the version 1.81 strong with it and you can see I can because I already did he printed if it's already exist in my directory someone going to download it again right we'll be here okay Donnelly's a social have ETM and this is here GFI this copy premiere go to your directory and the whole particular includes just go back public and internal paste here the file paste and extract it and it will take few seconds because like a little bit slow and ok its extraction is done and you can see we have a teacher file called periods only this final required incredible things just documentation google has better documentation right so i will show you soon let me have this a PDF to our file and you can see our PDF so i'll just going to rename it oh yeah e EF don't need to show the wasn't fine and they were just so here is a PDF and other files are there and just content or for once and where we are in interest IP right so we have to go back twice and I use the folder of MDF but then we have F ppm or PHP so our file is added now we need to clear the object of this library so meaning when you open this file you will see the class experience right now our object is ready store the reference or in a reference variable so we'll just use PDF fine now this we need to add a page call add a these are the methods off within a PDF library right so I will show you like FTF PDF now output out just fine that's it and okay level is ready added variables country or you're just into the knee choose polite total quantity 0 and you start to ignite all right your discount or long sound five equals zero order Q on the print yes just now this is our output fine or PDF page is ready so we're going to turn the page but before I get to set the what we actually want to print right and let me show you the documentation then it's easy for you to adjust everything okay you need your high F PDF and PHP PDF and the very commonly used method of those librarians cells right so the documentation this is official website of a PDF and you can see our cell is the method and it has parameter first parameter is W that's nothing but width the height of the cell height of the width of the cell height of the cell and what is string you want to print border what bodily required and alignment right so bullion the lots of things right you can read every parameter here alpha left people top and over here you can see you can also see your line right this that's important thing to Center align the text possible values are L see L is left aligned that's a default value if you don't provide L parameter it will take it by default otherwise you can specify C that's the center are for right alignment and all the parameters are given just a little be the only lazy right and so let me show you what I'd only here PDF and before that we have to set the count right so just the same way you can search for a set fall method this library has very few methods not too much step count I hope it is Kurt I want point first of all is just by the size 16 that's the thing false ID and very common phone is here and you want to use this board can do it bold by giving a third parameter right here arrow and let's care cell and I told you the first parameter is with so I'm just giving a random value like 100 height 20 and what do you want to print over the painter in well tree system and and forget everything right alignment forget alignment see the output I just want to show you how it work works for bevel to zero order shown print place and lots of error exception PDF undefined formed section aerial highlight mistake set once that's too narrow okay here that's correct click pause the forces family second is style toggling size parameter is in the wrong way like first one is Arial font family second one is Thailand turns family a string style and then called Science Bowl and styles 16 pop rock just reload this page that's the magical period this inventory system right you want to border though after that you can specify one if you want border right like this and you can imagine the height and width so I have given 100 that's power more than half of the page height is also large maybe it is I don't think it is pixel the 100 pixel is not too much and if you want to make it in center just oh and here is also a parameter that's one for new line and zero for right in the same line next string so zero I don't want one because I wanted I want second line because they're so tighter and then specify scheme for center now it isn't center of the cell right and I know the actual width is 190 after forgiving them marching right after leaving the mall and going to Spain so that's here right in memory system and height is one mind here which is 190 height is too much right just Dana cool and management system just remove the border I don't want to show the bottom zero that's correct after I want space oh here I will just take the cell and leave it taking whatever the width height just just ran down one pole around okay 190 comma 10 comma 9 it's chained that's enough and then 1 1 sorry 1 1 disappeared and space and then I incopy this the civil space then you can even visualize excuse me yeah that's our space or one create and I'm going to remove oh okay now we don't need a space so I will keep it in comment later we can use now we have already taken of one means after this statement I will take a new line and then print so don't just do it dot PDF and and sell specify that's 20 width height is 10 of these well and they were customer only or maybe already already is good hold it and okay that's no border and no new line I don't want any new line over this and no alignment default l right left that's a result ordered alien see but first remove I don't require this and I mean we need to use a font family so here the chain the pond and I wanted like twelve it's good for me and for any polymers cool yeah next code right and I also don't want border boil right so I'll just put on cutely later later on okay fine and I'll just take this line between right here a virtual date like 217 exceeding perform her iPhone but it is not curved right showing it who wants Paulista right yeah that's good that's also for it and let's copy it and trust me and this will be virtual name hold on me okay crash my name is in the same line because I overtake put one here was it this is no new line and this is here also no neon after this I wanna leave one right one character one done and I want a space so I'm going to leave it in the comment and remove the following so I need right and now I need our table so I will create it here and so just close your eyes I'm going to do something very quickly now you can open your eyes right so as I did credit PDF object added the page set the font given a title inventory system or management system whatever you want Arial font size then columns start here right the cell for date order date customer name right and then a gap another table I have created a table here if you can see the first one is first column in test and the border is enabled so it is one that's what about and it is it will be in the center Dexter business a synonym right for name border is enabled that lets look like on a table center everything is sense alright so like I created hash for a mean quantity price to learn and within this I have given a follow to print my products so there are single product or multiple products and in our URL I'm getting product array upper name or a quantity price that's and that's all you are very very balanced kit so don't forget index name is part name and it's an area so we have to specify the index which product I want that's here dollar I the 12 second third it will loop until it will end and then you finish the color department we have three so it will look theorems then I'm using this I to print the cell numbers for light plus and finally the total is here I'm getting the quantity and price multiplying both of them and getting the right result right and then again I stay still declared with space just applying a string then stock total for sell and sell and sell sells at whatever there is save it and you'll see the output okay in this is over output right they have taken one product they have taken quantity one surprises one and twelve also seen subtotal tax follow-up them are here and signature you can put here and rest of the thing you can do like place age and whatever invoice number everything you can get here okay let me try posture and to the work oh my eye samsung galaxy let's take it too and discount is give them the entire tax as it is count to six eight to zero paramount one for mine triple it zero or joint pain voice yes I want that's here memory system earlier rather than many things right again just want to leave it the tubers of their pies of individual products as well as a total price taxes they will subtly GST everything here and you can put your signature then you can leave your customer frightened and the most important thing this invoice is temporary is time to destroy hell we have a function called output which will show up result coming out put the Stuart here link instead fault right here output dot HTM sorry it is listing so you can see output power accepts T parameters string best adding its destination name and the name is just the file name and boolean that type of generally and standard is utf-8 and let's the most important thing is destination right what do you want destination the first one is I meant to send a file in line to the browser the PDF URLs using all the elbow and okay does it mean the default value like it means if you specify I you will see the output like we are seeing here and if you don't specify I leave it blank like me because it's the default value right right it is taken by a default d-10 to the browser force of file download with a name remembering so instead of displaying this output it will it will be downloaded after clicking order right you on a print yes so it will be downloaded you don't need to show like this if you specified deeper a little now the most important step save to a local file to a local file with the name given by name name a maintained upon so it requires a pod means this will and this is temporary right and this permanent once you save in your server that is your permanent formerly same right and s so it will return the document as a string and by default it is you did eight so we don't care about some before all opt out before output I will do output as well as I will save it to give a user a relief like you don't feel like even in gen-pop so create a folder save the invoices new folder PDF underscore in voice they already and we are in the English folders we have to go back out of the directory single node represents our current current directory and double dots means you are going back you are going out of the directory and you are searching the branch right so look for if here let's go in voice that's here PDF invoice and after that specify the name so I'm going to specify a name like ta is for invoice underscore and the most important thing what you can do then clear it you can use the system here to make all the invoices unique right that's the fan started its end start right after watching a video and the word right is a stick with my tongue I don't know why I'm staking again and again buying or maybe the influence of that video sorry and the season start after starting the season you can use your system user ID so just straight here taller in the school system user ID dot or specify the extension the most important thing and yep that's the parameter you want so it's the string pounder and measurable thing you already know if you specify I it is I afraid which is specific I so it is the same like this if you specify D is going to download directly in the loop in the client machine right and if you do app now it will you will you can be able to save this in your cell phone now see the magic go back refresh consume any amount point three nine two four zero order you want a plain invoice okay okay this is our customer invoice right but one problem this is a customer right and next customer can be different and they're using station ID so it's a madmen doing and so all the time he's using yes here what is the problem you keep it open voiced and unvoiced wine then you actually one is your user ID admin ID right not customer ID and the problem is one cannot be right so if I will again a invoice so this will be over a tenner and this will be lost just do it one thing here so using this session I can able to know who is the admin who will chill print the invoice and to that I'm going to use a PHP function called unique ID nor it is not in the same ideology or we can also use customer ID like we are creating custom ID and then I hope so we have I don't remember last time what I did there coming from this stage ordered or chased right not right we are in the page okay we don't have any special u ID for them some are using this unique ID save it and let's try it once more problem is I don't know why the customer I have to save the ID in our database oh one thing is possible and I will manage our PHP store customer beta here instead of returning Oracle data I can return the insert ID and wise number right that makes sense yeah that's fine so I'm going to use it that's better follow and voice number till you're done the invoice number and there's all the thing we'll the same so here it will be a nice number in data I will have invoice number that's obviously not order completed this condition is not required now so I have to remove this you can specify our users or a jQuery function like to identify X n now it's a non-negative number right if it is not a non-negative number like this theta less than 0 if it is 0 or less than 0 I am NOT going to print it right there is some problem but if it is more than 0 I will do my rest of the charm and here I will display simple hello and our message and how maybe the data is quite because it might be a string error a string well let's see is working on that c'mere chance might be equal to the hole yeah it's working we are in the two-hand you are in the : right take me so here I have data and I have invoice number and before this multiple plate ampersand okay so a question mark and invoice number equals two plus data under so the thing will be just added and before plus or make this ampersand three nos start PHP and we're still able to invest number equal to most number and yes hey here on the sea and that makes our condition more strong and Colin skate once later you can fetch the invoice also in the application invoice number that's here and less number coming I'm doing everything was just so long here in Iceland and I don't need a unified so let's call it most humble finally to turn refresh three four doubles in the order shown a print hopefully it is working fine I was in dark maybe our URL can be wrong and that's fine name is their payment type everything in there a motion one thing how you can page on future invoices that's your invoice PDF invoice the live before that we use unique ID so that's the unique ID in there check that's unique ID a result in here session admin level in here and these are the most optimal solution using this 58 I can fetch all of the invoices indirectly in application here now let's should let me show you what I want to stay here you can create or one more block like new orders just to manage invoices once you click on manage invoices you'll have lists of the list of all the customers and with a button called print once you print them just you have to get the invoice ID and you already know that before string like PDF invoice underscore and what is the ID and just concatenate both of them together and using the function tht function called file get content using file get content you can directly show the it also into the browser and after doing this like printing invoice you can have the option like download here we have download option don't worry sorry just try to paint okay and they're here this is saving your server and if you customer once just put on that download button here and it will ask where you want to save the invoice and there you can say my invoice like this like this Thanks take fine hope you like this video and obviously you like this video and what I want to show I already told you I haven't surprise for you guys so after there after this video I will upload that video thank you thank you don't forget to Like and subscribe this is the last video don't ask me for profile and other things because really I will create profile upload image upload image without refreshing paid attacks using all of those things just in a separate video then social network and of thing