Search Order Filter - Copy this Html, Bootstrap Component to your project

Create a form to input filter for search order of logistics services. This form contain filters as below: Row 1: Filter name:" Type of order". Input: Check box "Import", Check box "export". Row 2: Filter name: "Created date". Input: From date, to date Row 3: Check box "Completed", check box "Canceled" Row 4: Filter name: "ID". Input: Text box Row 5: Filter name: "Created employee". Input: Select with option is employee list. Row 6: Filter name: "Shipper". Input: Select with option is shipper list. Row 7: Filter name:" Carrier". Input: Select with option is carrier list. Row 8: Filter name:" Customs broker". Input: Select with option is customs broker list. Row 9: Filter name:"Drayage company". Input: Select with option is drayage company list. Button: Submid, Cancel, Clear. Other description: If no data inputed, make input, checkbox... to be gray color