Credlab

<!DOCTYPE html> <html class="" lang="en"> <head> <title> Credlab </title> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="kjWwQ6sc3UNQ12JkaLhgj6taknARCdc41Ne9IMwNJF0wXu1rqfgO0FVqma1IkbL5NRGHonp6pW57bviODPhBKQ" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="mobile-web-app-capable" content="yes"> <script src="/assets/application-a2b29b05.js" data-turbo-track="reload" defer="defer"></script> <link rel="stylesheet" href="/assets/application-b82ff513.css" media="all" data-turbo-track="reload" /> <meta name="theme-color" content="#ffffff"> <link rel="icon" href="/favicon.ico" sizes="any"> <link rel="icon" href="/icon.svg" type="image/svg+xml"> <link rel="apple-touch-icon" href="/apple-touch-icon.png"> <link rel="preconnect" href="https://rsms.me/"> <link rel="stylesheet" href="https://rsms.me/inter/inter.css"> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCHcaNZEA93h5kJHa1vQg_exoclGvafHC8&libraries=places&callback=initAutocomplete" async="" defer="" ></script> <script> window.initAutocomplete = function () { const event = new Event('google-maps-callback', { bubbles: true, cancelable: true, }) window.dispatchEvent(event) } </script> </head> <body data-controller="theme" data-theme-preference-value="" class="h-full font-sans antialiased font-normal leading-normal bg-gray-50 dark:bg-gray-900 dark:text-gray-50"> <header> <div id="flash" data-turbo-temporary> </div> <div id="toasts" data-turbo-temporary> </div> </header> <main class="px-3 lg:px-0 h-full bg-gray-50"> <div class="container px-4 mx-auto my-8"> <div class="py-5 px-3"> <div class="lg:max-w-[1440px] md:max-w-[874px] max-w-[500px] mx-auto bg-white px-6 shadow-md rounded"> <div class=" lg:flex pb-5"> <div class="flex-none w-full sm:max-w-xs border-r-2"> <div id="steps_component"> <div class="lg:block hidden"> <div class="lg:flex-col pt-12 lg:gap-0 md:gap-14 gap-0 md:flex hidden"> <div class="lg:w-2/3 flex flex-col sm:flex-row "> <img class="max-h-28" src="https://credlab.app/rails/active_storage/blobs/redirect/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVGkDbBsBSSIIcHVyBjsAVEkiDGJsb2JfaWQGOwBG--8664a8388141e06afe5a14d0406be1ca08bb432e/Annex-Business-Media-logo-20(1).jpg?locale=en" /> </div> <p class="mt-6 text-gray-900 font-semibold">Annex Business Media Inc.</p> <address> <p class="mt-2 text-gray-600">PO Box 530 - 105 Donly Drive South<br>Simcoe, Ontario</p> </address> <div class="mt-10"> <div> <div class="lg:flex items-center gap-8 md:block flex"> <div class="flex"> <div class="bg-indigo-700 px-4 py-2 rounded md:w-10 lg:ml-0 md:-ml-14 -ml-0 font-semibold" > <p class="text-white">1</p> </div> <div class="lg:hidden md:block hidden w-40 h-1 bg-indigo-50 mt-4"></div> </div> <div class="lg:hidden md:block hidden w-36 h-1 bg-indigo-50 mt-4"></div> <div> <p class="texr-gray-500 lg:pt-0 md:pt-3">Company Information </p> </div> </div> <div class="lg:block md:hidden block w-1 h-16 bg-indigo-50 ml-4"></div> </div> <div> <div class="lg:flex items-center gap-8 md:block flex lg:-mt-10 md:mt-0 -mt-10"> <div class="flex"> <div class="bg-indigo-50 px-4 py-2 rounded md:w-10 lg:ml-0 md:ml-4 font-semibold"> <p class="text-indigo-700">2</p> </div> <div class="lg:hidden md:block hidden w-40 h-1 bg-indigo-50 mt-4"></div> </div> <div class="lg:hidden md:block hidden w-36 h-1 bg-indigo-50 mt-4"></div> <div> <p class="texr-gray-500 lg:pt-0 md:pt-3">Company History </p> </div> </div> <div class="lg:block md:hidden block w-1 h-16 ml-4"></div> </div> <div> <div class="lg:flex items-center gap-8 md:block flex lg:-mt-10 md:mt-0 -mt-10"> <div class="flex"> <div class="bg-indigo-50 px-4 py-2 rounded md:w-10 lg:ml-0 md:ml-4 font-semibold"> <p class="text-indigo-700">3</p> </div> <div class="lg:hidden md:block hidden w-40 h-1 bg-indigo-50 mt-4"></div> </div> <div class="lg:hidden md:block hidden w-36 h-1 bg-indigo-50 mt-4"></div> <div> <p class="texr-gray-500 lg:pt-0 md:pt-3">Company Contacts </p> </div> </div> <div class="lg:block md:hidden block w-1 h-16 ml-4"></div> </div> <div> <div class="lg:flex items-center gap-8 md:block flex lg:-mt-10 md:mt-0 -mt-10"> <div class="flex"> <div class="bg-indigo-50 px-4 py-2 rounded md:w-10 lg:ml-0 md:ml-4 font-semibold"> <p class="text-indigo-700">4</p> </div> <div class="lg:hidden md:block hidden w-40 h-1 bg-indigo-50 mt-4"></div> </div> <div class="lg:hidden md:block hidden w-36 h-1 bg-indigo-50 mt-4"></div> <div> <p class="texr-gray-500 lg:pt-0 md:pt-3">Company References </p> </div> </div> <div class="lg:block md:hidden block w-1 h-16 ml-4"></div> </div> <div> <div class="lg:flex items-center gap-8 md:block flex lg:-mt-10 md:mt-0 -mt-10"> <div class="flex"> <div class="bg-indigo-50 px-4 py-2 rounded md:w-10 lg:ml-0 md:ml-4 font-semibold"> <p class="text-indigo-700">5</p> </div> <div class="lg:hidden md:block hidden w-40 h-1 bg-indigo-50 mt-4"></div> </div> <div class="lg:hidden md:block hidden w-36 h-1 bg-indigo-50 mt-4"></div> <div> <p class="texr-gray-500 lg:pt-0 md:pt-3">Banking </p> </div> </div> <div class="lg:block md:hidden block w-1 h-16 ml-4"></div> </div> <div> <div class="lg:flex items-center gap-8 md:block flex lg:-mt-10 md:mt-0 -mt-10"> <div class="flex"> <div class="bg-indigo-50 px-4 py-2 rounded md:w-10 lg:ml-0 md:ml-4 font-semibold"> <p class="text-indigo-700">6</p> </div> <div class="lg:hidden md:block hidden w-40 h-1 bg-indigo-50 mt-4"></div> </div> <div class="lg:hidden md:block hidden w-36 h-1 bg-indigo-50 mt-4"></div> <div> <p class="texr-gray-500 lg:pt-0 md:pt-3">Terms </p> </div> </div> <div class="lg:block md:hidden block w-1 h-16 ml-4"></div> </div> </div> </div> </div> </div> </div> <div class="flex-1 pl-6"> <div class="w-full"> <section class="text-gray-600 body-font"> <div class="container pt-12 py-5 mx-auto"> <div class="lg:hidden mb-10"> <img class="h-10" src="https://credlab.app/rails/active_storage/blobs/redirect/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVGkDbBsBSSIIcHVyBjsAVEkiDGJsb2JfaWQGOwBG--8664a8388141e06afe5a14d0406be1ca08bb432e/Annex-Business-Media-logo-20(1).jpg?locale=en" /> <p class="mt-6 text-gray-900 font-semibold">Annex Business Media Inc.</p> <p class="mt-2 text-gray-600">PO Box 530 - 105 Donly Drive South<br>Simcoe, Ontario</p> </div> <div class="float-right"> <span class="isolate inline-flex rounded-md"> <a class="inline-flex items-center rounded border border-transparent bg-indigo-100 px-2.5 py-1.5 text-xs font-medium text-indigo-700 hover:bg-indigo-200 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2" href="/build_credit_application/3hG368ht/steps/company_information?locale=fr">Application en fran莽ais</a> </span> </div> <h1 class="text-xl font-bold tracking-tight text-gray-900 sm:text-3xl ">Credit Application</h1> <div class="sm:flex-row sm:items-center items-start "> <p class="mt-6 text-gray-500 "><p>Please fill out the following form to apply for credit.</p></p> </div> </div> </section> <div id="form_step"> <form enctype="multipart/form-data" action="/build_credit_application/3hG368ht/steps/company_information?locale=en" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch" autocomplete="off" /><input type="hidden" name="authenticity_token" value="6oPsVzXZR5nddsao0j8xxQnMoEK1dMwpfTaOtgObn2EWN92x3MAgo-1-6yWphQQSdx0iXtvBI2xlsv16BYrdmg" autocomplete="off" /> <div id=company_information> <div> <div class="grid grid-cols-1 gap-y-0 gap-x-4 md:grid-cols-6"> <div class="text-lg font-medium leading-6 text-gray-900 mt-8 md:col-span-6 mb-4"> <h3 class="text-lg font-medium leading-6 text-gray-900">Company Information</h3> </div> </div> <div class="grid grid-cols-1 gap-y-0 gap-x-4 md:grid-cols-6"> <div class="md:col-span-3"> <div data-controller="credit-applications--text-field-component" class="form-group"> <label for="credit_application_credit_requested"> Credit Requested ($)</label> <input class="form-control" data-controller="" type="text" name="credit_application[credit_requested]" id="credit_application_credit_requested" /> </div> </div> </div> <div class="grid grid-cols-1 gap-y-0 gap-x-4 md:grid-cols-6"> <div class="md:col-span-3"> <div data-controller="credit-applications--text-field-component" class="form-group"> <label for="credit_application_applicant_attributes_name"><abbr title='required' class='required_marker text-red-700'>*</abbr> Company Legal Name</label> <input class="form-control" data-controller="" type="text" name="credit_application[applicant_attributes][name]" id="credit_application_applicant_attributes_name" /> </div> </div> <div class="md:col-span-3"> <div data-controller="credit-applications--text-field-component" class="form-group"> <label for="credit_application_applicant_attributes_operating_as"> Operating As</label> <input class="form-control" data-controller="" type="text" name="credit_application[applicant_attributes][operating_as]" id="credit_application_applicant_attributes_operating_as" /> </div> </div> </div> <div class="grid grid-cols-1 gap-y-0 gap-x-4 md:grid-cols-6"> <div class="md:col-span-2"> <div data-controller="credit-applications--text-field-component" class="form-group"> <label for="credit_application_applicant_attributes_phone"><abbr title='required' class='required_marker text-red-700'>*</abbr> Phone</label> <input class="form-control" data-controller="" type="text" name="credit_application[applicant_attributes][phone]" id="credit_application_applicant_attributes_phone" /> </div> </div> <div class="md:col-span-2"> <div data-controller="credit-applications--text-field-component" class="form-group"> <label for="credit_application_applicant_attributes_fax"> Fax</label> <input class="form-control" data-controller="" type="text" name="credit_application[applicant_attributes][fax]" id="credit_application_applicant_attributes_fax" /> </div> </div> <div class="md:col-span-2"> <div data-controller="credit-applications--text-field-component" class="form-group"> <label for="credit_application_applicant_attributes_website"> Website</label> <input class="form-control" data-controller="" type="text" name="credit_application[applicant_attributes][website]" id="credit_application_applicant_attributes_website" /> </div> </div> </div> <div class="grid grid-cols-1 gap-y-0 gap-x-4 md:grid-cols-6"> <div data-controller="nested-form" class="md:col-span-12"> <template data-nested-form-target="template"> <div data-controller="location"> <h3 class="text-base font-medium leading-6 text-gray-900 mt-8 mb-4">Address</h3> <div data-controller="places" data-action="google-maps-callback@window->places#initAutocomplete" data-places-country-value='["ca", "us"]'> <input value="Address" autocomplete="off" type="hidden" name="credit_application[applicant_attributes][locations_attributes][NEW_RECORD][name]" id="credit_application_applicant_attributes_locations_attributes_NEW_RECORD_name" /> <div class="grid grid-cols-1 gap-x-4 md:grid-cols-6"> <div class="md:col-span-4 form-group"> <label for="credit_application_applicant_attributes_locations_attributes_NEW_RECORD_address"> Address</label> <input class="form-control" data-action="keydown->places#preventSubmit" data-places-target="address" type="text" name="credit_application[applicant_attributes][locations_attributes][NEW_RECORD][address]" id="credit_application_applicant_attributes_locations_attributes_NEW_RECORD_address" /> </div> <div class="md:col-span-2 form-group"> <label for="credit_application_applicant_attributes_locations_attributes_NEW_RECORD_unit"> Unit</label> <input class="form-control" data-places-target="unit" type="text" name="credit_application[applicant_attributes][locations_attributes][NEW_RECORD][unit]" id="credit_application_applicant_attributes_locations_attributes_NEW_RECORD_unit" /> </div> <div class="md:col-span-2 form-group"> <label for="credit_application_applicant_attributes_locations_attributes_NEW_RECORD_city"> City</label> <input class="form-control" data-places-target="city" type="text" name="credit_application[applicant_attributes][locations_attributes][NEW_RECORD][city]" id="credit_application_applicant_attributes_locations_attributes_NEW_RECORD_city" /> </div> <div class="md:col-span-2 form-group"> <label for="credit_application_applicant_attributes_locations_attributes_NEW_RECORD_province"> State/Province</label> <input class="form-control" data-places-target="state" type="text" name="credit_application[applicant_attributes][locations_attributes][NEW_RECORD][province]" id="credit_application_applicant_attributes_locations_attributes_NEW_RECORD_province" /> </div> <div class="md:col-span-1 form-group"> <label for="credit_application_applicant_attributes_locations_attributes_NEW_RECORD_postal"> Zip/Postal</label> <input class="form-control" data-places-target="postalCode" type="text" name="credit_application[applicant_attributes][locations_attributes][NEW_RECORD][postal]" id="credit_application_applicant_attributes_locations_attributes_NEW_RECORD_postal" /> </div> <div class="md:col-span-1 form-group"> <label for="credit_application_applicant_attributes_locations_attributes_NEW_RECORD_country"> Country</label> <input class="form-control" data-places-target="country" type="text" name="credit_application[applicant_attributes][locations_attributes][NEW_RECORD][country]" id="credit_application_applicant_attributes_locations_attributes_NEW_RECORD_country" /> </div> <div class="hidden" > <input class="invisible" type="text" name="credit_application[applicant_attributes][locations_attributes][NEW_RECORD][country_code]" id="credit_application_applicant_attributes_locations_attributes_NEW_RECORD_country_code" /> </div> </div> </div> </div> </template> <div> <div data-controller="location"> <h3 class="text-base font-medium leading-6 text-gray-900 mt-8 mb-4">Billing Address</h3> <div data-controller="places" data-action="google-maps-callback@window->places#initAutocomplete" data-places-country-value='["ca", "us"]'> <input value="Billing Address" autocomplete="off" type="hidden" name="credit_application[applicant_attributes][locations_attributes][0][name]" id="credit_application_applicant_attributes_locations_attributes_0_name" /> <div class="grid grid-cols-1 gap-x-4 md:grid-cols-6"> <div class="md:col-span-4 form-group"> <label for="credit_application_applicant_attributes_locations_attributes_0_address"><abbr title='required' class='required_marker text-red-700'>*</abbr> Address</label> <input class="form-control" data-action="keydown->places#preventSubmit" data-places-target="address" type="text" name="credit_application[applicant_attributes][locations_attributes][0][address]" id="credit_application_applicant_attributes_locations_attributes_0_address" /> </div> <div class="md:col-span-2 form-group"> <label for="credit_application_applicant_attributes_locations_attributes_0_unit"> Unit</label> <input class="form-control" data-places-target="unit" type="text" name="credit_application[applicant_attributes][locations_attributes][0][unit]" id="credit_application_applicant_attributes_locations_attributes_0_unit" /> </div> <div class="md:col-span-2 form-group"> <label for="credit_application_applicant_attributes_locations_attributes_0_city"> City</label> <input class="form-control" data-places-target="city" type="text" name="credit_application[applicant_attributes][locations_attributes][0][city]" id="credit_application_applicant_attributes_locations_attributes_0_city" /> </div> <div class="md:col-span-2 form-group"> <label for="credit_application_applicant_attributes_locations_attributes_0_province"> State/Province</label> <input class="form-control" data-places-target="state" type="text" name="credit_application[applicant_attributes][locations_attributes][0][province]" id="credit_application_applicant_attributes_locations_attributes_0_province" /> </div> <div class="md:col-span-1 form-group"> <label for="credit_application_applicant_attributes_locations_attributes_0_postal"> Zip/Postal</label> <input class="form-control" data-places-target="postalCode" type="text" name="credit_application[applicant_attributes][locations_attributes][0][postal]" id="credit_application_applicant_attributes_locations_attributes_0_postal" /> </div> <div class="md:col-span-1 form-group"> <label for="credit_application_applicant_attributes_locations_attributes_0_country"> Country</label> <input class="form-control" data-places-target="country" type="text" name="credit_application[applicant_attributes][locations_attributes][0][country]" id="credit_application_applicant_attributes_locations_attributes_0_country" /> </div> <div class="hidden" > <input class="invisible" type="text" name="credit_application[applicant_attributes][locations_attributes][0][country_code]" id="credit_application_applicant_attributes_locations_attributes_0_country_code" /> </div> </div> </div> <h3 class="text-base font-medium leading-6 text-gray-900 mt-8 mb-4">Shipping Address</h3> <div data-controller="places" data-action="google-maps-callback@window->places#initAutocomplete" data-places-country-value='["ca", "us"]'> <input value="Shipping Address" autocomplete="off" type="hidden" name="credit_application[applicant_attributes][locations_attributes][1][name]" id="credit_application_applicant_attributes_locations_attributes_1_name" /> <div class="grid grid-cols-1 gap-x-4 md:grid-cols-6"> <div class="md:col-span-4 form-group"> <label for="credit_application_applicant_attributes_locations_attributes_1_address"> Address</label> <input class="form-control" data-action="keydown->places#preventSubmit" data-places-target="address" type="text" name="credit_application[applicant_attributes][locations_attributes][1][address]" id="credit_application_applicant_attributes_locations_attributes_1_address" /> </div> <div class="md:col-span-2 form-group"> <label for="credit_application_applicant_attributes_locations_attributes_1_unit"> Unit</label> <input class="form-control" data-places-target="unit" type="text" name="credit_application[applicant_attributes][locations_attributes][1][unit]" id="credit_application_applicant_attributes_locations_attributes_1_unit" /> </div> <div class="md:col-span-2 form-group"> <label for="credit_application_applicant_attributes_locations_attributes_1_city"> City</label> <input class="form-control" data-places-target="city" type="text" name="credit_application[applicant_attributes][locations_attributes][1][city]" id="credit_application_applicant_attributes_locations_attributes_1_city" /> </div> <div class="md:col-span-2 form-group"> <label for="credit_application_applicant_attributes_locations_attributes_1_province"> State/Province</label> <input class="form-control" data-places-target="state" type="text" name="credit_application[applicant_attributes][locations_attributes][1][province]" id="credit_application_applicant_attributes_locations_attributes_1_province" /> </div> <div class="md:col-span-1 form-group"> <label for="credit_application_applicant_attributes_locations_attributes_1_postal"> Zip/Postal</label> <input class="form-control" data-places-target="postalCode" type="text" name="credit_application[applicant_attributes][locations_attributes][1][postal]" id="credit_application_applicant_attributes_locations_attributes_1_postal" /> </div> <div class="md:col-span-1 form-group"> <label for="credit_application_applicant_attributes_locations_attributes_1_country"> Country</label> <input class="form-control" data-places-target="country" type="text" name="credit_application[applicant_attributes][locations_attributes][1][country]" id="credit_application_applicant_attributes_locations_attributes_1_country" /> </div> <div class="hidden" > <input class="invisible" type="text" name="credit_application[applicant_attributes][locations_attributes][1][country_code]" id="credit_application_applicant_attributes_locations_attributes_1_country_code" /> </div> </div> </div> </div> </div> <div class="my-5" data-nested-form-target="links "> <button data-action="click->nested-form#add_association" type="button" class="inline-flex items-center rounded-full border border-transparent bg-indigo-600 px-3 py-1.5 text-xs font-medium text-white shadow-sm hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"> Additional Location </button> </div> </div> </div> <div class="lg:flex justify-end gap-3 pt-10 md:block block"> <div class="lg:pt-0 md:pt-4 pt-4"> <button name="button" type="submit" class="md:w-full w-full px-7 py-3 rounded border border-indigo-700 font-medium text-white hover:bg-indigo-700 bg-indigo-600 duration-200"><span class="when-enabled">Continue</span><span class="when-disabled"><svg class="animate-spin inline-block mr-2 h-4 w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> Loading...</span></button> </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> </div> </div> </main> <footer class="w-full h-auto px-2 py-4 text-sm lg:px-6"> <div class="flex flex-col-reverse p-4 text-sm lg:flex-row lg:justify-between lg:p-0"> <div class="flex items-center justify-center"> <div class="ml-4 text-gray-700 dark:text-gray-50">漏 2025 B2B Credit Chex Inc.</div> </div> <ul class="list-none flex flex-wrap items-center justify-center"> <li><a class="text-gray-700 hover:text-gray-800 dark:text-gray-50 dark:hover:text-gray-200 no-underline block px-4 lg:my-0 my-2" href="/announcements?locale=en">News</a></li> <li><a class="text-gray-700 hover:text-gray-800 dark:text-gray-50 dark:hover:text-gray-200 no-underline block px-4 lg:my-0 my-2" href="/about?locale=en">About</a></li> <li><a class="text-gray-700 hover:text-gray-800 dark:text-gray-50 dark:hover:text-gray-200 no-underline block px-4 lg:my-0 my-2" href="https://credlab.com">About</a></li> <li><a class="text-gray-700 hover:text-gray-800 dark:text-gray-50 dark:hover:text-gray-200 no-underline block lg:my-0 my-2 px-4" href="/privacy?locale=en">Privacy</a></li> <li><a class="text-gray-700 hover:text-gray-800 dark:text-gray-50 dark:hover:text-gray-200 no-underline block lg:my-0 my-2 px-4" href="/terms?locale=en">Terms</a></li> </ul> </div> </footer> </body> </html>

CINXE.COM

Credlab